:root{
    --bs-bg-primary: linear-gradient(135deg, #671EAF, #5E30BF);
    --bs-primary: #4816B9;
    --bs-primary-hover: #6127e4;
    --bs-primary-rgb: 72, 22, 185;
    --bs-secondary: #F4A701;
    --bs-secondary-hover: #fdb20c;
    --bs-secondary-rgb: 244, 167, 1;
    --bs-font-sans-serif: "Montserrat", serif;
    --bs-body-font-family: "Montserrat", serif;
    --bs-body-font-weight: 500;
    --bs-body-font-weight-bold: 700;
    --bs-body-font-weight-bolder: 600;
    --bs-body-font-weight-light: 400;
    --bs-body-font-weight-lighter: 300;
    --fancybox-zIndex: 9999;
    --bs-control-height: 44px;
    --bs-btn-height: 44px;
    --bs-body-font-size: 16px;
    --font-awesome: "Font Awesome 6 Pro";
}

.btn-primary{
    background: var(--bs-primary);
    padding-left: 32px;
    padding-right: 32px;
    font-size: 18px;
}
.btn-primary:hover{ background: var(--bs-primary-hover); }

.btn-secondary{
    background: var(--bs-secondary);
    padding-left: 32px;
    padding-right: 32px;
    font-size: 18px;
}
.btn-secondary:hover{ background: var(--bs-secondary-hover); }

.form-control-file{
    line-height: 40px;
}

a { color: var(--bs-primary); }
a:hover { color: var(--bs-secondary); }
img{ max-width: 100%; height: auto; }
button{ transition: all 0.3s ease-in-out; }
figure.image{ display: inline-block;}

.form-group{ margin-bottom: 16px;}
.form-group .form-label{ font-weight: var(--bs-body-font-weight-bolder);}

.pagination{ margin-top: 30px;}

.lozad{ opacity: 0;}
.lozad.show{ opacity: 1;}

.f-carousel .f-carousel__track{ height: auto;}
.f-carousel .f-carousel__viewport{ height: auto; min-height: 10px;}
.f-carousel .f-progress{ display: none;}
.f-carousel .f-carousel__dots{ bottom: 20px;}
.f-carousel .f-carousel__slide img{ width: 100%;}
.f-carousel.type-1 .f-carousel__viewport{ border-radius: var(--bs-border-radius);}
.f-carousel.type-1 .f-carousel__dots{ display: none;}
.f-carousel.type-1 .f-carousel__nav .f-button{ background-color: rgba(var(--bs-secondary-rgb), 0.8); border-radius: 50%; color: #ffffff;}
.f-carousel.type-1 .f-carousel__nav .f-button:hover{ background-color: rgba(var(--bs-secondary-rgb), 1);}
.f-carousel.type-1 .f-carousel__nav .is-prev{ left: -60px !important;}
.f-carousel.type-1 .f-carousel__nav .is-next{ right: -60px !important;}

.menu__main{ display: inline-flex; align-items: center; gap: 5px; }
.menu__main > ul { display: flex; padding: 0; margin: 0; list-style: none; }
.menu__main > ul > li { position: relative; margin: 0 10px; }
.menu__main > ul > li > a { display: flex; height: 40px; border-radius: var(--bs-border-radius); align-items: center; gap: 5px; color: #333; padding: 0 15px; font-size: 18px; font-weight: var(--bs-body-font-weight-bolder); }
.menu__main > ul > li > a > .arrow:after { content: "\f107"; font-family: var(--font-awesome); font-weight: 400;}
.menu__main > ul > li:hover > a { background-color: rgba(var(--bs-primary-rgb), 0.1); }
.menu__main > ul > li.active > a { background-color: rgba(var(--bs-primary-rgb), 0.1); }
.menu__main > ul > li.active:hover > a{ color: #FFF; }
.menu__main .submenu { display: none; position: absolute; top: 100%; left: 0; min-width: 180px; border-radius: var(--bs-border-radius); background-color: #FFF; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1); list-style: none; padding: 10px 0; margin: 0; z-index: 999; }
.menu__main .submenu li { position: relative; }
.menu__main .submenu li a { display: flex; align-items: center; color: var(--bs-text-color); padding: 8px 16px; white-space: nowrap; }
.menu__main .submenu li a > i { width: 16px; text-align: center; margin-right: 8px;}
.menu__main .submenu li:hover > a { background-color: rgba(var(--bs-primary-rgb), 0.1); }
.menu__main .submenu li.active > a { background-color: rgba(var(--bs-primary-rgb), 0.1); }
.menu__main .submenu .submenu { top: -5px; left: 100%; border-radius: 5px; }
.menu__main .submenu .divider { height: 1px; display: block; background-color: rgba(var(--bs-black-rgb), 0.05); margin: 2px 0;}
.menu__main > ul > li:hover > .submenu { display: block; animation: SlideDownMenu 0.3s ease forwards; }
.menu__main .submenu li:hover > .submenu { display: block; animation: SlideRightMenu 0.3s ease forwards; }

.menu__mobile_toggle{ padding: 3px 5px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 5px; font-size: 20px; color: rgba(255, 255, 255, 0.8);}
.menu__mobile .offcanvas-body{ position: relative; overflow: hidden; padding: 0 var(--bs-offcanvas-padding-x); }
.menu__mobile .offcanvas-body ul{ list-style: none; margin: 0; padding: 0; }
.menu__mobile .offcanvas-body>ul>li>a{ text-transform: uppercase; font-weight: var(--bs-body-font-weight-bolder); color: #333; font-size: 15px; }
.menu__mobile ul li a{ display: flex; padding: 8px 0; gap: 5px; align-items: flex-start; justify-content: space-between; color: #333; }
.menu__mobile ul li a .arrow{ font-size: 16px; margin-top: 3px; transition: all 0.2s ease; transform: rotateX(0deg);}
.menu__mobile ul li a .arrow:after { content: "\f107"; font-family: var(--font-awesome); font-weight: 400; color: #333;}
.menu__mobile ul li ul.submenu{ display: none; margin-left: 15px; overflow: hidden;}
.menu__mobile ul li.active>a .arrow{ transform: rotateX(180deg);}

.block__header{ background: var(--bs-bg-primary); color: #ffffff;}
.block__header .hotline{ display: inline-flex; gap: 5px; align-items: center; height: 44px; }
.block__header .menu{ display: inline-flex; gap: 10px; align-items: center; }
.block__header .menu .social{ font-size: 20px; display: flex; gap: 10px; align-items: center; }
.block__header a{ color: #ffffff;}
.block__header a:hover{ color: var(--bs-secondary);}

.block__menu{ box-shadow: 0 10px 10px #EEE;}
.block__menu .container{ display: flex;}
.block__menu .logo{ height: 80px; display: inline-flex; align-items: center; margin: 0; flex: 1; }
.block__menu .logo img{ max-height: 80%;}
.block__menu .user{ display: inline-flex; align-items: center; gap: 5px; }
.block__menu .user a{ color: #333; padding: 0 15px; font-size: 18px; font-weight: var(--bs-body-font-weight-bolder); display: flex; height: 40px; align-items: center; border-radius: var(--bs-border-radius);}
.block__menu .user a.login{ background: var(--bs-bg-primary); color: #ffffff; }

.block__banner{ text-align: center;}
.block__banner img{ max-width: 100%;}

.block__slider{ position: relative;}
.block__slider .banner{ width: 100%; }
.block__slider .content{ pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; }

.block__about{ background: url("../img/bg-logo.png") no-repeat right 0 bottom -30px; background-size: 400px; padding: 70px 0;}
.block__about .block-title{ font-size: 22px; font-weight: var(--bs-body-font-weight-bold); color: var(--bs-primary); margin-bottom: 5px;}
.block__about .block-description{ font-size: 26px; font-weight: var(--bs-body-font-weight-bold); line-height: normal; margin-bottom: 15px; }
.block__about .block-content figure.table{ --bs-table-bg: none; border: 0; background: none;}
.block__about .block-content table{ border: 0; background: none; width: 100%; border-collapse: unset;}

.block__vision{ padding: 70px 0;}
.block__vision .item{ text-align: center; color: #ffffff;}
.block__vision .item .image{ margin-bottom: 15px;}
.block__vision .item .title{ font-weight: var(--bs-body-font-weight-bold); color: var(--bs-secondary); font-size: 30px; margin-bottom: 20px; }
.block__vision .item .description{ font-weight: var(--bs-body-font-weight-light); }

.block__video{ padding: 70px 0;}
.block__video .block-content{ width: 1100px; max-width: 100%; margin: 0 auto;}
.block__video .ratio{ border-radius: 20px; overflow: hidden;}

.block__trainer{ margin-bottom: 70px;}
.block__trainer .block-title{ text-align: center; margin-bottom: 20px;}
.block__trainer .block-title .title{ font-weight: var(--bs-body-font-weight-bold); font-size: 40px; }

.block__mentor{ margin-bottom: 70px;}
.block__mentor .block-title{ text-align: center; margin-bottom: 20px;}
.block__mentor .block-title .title{ font-weight: var(--bs-body-font-weight-bold); font-size: 40px; }
.block__mentor .f-carousel{ margin: 0 -15px;}
.block__mentor .f-carousel__slide{ width: 33.33%; padding: 0 15px;}
.block__mentor .f-carousel.type-1 .f-carousel__nav .is-prev{ left: -45px !important;}
.block__mentor .f-carousel.type-1 .f-carousel__nav .is-next{ right: -45px !important;}
.block__mentor .item{ position: relative; border-radius: 15px; overflow: hidden;}
.block__mentor .item .info{ position: absolute; border-radius: 15px; opacity: 0; height: 100%; width: 100%; left: 0; bottom: 0; padding: 30px; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: rgba(var(--bs-primary-rgb), 0.8); color: #ffffff; transition: all 0.2s ease-in-out;}
.block__mentor .item .info .name{ font-size: 24px; font-weight: var(--bs-body-font-weight-bold); color: var(--bs-secondary); margin-bottom: 2px;}
.block__mentor .item .info .title{ font-size: 18px; margin-bottom: 15px; text-transform: uppercase;}
.block__mentor .item .info .description .line{ padding: 6px 0; display: flex; gap: 10px; font-size: 15px; font-weight: var(--bs-body-font-weight-light); line-height: 1.2;}
.block__mentor .item .info .description .line i{ margin-top: 4px;}
.block__mentor .item:hover .info{ opacity: 1;}

.block__roadmap{ margin-bottom: 70px;}
.block__roadmap .block-title{ text-align: center; margin-bottom: 20px;}
.block__roadmap .block-title .title{ font-weight: var(--bs-body-font-weight-bold); font-size: 40px; }
.block__roadmap .block-description{ text-align: center; width: 1000px; margin: 0 auto; max-width: 100%; margin-bottom: 40px;}
.block__roadmap .block-wrapper{ position: relative; margin-top: 20px;}
.block__roadmap .item{ display: flex; gap: 15px; padding-bottom: 15px; position: relative;}
.block__roadmap .item:before{ content: ""; position: absolute; top: 10px; left: 18px; width: 1px; height: 100%; border-left: 1px dashed rgba(var(--bs-primary-rgb), 0.2); z-index: 1;}
.block__roadmap .item .icon{ position: relative; z-index: 2; width: 36px; height: 36px; font-size: 16px; display: inline-flex; background-color: #F2EAFB; color: var(--bs-primary); align-items: center; justify-content: center; flex-shrink: 0; border-radius: 50%;}
.block__roadmap .item .info .title{ font-size: 18px; padding: 5px 0; color: var(--bs-primary); font-weight: var(--bs-body-font-weight-bold); }
.block__roadmap .item .info .description{ margin-top: 0;}
.block__roadmap .item .info .description .line{ padding: 5px 0; display: flex; gap: 10px; width: 500px; max-width: 100%;}
.block__roadmap .item .info .description .line i{ color: rgba(var(--bs-primary-rgb), 0.6); margin-top: 4px;}
.block__roadmap .item:last-child:before{ display: none;}
.block__roadmap .last-item{ width: 900px; margin: 0 auto; max-width: 100%; text-align: center; border: 1px solid #CCC; border-radius: 20px; padding: 30px; margin-top: 50px;}
.block__roadmap .last-item .title{ display: inline-block; padding: 0 30px; background-color: #ffffff; margin-top: -55px; font-size: 30px; color: var(--bs-primary); font-weight: var(--bs-body-font-weight-bold); }

.block__feedback{ margin-bottom: 70px; padding: 70px; background-color: rgba(var(--bs-primary-rgb), 0.05);}
.block__feedback .block-title{ text-align: center; margin-bottom: 30px;}
.block__feedback .block-title .title{ font-weight: var(--bs-body-font-weight-bold); font-size: 40px; }
.block__feedback .item{ background-color: #ffffff; border-radius: 20px 0 20px 20px; padding: 30px;}
.block__feedback .item .image{ text-align: center; margin-bottom: 15px;}
.block__feedback .item .description{ text-align: center; margin-bottom: 15px; font-size: 14px;}
.block__feedback .item .name{ text-align: center; margin-bottom: 5px; font-weight: var(--bs-body-font-weight-bold); color: var(--bs-primary); }
.block__feedback .item .title{ text-align: center; font-size: 13px; font-style: italic; }
.block__feedback .f-carousel{ margin: 0 -15px;}
.block__feedback .f-carousel__slide{ width: 33.33%; padding: 0 15px;}
.block__feedback .f-carousel.type-1 .f-carousel__nav .is-prev{ left: -45px !important;}
.block__feedback .f-carousel.type-1 .f-carousel__nav .is-next{ right: -45px !important;}

.block__images{}
.block__images .block-title{ text-align: center; margin-bottom: 30px;}
.block__images .block-title .title{ font-weight: var(--bs-body-font-weight-bold); font-size: 40px; }
.block__images .item img{ border-radius: 10px}
.block__images .f-carousel{ margin: 0 -15px;}
.block__images .f-carousel .f-carousel__slide img{ width: auto;}
.block__images .f-carousel__slide{ width: 25%; padding: 0 15px;}
.block__images .f-carousel.type-1 .f-carousel__nav .is-prev{ left: -45px !important;}
.block__images .f-carousel.type-1 .f-carousel__nav .is-next{ right: -45px !important;}

.block__reason{ margin-bottom: 70px;}
.block__reason .block-wrapper{ background: var(--bs-bg-primary); border-radius: 20px; padding: 60px 40px; color: #ffffff; display: flex; align-items: center; gap: 30px;}
.block__reason .block-title{ width: 350px; max-width: 100%;}
.block__reason .block-title .title{ font-weight: var(--bs-body-font-weight-bold); font-size: 40px; margin-left: 30px; }
.block__reason .block-content{ flex: 1; width: 100%; display: flex; align-items: flex-start; gap: 30px;}
.block__reason .item{ text-align: center; flex: 1; border-left: 1px dashed #ce9cff; padding: 5px 20px;}
.block__reason .item:first-child{ border-left: 0;}
.block__reason .item .image{ margin-bottom: 10px;}
.block__reason .item .image img{ width: 70px; border-radius: 50%;}
.block__reason .item .name{ font-size: 30px; font-weight: var(--bs-body-font-weight-bold); margin-bottom: 10px; }
.block__reason .item .description{ font-size: 14px;}

.block__register{ margin-bottom: 70px;}
.block__register .block-title .title{ font-weight: var(--bs-body-font-weight-bold); color: var(--bs-primary); font-size: 40px; margin-bottom: 20px; }
.block__register .block-description{ margin-bottom: 20px;}
.block__register .actions{ padding-top: 20px; display: flex; gap: 20px;}
.block__register .price{ font-size: 30px; font-weight: bold; }
.block__register .price .value{ color: #FF0000;}

.block__register_consultation{ margin-bottom: 70px;}
.block__register_consultation .block-title .title{ font-weight: var(--bs-body-font-weight-bold); color: var(--bs-primary); font-size: 40px; margin-bottom: 20px; }
.block__register_consultation .block-description{ margin-bottom: 20px;}
.block__register_consultation .actions{ padding-top: 20px; display: flex; gap: 20px;}

.block__footer{ padding: 70px 0; background: var(--bs-bg-primary); color: #ffffff;}
.block__footer .logo{ border-bottom: 1px solid rgba(255, 255, 255, .4); text-align: center; width: 300px; max-width: 100%; padding-bottom: 30px; margin-bottom: 20px;}
.block__footer .social{ text-align: center; width: 300px; max-width: 100%;}
.block__footer .social .label{ margin-bottom: 10px;}
.block__footer .social .link{ display: flex; justify-content: center; align-items: center; gap: 20px; font-size: 30px;}
.block__footer ul{ list-style: none; margin: 0; padding: 0; }
.block__footer ul > li > a{ padding: 10px 0; display: flex; }
.block__footer ul > li > a i{ min-width: 30px; margin-top: 3px;}
.block__footer a{ color: #ffffff;}
.block__footer a:hover{ color: var(--bs-secondary);}

.page__default{ padding: 50px 0;}
.page__default .page-name{ margin: 0 auto; text-align: center; }
.page__default .page-name .title{ font-weight: var(--bs-body-font-weight-bold); color: var(--bs-primary); font-size: 30px; margin: 0; }
.page__default .page-title{ margin: 0 auto; text-align: center; font-size: 20px; }
.page__default .page-content{ padding-top: 30px; width: 1000px; margin: 0 auto; max-width: 100%;}

.page__course .block{ margin: 0 0 30px; }
.page__course .block .block-title{ margin: 0; padding: 0; }
.page__course .block .block-title .title{ font-weight: var(--bs-body-font-weight-bold); font-size: 30px; margin: 0; }
.page__course .block .block-title .title a{ color: #222222; }
.page__course .block .block-title .description{ color: #555; font-size: 20px;}
.page__course .block .block-body{ padding: 20px 0; }

.page__course_detail .video-youtube{ border-radius: 10px; overflow: hidden;}
.page__course_detail .course-cta{ display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 20px 0;}
.page__course_detail .course-cta .cta{ flex: 1; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 20px; font-weight: var(--bs-body-font-weight-bold); color: #ffffff; background-color: rgba(var(--bs-primary-rgb), 1); padding: 10px 20px; border-radius: 10px; transition: all 0.2s ease-in-out; }
.page__course_detail .course-cta .cta:hover{ color: var(--bs-secondary);}
.page__course_detail .course-cta .cta.view{ background-color: rgba(var(--bs-primary-rgb), 0.9);}
.page__course_detail .course-cta .cta.register{ background-color: rgba(var(--bs-primary-rgb), 0.8);}
.page__course_detail .course-target { padding: 50px 0; }
.page__course_detail .course-target .block-title{ padding-top: 30px;}
.page__course_detail .course-target .block-title .title{ display: inline-flex; font-size: 36px; color: var(--bs-primary); font-weight: var(--bs-body-font-weight-bold); padding: 0 0 10px; border-bottom: 2px solid var(--bs-primary); }
.page__course_detail .course-target .block-description{ padding: 10px 0;}
.page__course_detail .course-target .block-content{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding-top: 30px;}
.page__course_detail .course-target .item{ display: flex; gap: 15px; }
.page__course_detail .course-target .item .icon{ width: 40px; height: 40px; display: flex; flex-shrink: 0; justify-content: center; align-items: center; background-color: #EEE; border-radius: 50%; color: var(--bs-primary); font-size: 20px;}
.page__course_detail .course-benefits { padding: 70px 0; background: url('../img/bg-khoahoc.jpg') no-repeat center center; background-size: cover; }
.page__course_detail .course-benefits .block-title{ text-align: center;}
.page__course_detail .course-benefits .block-title .title{ font-size: 36px; color: var(--bs-secondary); font-weight: var(--bs-body-font-weight-bold); }
.page__course_detail .course-benefits .block-description{ padding: 10px 0 0; color: #ffffff; text-align: center; width: 1000px; max-width: 100%; margin: 0 auto;}
.page__course_detail .course-benefits .block-content{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding-top: 30px;}
.page__course_detail .course-benefits .item{ background-color: #ffffff; border-radius: 10px; padding: 30px; text-align: center;}
.page__course_detail .course-benefits .item .icon{ color: rgba(var(--bs-primary-rgb), 0.7); font-weight: var(--bs-body-font-weight-bold); font-size: 40px; border-bottom: 2px solid rgba(var(--bs-primary-rgb), 0.7); }
.page__course_detail .course-benefits .item .title{ color: rgba(var(--bs-primary-rgb), 1); font-weight: var(--bs-body-font-weight-bold); font-size: 24px; padding: 10px 0 20px; line-height: 1.3;}
.page__course_detail .course-detail { padding: 50px 0; }
.page__course_detail .course-detail .block-title{ text-align: center;}
.page__course_detail .course-detail .block-title .title{ font-size: 36px; font-weight: var(--bs-body-font-weight-bold); }
.page__course_detail .course-detail .block-description{ padding: 10px 0 0; text-align: center; width: 1000px; max-width: 100%; margin: 0 auto;}
.page__course_detail .course-detail .block-content{ padding-top: 10px;}
.page__course_detail .course-detail .block-wrapper{ position: relative; margin-top: 20px;}
.page__course_detail .course-detail .item{ display: flex; gap: 15px; padding-bottom: 15px; position: relative;}
.page__course_detail .course-detail .item:before{ content: ""; position: absolute; top: 10px; left: 18px; width: 1px; height: 100%; border-left: 1px dashed rgba(var(--bs-primary-rgb), 0.2); z-index: 1;}
.page__course_detail .course-detail .item .icon{ position: relative; z-index: 2; width: 36px; height: 36px; font-size: 16px; display: inline-flex; background-color: #F2EAFB; color: var(--bs-primary); align-items: center; justify-content: center; flex-shrink: 0; border-radius: 50%;}
.page__course_detail .course-detail .item .info .title{ font-size: 18px; padding: 5px 0; color: var(--bs-primary); font-weight: var(--bs-body-font-weight-bold); }
.page__course_detail .course-detail .item .info .description{ margin-top: 0;}
.page__course_detail .course-detail .item .info .description .line{ padding: 5px 0; display: flex; gap: 10px; width: 500px; max-width: 100%;}
.page__course_detail .course-detail .item .info .description .line i{ color: rgba(var(--bs-primary-rgb), 0.6); margin-top: 4px;}
.page__course_detail .course-detail .item:last-child:before{ display: none;}

.course-item{ margin-bottom: 20px; background-color: #f6f6f6; border-radius: 10px; overflow: hidden; transition: all 0.3s ease-in-out; }
.course-item .wrap{ display: flex; width: 100%; padding: 0;align-items: flex-start; text-decoration: none; color: inherit; }
.course-item .image{ width: 250px; flex-shrink: 0; }
.course-item .image img{ width: 100%; height: auto; display: block; }
.course-item .info { flex: 1; overflow: hidden; padding: 15px 20px;}
.course-item .info .title { font-size: 20px; font-weight: var(--bs-body-font-weight-bold); color: inherit; line-height: normal; margin: 0 0 5px; transition: all 0.2s ease-in-out; }
.course-item .info .description { font-size: 16px; color: #444; line-height: normal; margin: 0 0 10px; }
.course-item .info .btn { border-radius: 20px; padding: 10px 15px; font-size: 14px; margin-top: 10px; background-color: var(--bs-primary); color: #ffffff; }
.course-item .price { width: 200px; padding-right: 20px; flex-shrink: 0; display: flex; align-items: flex-end; justify-content: center; flex-direction: column; }
.course-item .price .value { font-size: 20px; font-weight: var(--bs-body-font-weight-bold); color: var(--bs-primary); margin-top: 20px; }
.course-item .price .old { font-size: 16px; color: #999; text-decoration: line-through; }
.course-item:hover{ background-color: #f0f0f0; scale: 1.02;}
.course-item.main{ background-color: var(--bs-primary); color: #ffffff;}
.course-item.main .info .title{ color: #ffffff;}
.course-item.main .info .description{ color: rgba(255, 255, 255, 0.7);}
.course-item.main .info .btn{ background-color: var(--bs-secondary);}
.course-item.main .price .value{ color: var(--bs-secondary); }
.course-item.main:hover{ background-color: var(--bs-primary-hover);}
.course-item.svip{ background-color: var(--bs-secondary); color: #ffffff;}
.course-item.svip .wrap{ flex-direction: column; align-items: center; text-align: center; padding: 30px; }
.course-item.svip .image{ margin-bottom: 30px;}
.course-item.svip .image img{ border-radius: 50%;}
.course-item.svip .info{ padding: 0; margin-bottom: 10px; }
.course-item.svip .info .title{ color: #000; font-size: 34px;}
.course-item.svip .info .description{ color: #000;}
.course-item.svip .info .btn{ display: none;}
.course-item.svip .price{ margin: 0; padding: 0; width: auto;}
.course-item.svip .price .value{ margin: 0; font-size: 30px; color: #ff0000;}
.course-item.svip:hover{ background-color: var(--bs-secondary-hover);}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .block-title br{ display: none; }
    .f-carousel.type-1 .f-carousel__nav .is-prev{ left: 5px !important;}
    .f-carousel.type-1 .f-carousel__nav .is-next{ right: 5px !important;}

    .block__about .block-image{ margin-bottom: 30px;}

    .block__vision .item{ margin-bottom: 30px;}

    .block__mentor .f-carousel{ margin: 0 -5px;}
    .block__mentor .f-carousel__slide{ width: 50%; padding: 0 5px;}
    .block__mentor .f-carousel.type-1 .f-carousel__nav .is-prev{ left: 5px !important;}
    .block__mentor .f-carousel.type-1 .f-carousel__nav .is-next{ right: 5px !important;}

    .block__reason .block-wrapper{ display: block; padding: 20px;}
    .block__reason .block-content{ gap: 0px;}

    .block__feedback{ padding: 50px 0;}
    .block__feedback .f-carousel{ margin: 0 -5px;}
    .block__feedback .f-carousel__slide{ width: 50%; padding: 0 5px;}
    .block__feedback .f-carousel.type-1 .f-carousel__nav .is-prev{ left: 5px !important;}
    .block__feedback .f-carousel.type-1 .f-carousel__nav .is-next{ right: 5px !important;}

    .block__roadmap .item .info .description .line{ width: auto;}

    .course-item .wrap { flex-direction: column; }
    .course-item .price { text-align: left; width: auto; }
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .block__mentor .f-carousel{ margin: 0;}
    .block__mentor .f-carousel__slide{ width: 100%; padding: 0;}

    .block__feedback .f-carousel{ margin: 0;}
    .block__feedback .f-carousel__slide{ width: 100%; padding: 0;}
}