header.custom-header-main .top-header { background:#004682; font-size:12px; display:flex; justify-content:space-between; align-items:center; }
header.custom-header-main .menu { background:#fff; }
header.custom-header-main .navbar-nav .nav-item .nav-link { color:#000; }
header.custom-header-main .navbar-nav .nav-item .nav-link.active, header.custom-header-main .navbar-nav .nav-item .nav-link:hover { color:#004985; }
header.custom-header-main .img-logo, .navbar-brand img{height: 50px;}
.offcanvas-header img{height: 50px;}

.footer-social .social-icon { color:#004682; height:25px; aspect-ratio:1; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; font-size:16px; transition:all 0.7s ease; }
.footer-social .social-icon:hover { background:transparent; color:#ff9902; border:1px solid #fff; }

.custom-header-link{position: absolute; top: 5%; width: 100%;}

.btn-connect-line{ color: #004682; border-radius: 30px; font-weight: 400; display: flex; align-items: center; justify-content: center; border: 1px solid #004682;}
.btn-connect-line:hover{background: linear-gradient(45deg, #FDB913 0%, #FFD400 100%); color: #fff;}
.btn-connect{ background: linear-gradient(45deg, #FDB913 0%, #FFD400 100%); color: #004682; border-radius: 30px; font-weight: 400; display: flex; align-items: center; justify-content: center; }

/* BLOCK-CURRICULUM-MAIN */
.block-curriculum-main{padding-top: 100px; padding-bottom: 100px; background: #fff;}
.block-curriculum-main .img-text { width: 320px; }
.block-curriculum-main .program-item .pro-text { position: absolute; width: 100%; bottom: 0; left: 0; font-size: 20px; font-family: Kabel; margin-bottom: 23px; color: #fff;}
@media (min-width: 320px) and (max-width: 479px) {
    .block-curriculum-main .program-item .pro-text { font-size: 10px; margin-bottom: 5px; }
}

/* BLOCK-HOME-MAIN */
.block-home-main .custom-menu{bottom: 50px; width: 100%;}

/* BLOCK-TEACHER-MAIN */
.block-teacher-main{color: #000; padding-top: 60px; padding-bottom: 60px; background: #fff;}
.box-marg-10 { margin-left: -5px; margin-right: -5px; }
.box-marg-10 .padd-sm { padding-left: 5px; padding-right: 5px; position: relative; }
.item-course { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 5px; background: #fff; min-height: 237px; cursor: pointer; -webkit-transition: 0.1s ease; transition: 0.1s ease; border: solid 1px rgba(0, 0, 0, 0.1); height: auto; width: 100%; }
.item-course .course-image-wr { position: relative; overflow: hidden; border-radius: 5px; height: 250px; }
.item-course .course-image-wr .icon-hot { text-transform: uppercase; background-color: #fd2626; position: absolute; width: 34px; height: 18px; font-size: 9px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; border-top-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 1; }
.item-course .course-image-wr .course-img { display: block; overflow: hidden; height: 250px; }
.item-course .course-image-wr img { border-top-right-radius: 5px; width: 100%; -webkit-transition: 0.5s ease; transition: 0.5s ease; vertical-align: top;}
.item-course .course-info { padding: 15px; }
.item-course .course-name { min-height: 40px; line-height: 1; margin-bottom: 10px; }
.item-course .course-name a { color: #444; font-size: 16px; font-weight: 600; max-height: 50px; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; line-height: initial; }
.item-course .course-info .course-teachers { width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 15px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; margin-bottom: 8px; transition: 0.2s ease; max-height: 32px; min-height: 32px; font-size: 12px; }
.course-scorms { bottom: 17px; margin-bottom: 10px; flex: 1; font-size: 12px; }
.course-scorms .course-fee { margin-bottom: 0; display: flex; align-items: center !important; }
.course-scorms .course-fee img { width: 14px; min-width: 14px; height: 14px; margin-right: 5px; display: inline-block; }
.item-course .link-bottom { padding: 15px; background: #fff; border-radius: 5px; opacity: 1; }
.item-course .course-view-more { display: block; background-color: #28b1ff; bottom: -50px; width: 100%; padding: 10px 15px; margin-top: auto; margin-bottom: 0; text-align: center; color: #fff; border-radius: 6px; font-size: 12px; }
@media screen and (max-width: 992px){
    .item-course .link-bottom {padding-left: 0; padding-right: 0;}
    .item-course .course-info{padding-left: 35px; padding-right: 35px;}
}

/* BLOCK-TEACHER-MAIN */
.title-block{font-size: 30px; font-weight: bold;}
.text-gradient { background: linear-gradient(225deg, #f0971d 14.89%, #dc6807 85.85%); -webkit-background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); display: inline-block; }
.sub-title{font-size: 18px; color: #000;}

.block-slick-main{position: relative;}
.block-slick-main .box-nav .slick-arrow{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -35px;}
.block-slick-main .box-nav .slick-arrow img{background: #004682; height: 30px; border-radius: 100%; padding: 2px;}
.block-slick-main .box-nav .slick-arrow:last-child{left: inherit; right: -35px;}
@media screen and (max-width: 992px){
    .block-slick-main .box-nav .slick-arrow{left: 0;}
    .block-slick-main .box-nav .slick-arrow:last-child{left: inherit; right: 0px;}
}

/* BLOCK-LESSON-MAIN */
.block-lesson-main{padding-top: 60px; padding-bottom: 60px; background: #fff;}
.gridarea__wraper { background: #ffffff; padding: 15px; box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.05); margin-bottom: 30px; }
.gridarea__wraper .gridarea__img { position: relative; overflow: hidden; margin-bottom: 20px; }
.gridarea__wraper .gridarea__img img { width: 100%; border-radius: 4px; }
.gridarea__wraper .gridarea__img .gridarea__small__button { position: absolute; top: 3px; left: 8px; }
.gridarea__wraper .gridarea__img .gridarea__small__button .grid__badge { background: #f2277e; color: #fff; border-radius: 3px; font-weight: 600; font-size: 12px; display: inline-block; text-align: center; padding: 5px 15px; line-height: 1; }
.gridarea__wraper .gridarea__content .gridarea__list { margin-bottom: 15px; }
.gridarea__wraper .gridarea__content .gridarea__list ul { display: flex; color: #000;}
.gridarea__wraper .gridarea__content .gridarea__list ul li svg { font-size: 18px; color: #004682; margin-right: 5px; }
.gridarea__wraper .gridarea__heading h3 { font-size: 18px; line-height: 25px; }
.gridarea__wraper .gridarea__heading h3 a{color: #000; font-size: 20px;}
.gridarea__wraper .gridarea__content .gridarea__price { font-size: 18px; font-weight: 600; color: #000; margin-bottom: 20px; }
.gridarea__wraper .gridarea__content .gridarea__price del { color: #ccc; font-size: 13px; }
.gridarea__wraper .gridarea__content .gridarea__price span del { color: #ff2828; font-size: 16px; }

/* BLOCK-LESSON-MAIN */
.block-lesson-main{padding-top: 60px; padding-bottom: 60px;}

/* BLOCK-NEWS-MAIN */
.block-news-main{background: #efefef; padding-top: 60px; padding-bottom: 60px;}
.blog_img { position: relative; }
.blog_img img{ max-width: 100%; border-radius: 4px;}
.blog_content { width: 90%; box-shadow: 0 6px 30px rgba(0,0,0,0.02); margin: -80px auto 30px; position: relative; z-index: 11; background: #fff; padding: 20px 25px; border-radius: 4px; }
.blog_meta { margin-bottom: 10px; font-size: 15px; color: #000;}
.blog_meta span{display: inline-block; margin-right: 10px;}
.blog_content h3 { font-size: 22px; margin-bottom: 14px; }
.blog_content h3 a { color: #222; transition: .5s; }
.blog_btn { font-weight: 500; color: #4A3AFF; margin-top: 5px; }

/* BLOCK-STUDY-MAIN */
.block-study-main{padding-top: 60px; padding-bottom: 60px; background: #efefef;}
.item-buy-study{color: #000; background: #fff; max-width: 750px; margin: auto;}

/* block-trainees-main */
.block-trainees-main{padding-top: 60px;padding-bottom: 60px; background: #fff;}
.block-trainees-main .student-box .student-box-header { background: #0081cb; color: #ffffff; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.block-trainees-main .student-box .student-box-header .name { font-size: 15px; color: #78ffff; }
.block-trainees-main .student-box .student-box-header .student-avt { width: 80px; }
.block-trainees-main .student-box{background: #e5ffd1; color: #000; height: 255px; overflow: hidden; padding-bottom: 50px; position: relative; border-radius: 10px;}
.block-trainees-main .student-box .text-end{position: absolute; right: 0; bottom: 0; width: 100%; background: #e5ffd1; height: 40px; padding: 7px 20px; }
@media screen and (max-width: 992px){
    .block-trainees-main .student-box{display: block!important;}
    .block-trainees-main .student-box .student-box-header{height: 85px;}
}

.edu-footer { background:linear-gradient(135deg,#1a2332 0%,#2c3e50 100%); color:#ffffff; padding:40px 0 0 0; font-family:'Montserrat' !important; padding-bottom: 10px;}
.footer-main { padding-bottom:30px; }
.footer-column { color:#ffffff; }
.footer-column ul { list-style:none; padding-left:0; text-align:left; }
.footer-column ul li { margin-bottom:8px; margin-left:0; }
.footer-column ul li a { color:#fafafa; text-decoration:none; font-size:16px; line-height:1.6; transition:color 0.3s ease; }
.footer-column ul li a:hover { color:#00aaff; }
.footer-column p { font-size:16px; line-height:1.6; margin-bottom:8px; }
.footer-column p strong { color:#ffffff; font-size:16px; }
.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 0; text-align: center; }
.edu-footer .social-icons a{display: inline-block; width: 35px;height: 35px; border-radius: 100px; line-height: 35px; color: #fff; text-align: center;padding-top: 6px;} 
.edu-footer .logo_footer img{height: 80px;}
.contact-info{position: relative; padding-left: 25px;}
.contact-info svg{position: absolute; left: 0; top: 6px;}
.contact-info.app{}
.contact-info.app img{height: 35px;}

.social img{height: 50px;}