/*
Version: 3.0.0.126
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@media (min-width: 768px) {
    .pb-0 {
        padding-bottom: 0 !important;
    }
}

div#masthead {
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
    backdrop-filter: blur(4.99991512298584px);
}

.header .header-main .flex-row {
    max-width: 1572px;
}

.stuck .header-main {
    background: #fff;
}

.row-pb-0 .col {
    padding-bottom: 0 !important;
}

.hp-slider {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.hp-slider .hp-slider-ico {
    position: absolute;
    left: 0;
    bottom: -33px;
    content: '';
    width: 157px;
    height: 165px;
    background: url(./assets/img/ico-slider-bg-book.svg) no-repeat center center;
    background-size: 100% 100%;
}

.hp-slider.mcp-slider .hp-slider-ico {
    bottom: -58px;
}

.main-banner-img-wrapper {
    display: flex;
    justify-content: end;
    padding-top: 25px;
}

.main-banner-img-inner {
    /* width: 40%; */
    position: relative;
}

.main-banner-img-inner::before {
    content: "";
    position: absolute;
    bottom: 105px;
    left: -57px;
    width: 502px;
    height: 443px;
    z-index: 1;
    background: url(./assets/img/hp-slider-img-dots.svg) no-repeat center center;
    background-size: cover;
}

.main-banner-img-inner .subbox {
    position: absolute;
    width: 348px;
    padding: 30px 0 36px 40px;
    bottom: 152px;
    z-index: 2;
    left: -186px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(2, 52, 117, 0.15);
    z-index: 11;
}

.main-banner-img-inner .subbox img {
    height: 50px;
    width: auto;
}

.main-banner-img-inner .subbox .txt-1 {
    color: #1697EF;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 106.667% */
}

.main-banner-img-inner .subbox .txt-2 {
    color: #17254E;
    font-family: Alexandria;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 6px;
}

.main-banner-img-wrapper img {
    width: 100%;
    height: 695px;
    position: relative;
    z-index: 10;
}

.hp-slider .row {
    position: absolute;
    margin: auto;
    right: 0;
    height: 100%;
    top: 0;
    left: 0;
}

.hp-main-banner-item {
    position: relative;
}

.main-banner-content-col {
    display: flex;
    align-items: center;
    padding-bottom: 0;
}

.main-banner-content {
    transform: translateY(-47px);
}

.main-banner-content .main-banner-text {}

.main-banner-content .main-banner-text .txt-1 {
    color: #293C8F;
    font-family: Alexandria;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 188.235% */
    text-transform: uppercase;
}

.main-banner-content .main-banner-text .txt-2 {
    color: #EF4637;
    font-family: Alexandria;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px;
    /* 120% */
    text-transform: capitalize;
    margin: 11px 0;
}

.main-banner-content .main-banner-text .txt-2 span {
    color: #3A2382;
}

.main-banner-content .main-banner-text .txt-3 {
    color: #333931;
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.5px;
    width: 537px;
    max-width: 100%;
    margin-bottom: 28px;
}

a.custom-el-item-button {
    color: #FFF;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    /* 322.222% */
    letter-spacing: -0.15px;
    text-transform: capitalize;
    display: inline-flex;
    height: 58px;
    justify-content: center;
    padding: 0 0 0 25px;
    background: red;
    border-radius: 200px;
    gap: 26px;
}

a.custom-el-item-button.loading {
    pointer-events: none;
}

a.custom-el-item-button svg.spinner {
    display: none;
}

a.custom-el-item-button.loading svg {
    display: none;
}

a.custom-el-item-button.loading svg.spinner {
    display: block;
}

a.custom-el-item-button.cwhite {
    color: #EF4637;
    background: #fff;
}

a.custom-el-item-button.orange {
    background: #EF4637;
}

a.custom-el-item-button.blue {
    /* background: #1697EF; */
    background: #292664;
}

a.custom-el-item-button.light-blue {
    background: #E2F9FF;
    color: #1697EF;
}

a.custom-el-item-button.dark-blue {
    background: #17254E;
}

a.custom-el-item-button.yellow {
    background: #EAF035;
    color: #EF4637;
}

a.custom-el-item-button .icon {
    border-radius: 29px;
    background: #F65749;
    display: flex;
    width: 58px;
    height: 58px;
    justify-content: center;
    align-items: center;
}

a.custom-el-item-button.yellow .icon {
    background: #EDDD4C;
}

a.custom-el-item-button.dark-blue .icon {
    background: #1F3061;
}

a.custom-el-item-button.blue .icon {
    /* background: #30A2F0; */
    background: #292664;
}

a.custom-el-item-button.light-blue .icon {
    background: #DBF1FF;
}

a.custom-el-item-button.yellow svg path {
    stroke: #EF4637;
}

.hp-custom-section {
    background-color: #EF4637;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 154px;
    padding-bottom: 95px;
    position: relative;
}

.hp-custom-section h4.section-title {
    border: 0;
    margin: 0;
}

.hp-custom-section .section-title-container {
    margin: 0;
}

.hp-custom-section .section-title-container::after {
    display: none;
}

.hp-custom-section h4.section-title b {
    display: none;
}

.hp-custom-section h4.section-title .section-title-main {
    color: #FFF;
    font-family: 'Alexandria';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 228.571% */
    text-transform: uppercase;
    border: 0;
    margin: 0;
    padding: 0 0 0 28px;
    position: relative;
    background: url(./assets/img/ico-two-squares.svg) no-repeat;
    background-size: 23px auto;
    background-position: 0 center;
}

.hp-custom-section h3 {
    color: #FFF;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 67px;
    /* 110% */
    text-transform: capitalize;
    margin-bottom: 13px;
}

.hp-custom-section h3 span {
    color: #EAF035;
}

.hp-custom-section p {
    color: #FFF;
    text-align: justify;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 168.421% */
    margin-bottom: 26px;
    padding-right: 40px;
}

.hp-sec-3 .cus-sec-title {
    position: relative;
}

.hp-sec-3 .cus-sec-title::before {
    content: '';
    width: 85px;
    height: 24px;
    background: url(./assets/img/hp-sec-3-wave.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 90px;
    top: -44px;
}

.hp-sec-3 .cus-sec-title h3 {
    margin-bottom: 17px;
    color: #EF4637;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.5px;
    /* 130% */
    text-transform: capitalize;
}

.hp-sec-3 .cus-sec-title h3 span {
    color: #293C8F;
}

.hp-sec-3 p {
    color: #17254E;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.3px;
    /* 170% */
    margin-bottom: 0;
}

.hp-sec-3 .icon-box {
    margin-top: 30px;
}

.hp-sec-3 .icon-box h4 {
    color: #EF4637;
    font-family: Alexandria;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 145.455% */
    text-transform: capitalize;
    margin: 0;
}

.hp-sec-3 .icon-box p {
    color: #17254E;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 147.368% */
}

.hp-sec-3 .icon-box .icon-box-text {
    padding-left: 25px;
}

.hp-sec-3 ul {
    margin-top: 12px;
}

.hp-sec-3 ul li {
    margin: 0;
    list-style: none;
    color: #4D5756;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 147.368% */
    padding-left: 31px;
    background: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.3105 2.45361C15.9264 4.04736 16.7344 5.98421 16.7344 8.26416C16.7344 10.5441 15.9264 12.492 14.3105 14.1079C12.7168 15.7017 10.7799 16.4985 8.5 16.4985C6.22005 16.4985 4.27214 15.7017 2.65625 14.1079C1.0625 12.492 0.265625 10.5441 0.265625 8.26416C0.265625 5.98421 1.0625 4.04736 2.65625 2.45361C4.27214 0.837728 6.22005 0.0297852 8.5 0.0297852C10.7799 0.0297852 12.7168 0.837728 14.3105 2.45361ZM7.53711 12.6138L13.6465 6.50439C13.9121 6.2609 13.9121 6.01742 13.6465 5.77393L12.916 5.01025C12.6504 4.76676 12.3958 4.76676 12.1523 5.01025L7.17188 9.99072L4.84766 7.6665C4.60417 7.42301 4.34961 7.42301 4.08398 7.6665L3.35352 8.43018C3.08789 8.67367 3.08789 8.91715 3.35352 9.16064L6.80664 12.6138C7.05013 12.8794 7.29362 12.8794 7.53711 12.6138Z" fill="%23EF4637"/></svg>');
    background-size: 17px auto;
    background-position: 0 center;
    background-repeat: no-repeat;
}

.hp-sec-3 .img {
    padding: 19px 34px 0 0;
    position: relative;
}

.hp-sec-3 .img::before {
    width: 219px;
    height: calc(100% + 22px);
    content: '';
    background: #EAF035;
    position: absolute;
    right: 0;
    top: 0;
}

.hp-sec-3 .img::after {
    content: '';
    background: url(./assets/img/hp-sec-3-dots.png) no-repeat;
    width: 192px;
    height: 185px;
    position: absolute;
    left: 22px;
    bottom: -66px;
    z-index: 1;
}

.hp-sec-3 .img img {
    position: relative;
    z-index: 2;
}

.hp-custom-section .hp-features {
    position: absolute;
    top: -96px;
    z-index: 99;
}

.hp-features {
    width: 100%;
}

.hp-features>.row {
    border-radius: 200px;
    background-image: url(./assets/img/features-bg.png), none;
    background-color: #F7FF1D;
    background-position: 0px -11.5px;
    background-size: 100% 112.234%;
    background-repeat: no-repeat;
    padding: 55px 70px;
}

.hp-features .row {}

.hp-features .col {
    padding: 0;
}

.hp-features .feature-box {
    display: flex;
    gap: 20px;
    align-items: center;
}

.hp-features .feature-box .feature-icon {
    display: flex;
    width: 78px;
    height: 78px;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.hp-features .feature-box .feature-icon img {
    height: 38px;
}

.hp-features .feature-box .feature-number {
    color: #0E2A46;
    font-family: 'Alexandria';
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
    /* 100% */
    text-transform: capitalize;
    margin-bottom: 15px;
}

.hp-features .feature-box .feature-text {
    color: #0E2A46;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    /* 100% */
    text-transform: capitalize;
}

.hp-sec-4 {}

.hp-sec-4 ul {
    margin-bottom: 26px;
}

.hp-sec-4 ul li {
    color: #FFF;
    font-family: Alexandria;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    /* 100% */
    text-transform: capitalize;
    margin: 0;
    list-style: none;
    padding-left: 52px;
    position: relative;
    line-height: 52px;
    cursor: pointer;
}

.hp-sec-4 li::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none"><circle cx="17.5" cy="17.5001" r="14.5833" fill="white" stroke="%23E7E7E9"/></svg>') no-repeat;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.hp-sec-4 li.checked::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none"><circle cx="17.5" cy="17.5001" r="14.5833" fill="%23EAF035" stroke="%23E7E7E9"/><circle cx="17.5" cy="17.5001" r="14.5833" fill="white" stroke="white"/><circle cx="17.5" cy="17.5002" r="7.29167" fill="%23EAF035"/></svg>') no-repeat;
}

.hp-search-courses {
    background: #FDECEB;
    padding: 75px 0;
}

.hp-search-courses .search-courses-header {}

.hp-search-courses .search-courses-header .subtitle {
    color: #EF4637;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
    text-transform: uppercase;
    text-align: center;
}

.hp-search-courses .search-courses-header .title {
    color: #EF4637;
    text-align: center;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 49.5px;
    /* 110% */
    text-transform: capitalize;
    margin: 15px 0 36px;
}

.hp-search-courses .search-courses-form {}

.hp-search-courses .search-courses-form .form-group {
    display: flex;
    gap: 13px;
}

.hp-search-courses .search-courses-form .form-group .form-control {
    border-radius: 10px;
    border: 0.5px solid #1697EF;
    background: #FFF;
    margin: 0;
    color: #293C8F;
    font-family: "Roboto";
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 50px;
    padding-left: 33px;
}

.hp-search-courses .search-courses-form .form-group .btn-search {
    border-radius: 60px;
    background: #EF4637;
    color: #FFF;
    text-align: center;
    font-family: Alexandria;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    /* 310.526% */
    text-transform: capitalize;
    min-width: 114px;
    margin: 0;
}

.hp-search-courses .search-courses-form .row {
    justify-content: center;
}

.hp-search-courses .search-courses-form .col {
    padding-bottom: 0;
}

.hp-search-courses .search-courses-form form {
    margin: 0;
}

.hp-search-courses .search-courses-header .subtitle span {
    padding-left: 21px;
    background: url(./assets/img/ico-orange-book.svg) no-repeat;
    background-position: 0 center;
    background-size: 16px auto;
}

.hp-sec-6 {}

.hp-sec-6 p {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
    text-transform: uppercase;
    margin-bottom: 16px;
}

.hp-sec-6 h3 {
    color: #4D5756;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.5px;
    /* 130% */
    text-transform: capitalize;
    margin-bottom: 15px;
}

.hp-sec-6 ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 22px;
}

.hp-sec-6 ul li {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 131.579% */
    text-transform: capitalize;
    list-style: none;
    margin: 0;
    padding-left: 35px;
    background: url(./assets/img/ico-orange-check.svg) no-repeat;
    background-position: 0 3px;
    background-size: 20px auto;
}

.hp-sec-6 .button {
    color: #FFF;
    font-family: Alexandria;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 59px;
    /* 310.526% */
    text-transform: capitalize !important;
    background: #EF4637;
    width: 200px;
    margin: 0;
}

.hp-sec-6 h3 span {
    color: #EF4637;
}

.hp-sec-6 .right-col .col-inner {
    height: 100%;
    display: flex;
    align-items: end;
}

.hp-sec-6 .right-col img {
    border-radius: 10px;
}

.video-courses {
    background: #FDECEB;
    padding: 55px 0;
}

.video-courses .courses-header {}

.video-courses .courses-header .subtitle {
    text-align: center;
}

.video-courses .courses-header .subtitle span {
    color: #EF4637;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 228.571% */
    text-transform: uppercase;
    padding: 0 22px;
    border-radius: 5px;
    background: #E9E2FF;
    display: inline-block;
}

.video-courses .courses-header .title {
    text-align: center;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.5px;
    /* 130% */
    text-transform: capitalize;
    margin-bottom: 39px;
}

.video-courses .courses-header .title .title-1 {
    color: #293C8F;
    /* 130% */
    display: block;
}

.video-courses .courses-header .title .title-2 {
    display: block;
    color: #F69320;
}

.video-courses .courses-list {}

.video-courses .courses-list .row {}

.video-courses .courses-list .course-item {
    border-radius: 5px;
    border: 1px dashed #EF4637;
    background: #F4F5F8;
    padding: 21px 21px 31px 21px;
    position: relative;
}

.video-courses .courses-list .course-item::before {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: auto;
    width: 284px;
    height: 284px;
    background: url(./assets/img/course-item-icon.svg) no-repeat center center;
    background-size: cover;
    z-index: 0;
}

.video-courses .courses-list .course-item .course-image {
    position: relative;
    z-index: 1;
}

.video-courses .courses-list .course-item .course-image img {}

.video-courses .courses-list .course-item .course-content {
    position: relative;
    z-index: 1;
}

.video-courses .courses-list .course-item .course-content .course-title {}

.video-courses .courses-list .course-item .course-content .course-title a {
    color: #0E2A46;
    font-family: Alexandria;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
    text-transform: capitalize;
    display: block;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.video-courses .courses-list .course-item .course-content .course-meta {
    display: flex;
    width: 382px;
    padding: 9px 19.672px 9px 20px;
    justify-content: space-between;
    align-items: center;
    gap: 6.8px;
    border-radius: 5px;
    background: #FFF;
    margin: 23px 0 32px;
}

.video-courses .courses-list .course-item .course-content .course-meta .lessons {}

.video-courses .courses-list .course-item .course-content .course-meta .duration {}

.video-courses .courses-list .course-item .course-content .course-meta .students {}

.video-courses .courses-list .course-item .course-content .course-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.video-courses .courses-list .course-item .course-content .course-button {}

.video-courses .courses-list .course-item .course-content .course-button .btn {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    /* 285.714% */
    border-radius: 50px;
    background: #EF4637;
    padding: 0 20px;
    display: inline-flex;
    gap: 10px;
    align-items: center;
}

.video-courses .courses-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.video-courses .courses-footer .btn-all-courses {
    padding: 0 25px;
    line-height: 60px;
    border-radius: 200px;
    background: #EF4637;
    color: #FFF;
    text-align: center;
    font-family: 'Roboto';
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize;
    gap: 35px;
    display: flex;
    align-items: center;
}

.video-courses .courses-list .course-item .course-image a {
    display: block;
    overflow: hidden;
    position: relative;
    padding-top: 67%;
    border-radius: 5px;
}

.video-courses .courses-list .course-item .course-image a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-courses .courses-list .course-item .course-content .course-meta>span {
    color: #17254E;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 7px;
}

.video-courses .courses-list .course-item .course-content .course-author span {
    color: #17254E;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 228.571% */
}

.video-courses .courses-list .course-item .course-content .course-author-wrapper {
    display: flex;
    justify-content: space-between;
}

.video-courses .courses-list .course-item .course-content .course-author .author-image {}

.video-courses .courses-list .course-item .course-content .course-author .author-image img {
    border-radius: 22px;
    border: 2px solid #EF4637;
    width: 44px;
    height: 44px;
}

.video-courses .courses-list .course-item .course-content .course-rating {
    margin-top: 34px;
    display: flex;
    justify-content: space-between;
}

.video-courses .courses-list .course-item .course-content .course-rating span.amount {
    color: #F44545;
    font-family: "Roboto";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 228.571% */
    text-transform: capitalize;
}

.video-courses .courses-list .course-item .course-content .course-rating-inner {
    display: flex;
    align-items: center;
    gap: 5px;
}

.video-courses .courses-list .course-item .course-content .course-rating svg {}

.video-courses .courses-list .course-item .course-content .course-rating-inner span {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 228.571% */
}

.video-courses .courses-list>.row {
    position: relative;
}

.video-courses .courses-list>.row::before {
    content: '';
    position: absolute;
    background: url(./assets/img/hp-sec-7-icon.svg) no-repeat center center;
    background-size: cover;
    width: 157px;
    height: 165px;
    left: -224px;
    top: -55px;
}

.hp-lecturers {
    padding: 95px 0 90px;
    background: url(./assets/img/lecturers-sec-bg.jpeg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.hp-lecturers .row {}

.hp-lecturers .col {}

.hp-lecturers .col-inner {}

.hp-lecturers .lecturers-header {}

.hp-lecturers .lecturers-header .subtitle {
    color: #1697EF;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 228.571% */
    text-transform: uppercase;
    border-radius: 5px;
    background: #DBF1FF;
    display: inline-block;
    padding: 0 22px;
    margin-bottom: 25px;
}

.hp-lecturers .lecturers-header .title {
    color: #0E2A46;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.5px;
    /* 130% */
    text-transform: capitalize;
    margin-bottom: 30px;
}

.hp-lecturers .lecturers-header .content {
    color: #333931;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.3px;
    /* 190% */
    margin-bottom: 30px;
}

.hp-lecturers .lecturers-buttons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.hp-lecturers .lecturers-buttons .btn {}

.hp-lecturers .lecturers-buttons .btn-primary {}

.hp-lecturers .lecturers-buttons .btn-secondary {}

.hp-lecturers .lecturer-item {
    border-radius: 5px;
    border: 6px solid transparent;
    position: relative;
}

.hp-lecturers .lecturer-item .lecturer-image {}

.hp-lecturers .lecturer-item .lecturer-image-inner {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
}

.hp-lecturers .lecturer-item .lecturer-info {
    position: absolute;
    border-radius: 5px;
    background: #FFF;
    padding: 15px 24px;
    left: 30px;
    right: 30px;
    bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 60px);
}

.hp-lecturers .lecturer-item .lecturer-info-inner {}

.hp-lecturers .lecturer-item .lecturer-name {
    color: #0E2A46;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 100% */
    text-transform: capitalize;
}

.hp-lecturers .lecturer-item .lecturer-role {
    color: #1697EF;
    font-family: 'Roboto';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 246.154% */
    text-transform: capitalize;
}

.hp-lecturers .lecturer-item .lecturer-btn {
    position: relative;
}

.hp-lecturers .lecturer-item .lecturer-btn svg {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -6px;
}

.hp-lecturers .lecturer-item .lecturer-btn .circle {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: #DBF1FF;
}

.hp-lecturers .col:first-child .lecturer-item {
    border: 6px solid #1697EF;
}

.hp-lecturers .lecturer-item .lecturer-image-inner img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay-icon i {
    display: none;
}

.overlay-icon {
    border: 0;
    opacity: 1;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="218" height="218" viewBox="0 0 218 218" fill="none"><circle opacity="0.2" cx="109" cy="109" r="109" fill="%23FFFAEC"/><circle opacity="0.5" cx="109" cy="109" r="86.0136" fill="%23F5EBEB"/><circle cx="109" cy="109" r="62.2857" fill="url(%23paint0_linear_213_10699)"/><path d="M137.177 109L95.4677 136.613V81.3874L137.177 109Z" fill="%23FFFAEC"/><defs><linearGradient id="paint0_linear_213_10699" x1="154.605" y1="154.615" x2="65.3561" y2="154.615" gradientUnits="userSpaceOnUse"><stop stop-color="%237F56D9"/><stop offset="1" stop-color="%231697EF"/></linearGradient></defs></svg>') no-repeat;
    width: 218px;
    height: 218px;
}

.hp-students {
    padding-top: 73px;
}

.hp-students .students-header {
    margin-bottom: 40px;
}

.hp-students .students-header .subtitle {
    color: #000;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    text-align: center;
}

.hp-students .students-header .title {
    color: #293C8F;
    text-align: center;
    font-family: Alexandria;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
    /* 72.917% */
}

.hp-student-item {
    position: relative;
    width: 336px;
    border-radius: 20px;
    overflow: hidden;
}

.hp-student-item .student-image {}

.hp-student-item .student-image .student-image-inner {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding-top: 100%;
    width: 100%;
}

.hp-student-item .student-image .student-image-inner img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hp-student-item .student-info {
    position: absolute;
    padding: 18px;
    background: rgba(0, 0, 0, 0.20);
    bottom: 0;
    left: 0;
    width: 100%;
}

.hp-student-item .student-info .student-name {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 18.7px;
    /* 93.5% */
    margin-bottom: 10px;
}

.hp-student-item .student-info .student-description {
    color: #FFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.hp-students .students-content {
    display: flex;
    gap: 17px;
    flex-wrap: wrap;
    justify-content: center;
    width: calc((336px * 6) + 85px);
    margin: 0 auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.hp-students-footer {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.hp-news {
    padding: 44px 0;
    background: url(./assets/img/lecturers-sec-bg.jpeg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.hp-news .news-header {}

.hp-news .news-header .subtitle {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.hp-news .news-header .title {
    color: #0E2A46;
    text-align: center;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.5px;
    /* 130% */
    text-transform: capitalize;
    margin-bottom: 18px;
}

.hp-news .news-list {}

.hp-news .news-footer {
    display: flex;
    justify-content: center;
}

.hp-news .news-item {
    display: flex;
    padding: 30px 30px 40px 30px;
    flex-direction: column;
    border-radius: 5px;
    background: #DCE5FF;
}

.hp-news .news-item .news-image {}

.hp-news .news-item .news-image a {
    display: block;
    position: relative;
    padding-top: 60%;
    overflow: hidden;
    border-radius: 10px;
}

.hp-news .news-item .news-image a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hp-news .news-item .news-content {}

.hp-news .news-item .news-content .news-date {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 213.333% */
    display: flex;
    gap: 5px;
    align-items: center;
    margin-top: 24px;
}

.hp-news .news-item .news-content h3.news-title {}

.hp-news .news-item .news-content h3.news-title a {
    color: #0E2A46;
    font-family: 'Roboto';
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 26.6px;
    display: block;
    margin: 15px 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 53px;
}

.hp-news .news-item .news-content a.custom-el-item-button {
    height: 48px;
    line-height: 48px;
}

.hp-news .news-item .news-content a.custom-el-item-button .icon {
    height: 48px;
    width: 48px;
}

.hp-news .news-header .subtitle span {
    padding: 0 22px;
    border-radius: 5px;
    background: #E2F9FF;
    color: #1697EF;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 228.571% */
    text-transform: uppercase;
}

.hp-partners {
    padding-top: 60px;
    padding-bottom: 80px;
}

.hp-partners .partners-header {}

.partners-header {}

.hp-partners .partners-header .subtitle {
    color: #FF9500;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.hp-partners .partners-header .subtitle span {
    padding-left: 28px;
    position: relative;
    background: url(./assets/img/ico-orange-book-2.svg) no-repeat;
    background-position: 0 center;
}

.hp-partners .partners-header .title {
    color: #0E2A46;
    text-align: center;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.5px;
    /* 130% */
    text-transform: capitalize;
    margin-bottom: 18px;
}

.hp-partners .partners-content {}

.hp-partners .partners-content .partner-list {
    display: flex;
    align-items: center;
    gap: 40px;
}

#footer {
    background: radial-gradient(96.11% 67.26% at 0% -91.37%, #FF8F03 0%, #292664 97.6%);
    padding-bottom: 60px;
}

.top-footer .footer-contact-item {
    padding-left: 50px;
    border-left: 1px solid rgba(255, 255, 255, 0.30);
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    align-items: center;
    gap: 30px;
}

#footer .top-footer {
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    margin-bottom: 35px;
}

.footer-contact-item .icon {
    border-radius: 35px;
    border: 1px solid rgba(244, 244, 244, 0.50);
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
}

.footer-contact-item .icon svg {}

.top-footer .footer-contact-item .txt {}

.top-footer .footer-contact-item .txt span {
    color: #16D6EF;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 213.333% */
}

.top-footer .footer-contact-item .txt div {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 123.077% */
}

.footer-contacts {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-footer .footer-contact-item:first-child {
    border: 0;
}

.top-footer .footer-contact-item .txt div a {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 123.077% */
}

.footer-about {
    width: 242px;
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

.footer-socials {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 32px;
}

.footer-socials a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

img.footer-logo {}

.footer-col-title {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.2px;
    margin-bottom: 30px;
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.footer-links a {
    display: block;
    color: #FFF;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 188.235% */
    text-transform: capitalize;
    padding-left: 30px;
    background: url('data:image/svg+xml,<svg width="8" height="11" viewBox="0 0 8 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.91455 5.78844L2.71643 9.98656C2.57238 10.1306 2.39746 10.2026 2.19167 10.2026C1.98588 10.2026 1.81095 10.1306 1.6669 9.98656L0.987793 9.27658C0.84374 9.13253 0.771713 8.95761 0.771713 8.75182C0.771713 8.54603 0.84374 8.3711 0.987793 8.22705L3.95117 5.26367L0.987793 2.30029C0.84374 2.15624 0.771713 1.98132 0.771713 1.77553C0.771713 1.56974 0.84374 1.39482 0.987793 1.25076L1.6669 0.540787C1.81095 0.396734 1.98588 0.324707 2.19167 0.324707C2.39746 0.324707 2.57238 0.396734 2.71643 0.540787L6.91455 4.73891C7.0586 4.88296 7.13063 5.05788 7.13063 5.26367C7.13063 5.46946 7.0586 5.64438 6.91455 5.78844Z" fill="white"/><a href="https://www.figma.com/design/Nx4sNsAeWJfmVVOXuDSmxJ%3Fnode-id=2-828"><rect fill="black" fill-opacity="0" y="0.597656" width="7.90234" height="15.8047"/></a></svg>') no-repeat;
    background-position: 0 10px;
}

.footer-col-title.larger {
    font-size: 22px;
}

#footer form {
    margin: 0;
}

#footer form input[type="email"] {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    padding: 20px;
    height: 58px;
}

#footer form input[type="email"]::placeholder {
    color: #4D5756;
}

#footer form input[type="submit"] {
    margin: 0;
    width: 100%;
    border-radius: 5px;
    background: #EF4637;
    height: 60px;
    color: #FFF;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 64px;
    /* 426.667% */
    text-transform: capitalize;
    text-align: left;
    padding: 0 20px;
}

#footer .bot-footer {
    padding: 60px 0 0;
}

.footer-cp {}

.footer-cp-inner {
    display: flex;
    justify-content: center;
    gap: 0;
    padding-top: 8px;
    border-top: 1px solid #423E83;
}

.footer-cp-inner>div {
    padding: 0 16px;
    position: relative;
    color: #FFF;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
    border-right: 1px solid #423E83;
}

.footer-cp-inner>div:last-child {
    border-right: 0;
}

.footer-cp-inner a {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
}

.footer-cp-inner a:hover {
    text-decoration: underline;
}

.topbar-working-time {
    display: flex;
    gap: 24px;
}

span.working-time-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

span.working-time-item span {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    /* 100% */
}

div#top-bar {
    height: 50px;
    background: #17254E;
}

li.header-search {
    display: flex;
    align-items: center;
}

.main-header-apply-now-btn {
    height: 100%;
    display: flex;
    align-items: center;
}

li.header-search a {
    width: 21px !important;
    height: 21px !important;
    background: url('data:image/svg+xml,<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.8 15.404L20.895 19.478C20.965 19.548 21 19.639 21 19.751C21 19.863 20.965 19.954 20.895 20.024L19.551 21.368C19.481 21.438 19.39 21.473 19.278 21.473C19.166 21.473 19.075 21.438 19.005 21.368L18.627 20.969L18.438 20.801C18.34 20.717 18.284 20.668 18.27 20.654L14.952 17.336C14.882 17.252 14.784 17.21 14.658 17.21C14.546 17.196 14.448 17.224 14.364 17.294C13.608 17.826 12.789 18.239 11.907 18.533C10.997 18.827 10.066 18.974 9.114 18.974C7.462 18.974 5.929 18.561 4.515 17.735C3.143 16.923 2.051 15.831 1.239 14.459C0.413 13.045 0 11.512 0 9.86C0 8.208 0.413 6.675 1.239 5.261C2.051 3.889 3.143 2.797 4.515 1.985C5.929 1.159 7.462 0.746002 9.114 0.746002C10.766 0.746002 12.292 1.159 13.692 1.985C15.064 2.797 16.156 3.889 16.968 5.261C17.794 6.675 18.207 8.208 18.207 9.86C18.207 11.652 17.724 13.297 16.758 14.795C16.702 14.893 16.674 14.998 16.674 15.11C16.688 15.222 16.73 15.32 16.8 15.404ZM14.616 14.102C15.078 13.5 15.435 12.842 15.687 12.128C15.939 11.4 16.065 10.644 16.065 9.86C16.065 8.6 15.75 7.431 15.12 6.353C14.504 5.289 13.671 4.449 12.621 3.833C11.543 3.203 10.374 2.888 9.114 2.888C7.854 2.888 6.685 3.203 5.607 3.833C4.543 4.449 3.703 5.289 3.087 6.353C2.457 7.431 2.142 8.6 2.142 9.86C2.142 11.12 2.457 12.289 3.087 13.367C3.703 14.431 4.543 15.271 5.607 15.887C6.685 16.517 7.854 16.832 9.114 16.832C9.954 16.832 10.759 16.692 11.529 16.412C12.299 16.118 12.992 15.705 13.608 15.173C13.986 14.851 14.322 14.494 14.616 14.102Z" fill="%2317254E"/></svg>') no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 0 37px 0 17px;
}

li.header-search a i {
    display: none;
}

#logo img {
    height: 64px;
}

#logo {}

.header-nav-main {
    justify-content: center;
}

.header-nav-main>li {
    padding: 0 13px;
    height: 66px;
    margin: 0;
}

.header-nav-main>li.current-menu-item,
.header-nav-main>li.current-menu-ancestor {
    background: #F5F5F5;
}

.header-nav-main>li::after {
    display: none;
}

.header-nav-main>li>a {
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 138.462% */
    text-transform: uppercase;
    height: 100%;
}

.header-nav-main>li.current-menu-item>a,
.header-nav-main>li.current-menu-ancestor>a {
    color: #FE543D;
}

.header-nav-main>li>ul a {
    color: #000 !important;
    font-family: Alexandria;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.252px;
    text-transform: uppercase;
    padding: 0;
    margin: 0 !important;
    border: 0 !important;
}

.header-nav-main>li>ul>li {
    padding: 0 22px;
}

.header-nav-main>li>ul>li.current-menu-item>a {
    color: #EF4637 !important;
}

.header-nav-main>li.has-dropdown::before {
    display: none;
}

.page-header-image {
    position: relative;
}

.page-header-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    opacity: 0.2;
}

.page-header-inner {
    height: 365px;
}

.yoast-breadcrumb-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.page-header-inner .col-inner {
    height: 100%;
    position: relative;
}

.yoast-breadcrumb-wrapper h1 {
    text-align: center;
    color: #0E2A46;
    text-align: center;
    font-family: Alexandria;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 66px;
    /* 110% */
    text-transform: uppercase;
    margin-bottom: 5px;
}

.yoast-breadcrumb-wrapper #breadcrumbs span span,
.yoast-breadcrumb-wrapper #breadcrumbs a {
    color: #0E2A46;
    text-align: center;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 200% */
    text-transform: capitalize;
}

.yoast-breadcrumb-wrapper #breadcrumbs>span {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

.yoast-breadcrumb-wrapper #breadcrumbs {
    color: #FC6441;
    text-align: center;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    text-transform: capitalize;
}

.pricing-page-content {
    padding: 96px 0;
}

.pricing-page-content .page-sub-title-wrapper {}

.pricing-page-content .page-sub-title-wrapper .page-sub-title {}

.pricing-page-content .page-sub-title-wrapper .page-sub-title>div {
    color: #000;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 71.111% */
    text-align: center;
    margin-bottom: 24px;
}

.pricing-page-content .page-sub-title-wrapper .page-sub-title>p {
    color: #000;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 168.421% */
    width: 928px;
    max-width: 100%;
    margin: 0 auto 45px;
}

.pricing-page-content .page-sub-title-wrapper .page-sub-title>div span {
    color: #EF4637;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.pricing-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.pricing-item {
    width: calc(33.3333% - 14px);
}

.pricing-item .pricing-item-inner {
    padding: 53px 28px 30px;
    background: #FDEDEB;
    border-radius: 20px;
    transition: all .3s;
}

.pricing-item .pricing-header {}

.pricing-item .pricing-header h3 {
    color: #1A1A1A;
    text-align: center;
    font-family: Alexandria;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    /* 108.696% */
    text-transform: capitalize;
    margin: 0;
}

.pricing-item .pricing-header h4 {
    color: #1A1A1A;
    text-align: center;
    font-family: Alexandria;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    /* 108.696% */
    text-transform: capitalize;
    margin-bottom: 14px;
}

.pricing-item .pricing-header .pricing-price {
    color: #EF4637;
    font-family: Alexandria;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    /* 109.375% */
    text-align: center;
}

.pricing-item .pricing-content {}

.pricing-item .pricing-content ul {
    margin: 27px 0 21px;
    list-style: none;
}

.pricing-item .pricing-content ul li {
    color: #4D5756;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    /* 184.211% */
    margin: 0;
    padding-left: 26px;
    background: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="13" height="13" rx="6.5" fill="%23EF4637"/><path d="M10.8337 3.25L4.87533 9.20833L2.16699 6.5" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
    background-position: 0 10px;
}

.pricing-item .pricing-action {
    text-align: center;
}

.pricing-item .pricing-item-inner:hover {
    background: #EF4637;
}

.pricing-item .pricing-header .pricing-price span.woocommerce-Price-currencySymbol {
    font-family: 'Roboto';
}

.pricing-item .pricing-header .pricing-price span.amount {
    color: #EF4637;
}

.pricing-item:hover h3,
.pricing-item:hover h4 {
    color: #fff;
}

.pricing-item:hover .pricing-header .pricing-price span.amount {
    color: #EAF035;
}

.pricing-item:hover .pricing-content ul li {
    color: #fff;
    background: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="13" height="13" rx="6.5" fill="%23EAF035"/><path d="M10.8337 3.25L4.87533 9.20833L2.16699 6.5" stroke="%23FF3B30" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
    background-position: 0 10px;
}

.pricing-item:hover .pricing-action a {
    background: #fff;
    color: #EF4637;
}

.pricing-item:hover .pricing-action a .icon {
    background: #FCF5F5;
}

.pricing-item:hover .pricing-action a .icon path {
    stroke: #EF4637;
}

.pricing-faq {
    background: #FDEDEB;
    padding: 86px 0;
}

.pricing-faq-title {
    color: #0E2A46;
    text-align: center;
    font-family: 'Alexandria';
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.5px;
    /* 130% */
    text-transform: capitalize;
    margin-bottom: 23px;
}

.pricing-faq-title span {
    color: #EF4637;
}

.pricing-faq-wrapper {
    padding: 0 77px;
}

.pricing-faq-wrapper .accordion {}

.pricing-faq-wrapper .accordion .accordion-item {
    margin-bottom: 21px;
}

.pricing-faq-wrapper .accordion .accordion-item .accordion-title {
    padding: 15px 33px 15px 25px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #E2E1E1;
    background: #FFF;
}

.pricing-faq-wrapper .accordion .accordion-item .accordion-title button {
    position: absolute;
    right: 33px;
    left: unset;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 5.5C13.2708 5.5 13.5 5.60417 13.6875 5.8125C13.8958 6 14 6.22917 14 6.5V7.5C14 7.77083 13.8958 8.01042 13.6875 8.21875C13.5 8.40625 13.2708 8.5 13 8.5H8.5V13C8.5 13.2708 8.39583 13.5 8.1875 13.6875C8 13.8958 7.77083 14 7.5 14H6.5C6.22917 14 5.98958 13.8958 5.78125 13.6875C5.59375 13.5 5.5 13.2708 5.5 13V8.5H1C0.729167 8.5 0.489583 8.40625 0.28125 8.21875C0.09375 8.01042 0 7.77083 0 7.5V6.5C0 6.22917 0.09375 6 0.28125 5.8125C0.489583 5.60417 0.729167 5.5 1 5.5H5.5V1C5.5 0.729167 5.59375 0.5 5.78125 0.3125C5.98958 0.104167 6.22917 0 6.5 0H7.5C7.77083 0 8 0.104167 8.1875 0.3125C8.39583 0.5 8.5 0.729167 8.5 1V5.5H13Z" fill="%230E2A46"/></svg>') no-repeat;
    width: 14px;
    height: 32px;
    background-position: center;
    opacity: 1;
}

.pricing-faq-wrapper .accordion .accordion-item .accordion-title button i {
    display: none;
}

.pricing-faq-wrapper .accordion .accordion-item:last-child {
    margin: 0;
}

.pricing-faq-wrapper .accordion .accordion-item .accordion-title span {
    color: #0E2A46;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 160% */
}

.pricing-faq-wrapper .accordion .accordion-item .accordion-inner {
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #E2E1E1;
    border-top: 0;
    color: #696969;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    padding: 25px;
    position: relative;
}

.pricing-faq-wrapper .accordion .accordion-item .accordion-title.active {
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
}

.pricing-faq-wrapper .accordion .accordion-item .accordion-inner::before {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% - 50px);
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #E2E1E1;
}

.header-nav-main>li>a>i {
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1230_349)"><path d="M11.31 5.72667L8.25 8.78L5.19 5.72667L4.25 6.66667L8.25 10.6667L12.25 6.66667L11.31 5.72667Z" fill="black"/></g><defs><clipPath id="clip0_1230_349"><rect width="16" height="16" fill="white" transform="translate(0.25)"/></clipPath></defs></svg>') no-repeat;
    background-position: center;
}

.header-nav-main>li.current-menu-item>a>i,
.header-nav-main>li.current-menu-ancestor>a>i {
    background: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1230_349)"><path d="M11.31 5.72667L8.25 8.78L5.19 5.72667L4.25 6.66667L8.25 10.6667L12.25 6.66667L11.31 5.72667Z" fill="%23EF4637"/></g><defs><clipPath id="clip0_1230_349"><rect width="16" height="16" fill="white" transform="translate(0.25)"/></clipPath></defs></svg>') no-repeat;
    background-position: center;
}

.header-nav-main>li>a>i::before {
    display: none;
}

.page-header-inner .col-inner::before {
    content: '';
    position: absolute;
    left: 158px;
    bottom: 150px;
    width: 85px;
    height: 24px;
    background: url(./assets/img/hp-sec-3-wave.svg) no-repeat;
    background-size: 100% 100%;
}

.page-header-inner .col-inner::after {
    content: '';
    position: absolute;
    right: 312px;
    bottom: 54px;
    width: 41px;
    height: 37px;
    background: url(./assets/img/ico-half-circle.svg) no-repeat;
    background-size: 100% 100%;
}

.page-header-image.no-bg .page-header-inner .col-inner::after {
    display: none;
}

.nav-dropdown-has-border .nav-dropdown {
    display: flex;
    flex-direction: column;
    gap: 25px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border: 0;
    padding: 25px 30px;
    top: calc(100% + 1px);
    left: 0 !important;
    min-width: 285px;
}

.nav-dropdown-has-border .nav-dropdown::after {
    display: none;
}

.page-header-image.no-bg {
    background: #F4FAFF;
}

.page-header-image.no-bg .icon-1 {
    width: 77px;
    height: 85px;
    background: url(./assets/img/ico-page-header-no-img-ico-1.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 100px;
    left: 38px;
}

.page-header-image.no-bg .icon-2 {
    width: 66px;
    height: 65px;
    background: url(./assets/img/ico-page-header-no-img-ico-2.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 54px;
    right: 74px;
}

.courses-search-form {
    margin-bottom: 40px;
}

.courses-search-form form {
    margin: 0;
    display: flex;
    gap: 10px;
}

.courses-search-form form .form-group {
    width: calc((100% - 200px) / 6);
}

.courses-search-form form select {
    margin: 0;
    height: 50px;
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 510;
    line-height: normal;
    border-radius: 10px;
    border: 1px solid #1697EF;
    padding-left: 30px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none"><mask id="mask0_213_8907" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="3" width="18" height="12"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.47746 4.08882C1.91616 3.63728 2.62743 3.63728 3.06613 4.08882L9.76085 10.9794L16.4556 4.08882C16.8943 3.63728 17.6055 3.63728 18.0442 4.08882C18.4829 4.54035 18.4829 5.27244 18.0442 5.72397L9.76085 14.2498L1.47746 5.72398C1.03876 5.27244 1.03876 4.54035 1.47746 4.08882Z" fill="%23006FFD"/></mask><g mask="url(%23mask0_213_8907)"><rect x="0.772461" y="17.9996" width="17.9993" height="17.9737" transform="rotate(-90 0.772461 17.9996)" fill="%23006FFD"/></g></svg>') no-repeat;
    background-position: right 15px center;
}

.courses-search-form form .form-group:first-child select {
    border: 1px solid #EF4637;
}

.courses-search-form form .btn {
    margin: 0;
    height: 50px;
    padding: 0 26px;
    border-radius: 60px;
    background: #EF4637;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    /* 310.526% */
    text-transform: capitalize;
    width: 138px;
}

.courses-search-form form input {
    margin: 0;
    height: 50px;
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 510;
    line-height: normal;
    border-radius: 10px;
    border: 1px solid #1697EF;
    box-shadow: none;
}

.courses-page-title {}

.courses-page-title .subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.courses-page-title .subtitle span {
    color: #FF9500;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
    text-transform: uppercase;
    padding-left: 21px;
    background: url(./assets/img/ico-orange-book-2.svg) no-repeat;
    background-position: 0 center;
}

.courses-page-title h2.title {
    color: #0E2A46;
    text-align: center;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 49.5px;
    /* 110% */
    text-transform: capitalize;
    margin-bottom: 60px;
}

.courses-page-wrapper {
    padding-top: 48px;
    padding-bottom: 200px;
}

.courses-list {
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.courses-list .course-item {
    padding: 21px 14px 36px 25px;
    border-radius: 10px;
    border: 1px solid #EF4637;
    background: #F4FAFF;
}

.course-item {}

.course-item .course-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
}

.course-item .course-details .course-detail {
    padding-right: 29px;
    width: 165px;
}

.course-item .course-details .course-detail span.course-cat {
    color: #FF9500;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
    text-transform: uppercase;
    display: block;
    text-align: right;
}

.course-item .course-details .course-detail span.course-name {
    color: #0E2A46;
    text-align: right;
    font-family: 'Roboto';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    /* 225% */
    text-transform: capitalize;
    display: block;
    text-align: right;
}

.course-item .course-details .course-detail span.course-name a {
    color: #0E2A46;
    text-align: right;
    font-family: 'Roboto';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    /* 225% */
    text-transform: capitalize;
    display: block;
    text-align: right;
}

.course-item .course-details .course-info {
    display: flex;
    align-items: center;
    padding-left: 25px;
    justify-content: space-between;
    gap: 10px;
    width: calc(100% - 165px);
    border-left: 1px solid #ABACAC;
    flex-wrap: wrap;
}

.course-item .course-details .course-info .info-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
}

.course-item .course-details .course-info .info-group span.label {
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 860;
    line-height: normal;
    display: block;
}

.course-item .course-details .course-info .info-group select {
    margin: 0;
    border-radius: 10px;
    border: 0.5px solid #EF4637;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none"><mask id="mask0_213_8682" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="3" width="19" height="12"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.16594 4.08882C1.60464 3.63728 2.31591 3.63728 2.75461 4.08882L9.44933 10.9794L16.1441 4.08882C16.5828 3.63728 17.294 3.63728 17.7327 4.08882C18.1714 4.54035 18.1714 5.27244 17.7327 5.72397L9.44933 14.2498L1.16594 5.72398C0.727239 5.27244 0.727239 4.54035 1.16594 4.08882Z" fill="%23006FFD"/></mask><g mask="url(%23mask0_213_8682)"><rect x="0.460938" y="17.9996" width="17.9993" height="17.9737" transform="rotate(-90 0.460938 17.9996)" fill="%23006FFD"/></g></svg>') no-repeat;
    height: 50px;
    background-position: right 15px center;
    background-color: #fff;
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    padding-left: 30px;
    box-shadow: none;
}

.course-item .course-details .course-info .course-pricing {}

.course-item .course-details .course-info .course-pricing span:first-child {
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.course-item .course-details .course-info .course-pricing span.amount {
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 860;
    line-height: normal;
}

.course-item .course-details .course-info .course-action {}

.course-item .course-details .course-info a.btn-register-course {
    padding: 0 22px;
    height: 50px;
    display: block;
    color: #FFF;
    text-align: center;
    font-family: Alexandria;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    /* 310.526% */
    text-transform: capitalize;
    border-radius: 60px;
    background: #EF4637;
}

.course-item .course-details .course-info>div {
    flex: 1;
    min-width: 0;
}

.course-item .course-details .course-info .info-group .start-date {
    border-radius: 10px;
    border: 0.5px solid #EF4637;
    line-height: 50px;
    background: #fff;
    padding-left: 30px;
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}

.single-course-wrapper {
    margin-top: 24px;
}

.single-course-wrapper .course-video-demo {
    position: relative;
    padding-top: 42%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 18px;
}

.single-course-wrapper .course-video-demo .video-play-icon {
    position: absolute;
    height: 218px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 218px;
    z-index: 2;
    transition: transform .3s;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="218" height="218" viewBox="0 0 218 218" fill="none"><circle opacity="0.2" cx="109" cy="109" r="109" fill="%23FFFAEC"/><circle opacity="0.5" cx="109" cy="109" r="86.0136" fill="%23F5EBEB"/><circle cx="109" cy="109" r="62.2857" fill="url(%23paint0_linear_213_10699)"/><path d="M137.177 109L95.4677 136.613V81.3874L137.177 109Z" fill="%23FFFAEC"/><defs><linearGradient id="paint0_linear_213_10699" x1="154.605" y1="154.615" x2="65.3561" y2="154.615" gradientUnits="userSpaceOnUse"><stop stop-color="%237F56D9"/><stop offset="1" stop-color="%231697EF"/></linearGradient></defs></svg>') no-repeat;
}

.single-course-wrapper .course-video-demo:hover .video-play-icon {
    transform: scale(1.1);
}

.single-course-wrapper .course-video-demo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.single-course-main {
    display: flex;
    gap: 47px;
}

.single-course-main .course-sidebar {
    width: 34%;
}

.single-course-main .course-content {
    width: 64%;
}

.single-course-main .course-content h2.course-name {
    color: #0E2A46;
    font-family: Alexandria;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    /* 135% */
    text-transform: capitalize;
    margin-bottom: 8px;
}

.single-course-main .course-content .course-meta {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 46px;
    margin-bottom: 27px;
    padding-bottom: 27px;
    border-bottom: 1px solid #ABACAC;
}

.single-course-main .course-content .course-meta div {
    display: flex;
    align-items: center;
    gap: 13px;
}

.single-course-main .course-content .course-meta div svg {}

.single-course-main .course-content .course-meta div span {
    color: #4D5756;
    font-family: Roboto;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 152.381% */
}

.single-course-main .course-content .course-entry-content {
    color: #333931;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
    /* 160% */
}

.single-course-main .course-content .course-entry-content p {}

.single-course-main .course-content .course-entry-content ul {}

.single-course-main .course-content .course-entry-content ul li {}

.single-course-main .course-sidebar .course-price {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    margin-bottom: 15px;
}

.single-course-main .course-sidebar .course-price span.amount {
    color: #EF4637;
    text-align: center;
    font-family: Roboto;
    font-size: 45px;
    font-style: normal;
    font-weight: 800;
    line-height: 61px;
    /* 135.556% */
    text-transform: capitalize;
}

.single-course-main .course-sidebar .course-price>span:not(.amount) {
    color: #4D5756;
    font-family: Roboto;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 152.381% */
}

.single-course-main a.btn-add-course-to-cart {
    display: flex;
    border-radius: 5px;
    background: #282560;
    align-items: center;
    justify-content: space-between;
    color: #EAF035;
    text-align: center;
    font-family: Alexandria;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 61px;
    /* 305% */
    text-transform: capitalize;
}

.single-course-main a.btn-add-course-to-cart .icon {
    width: 64px;
    height: 61px;
    border-radius: 5px;
    background: #34308B;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-course-main a.btn-add-course-to-cart span {
    width: calc(100% - 64px);
}

.single-course-main .course-add-to-cart {
    margin-bottom: 60px;
}

.single-course-main .course-sidebar .course-teacher {}

.single-course-main .course-sidebar .course-teacher .teacher-image {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 10px;
}

.single-course-main .course-sidebar .course-teacher .teacher-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-course-main .course-sidebar .course-teacher .teacher-name {
    color: #000;
    font-family: Alexandria;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.4px;
    /* 152% */
    text-align: center;
}

.single-course-main .course-content .course-entry-content strong {
    font-family: Alexandria;
}

.abp-sec-2 {
    padding-top: 73px;
    padding-bottom: 160px;
}

.abp-sec-2 h3.section-title {
    color: #FF9500;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
    text-transform: uppercase;
    padding-left: 21px;
    background: url('data:image/svg+xml,<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 13.4563C15.75 13.7375 15.6445 13.9602 15.4336 14.1243C15.3633 14.3821 15.3281 14.8157 15.3281 15.425C15.3281 16.0344 15.3633 16.468 15.4336 16.7258C15.6445 16.9133 15.75 17.136 15.75 17.3938V17.9563C15.75 18.1907 15.668 18.3899 15.5039 18.554C15.3398 18.718 15.1406 18.8 14.9062 18.8H3.375C2.4375 18.8 1.64062 18.4719 0.984375 17.8157C0.328125 17.1594 0 16.3625 0 15.425V4.17505C0 3.23755 0.328125 2.44067 0.984375 1.78442C1.64062 1.12817 2.4375 0.800049 3.375 0.800049H14.9062C15.1406 0.800049 15.3398 0.88208 15.5039 1.04614C15.668 1.21021 15.75 1.40942 15.75 1.6438V13.4563ZM4.5 5.51099V6.21411C4.5 6.35474 4.57031 6.42505 4.71094 6.42505H12.1641C12.3047 6.42505 12.375 6.35474 12.375 6.21411V5.51099C12.375 5.37036 12.3047 5.30005 12.1641 5.30005H4.71094C4.57031 5.30005 4.5 5.37036 4.5 5.51099ZM4.5 7.76099V8.46411C4.5 8.60474 4.57031 8.67505 4.71094 8.67505H12.1641C12.3047 8.67505 12.375 8.60474 12.375 8.46411V7.76099C12.375 7.62036 12.3047 7.55005 12.1641 7.55005H4.71094C4.57031 7.55005 4.5 7.62036 4.5 7.76099ZM13.3945 16.55C13.3242 15.8 13.3242 15.05 13.3945 14.3H3.375C3.07031 14.3 2.80078 14.4172 2.56641 14.6516C2.35547 14.8625 2.25 15.1204 2.25 15.425C2.25 15.7297 2.35547 15.9993 2.56641 16.2336C2.80078 16.4446 3.07031 16.55 3.375 16.55H13.3945Z" fill="%23FF9500"/></svg>') no-repeat;
    background-position: 0 center;
    margin: 0;
}

.abp-sec-2 h2.main-title {
    color: #0E2A46;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.5px;
    /* 130% */
    text-transform: capitalize;
    margin: 10px 0 22px;
}

.abp-sec-2 p {
    color: #333931;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.3px;
    /* 190% */
}

.abp-sec-2 .col:first-child {
    padding-right: 90px;
}

.abp-sec-3 {
    padding: 150px 0;
    background: url(./assets/img/abp-sec-3-bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.abp-sec-3 h3.section-title {
    display: inline-block;
    color: #FFF;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 49.5px;
    margin: 0;
    width: auto;
    position: relative;
}

.abp-sec-3 h3.section-title::before {
    content: '';
    position: absolute;
    left: -18px;
    top: -13px;
    width: 115%;
    height: 129%;
    background: url(./assets/img/abp-sec-3-section-title-bg.svg) no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}

.abp-sec-3 h2.main-title {
    color: #FFF;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 49.5px;
    text-transform: capitalize;
}

.abp-sec-3 h2.main-title span {
    color: #EAF035;
}

.abp-sec-3 .main-des {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.3px;
    /* 190% */
}

.abp-sec-3 .cus-icon-box {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
    margin-bottom: 60px;
}

.abp-sec-3 .cus-icon-box .cus-icon-box-item {
    display: flex;
    gap: 25px;
}

.abp-sec-3 .cus-icon-box .cus-icon-box-item .box-image {
    width: 60px;
}

.abp-sec-3 .cus-icon-box .cus-icon-box-item .box-image img {
    width: 27px;
}

.abp-sec-3 .cus-icon-box .cus-icon-box-item .box-content {
    width: calc(100% - 85px);
}

.abp-sec-3 .cus-icon-box .cus-icon-box-item .box-content h4 {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 188.235% */
    text-transform: capitalize;
    margin: 0;
}

.abp-sec-3 .cus-icon-box .cus-icon-box-item .box-content p {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 164.706% */
    margin: 0;
}

.abp-sec-3 .content-wrapper {
    padding-right: 15px;
}

.abp-sec-3 .content-wrapper>p {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 164.706% */
}

.abp-sec-3 .content-wrapper ul {}

.abp-sec-3 .content-wrapper ul li {
    list-style: none;
    color: #FFF;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 164.706% */
    margin: 0;
    display: flex;
    align-items: center;
    gap: 14px;
}

.abp-sec-3 .cus-icon-box .cus-icon-box-item .box-image .box-image-inner {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background: #EAF035;
    display: flex;
    align-items: center;
    justify-content: center;
}

.abp-sec-3 .image-wrapper {
    padding-top: 21px;
    padding-right: 40px;
    position: relative;
}

.abp-sec-3 .image-wrapper img {
    position: relative;
    z-index: 2;
}

.abp-sec-3 .image-wrapper::before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 220px;
    height: calc(100% + 21px);
    background: #FFA236;
}

.abp-sec-4 {
    padding: 75px 0;
}

.abp-sec-4 .section-title {
    display: inline-block;
    color: #0E2A46;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.5px;
    /* 130% */
    text-transform: capitalize;
    margin-bottom: 58px;
    padding-right: 48px;
    position: relative;
}

.abp-sec-4 .section-title span {
    text-transform: capitalize;
    color: #F69320;
}

.abp-sec-4 .abp-sec-4-cus-box {
    padding-right: 48px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.abp-sec-4 .abp-sec-4-cus-box .item {
    width: calc(50% - 10px);
    border-radius: 8px;
    background: #DBF1FF;
    padding: 30px 20px;
}

.abp-sec-4 .abp-sec-4-cus-box .item .item-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.abp-sec-4 .abp-sec-4-cus-box .item .item-header svg {}

.abp-sec-4 .abp-sec-4-cus-box .item .item-header span {
    color: #0E2A46;
    font-family: 'Alexandria';
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 188.235% */
    text-transform: capitalize;
}

.abp-sec-4 .abp-sec-4-cus-box .item .item-content {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 186.667% */
}

.abp-sec-4 .abp-sec-4-img {
    position: relative;
    padding-right: 45px;
}

.abp-sec-4 .abp-sec-4-img .inner {
    padding: 30px 40px 40px 30px;
    position: relative;
}

.abp-sec-4 .abp-sec-4-img .inner img {
    position: relative;
    z-index: 2;
}

.abp-sec-4 .abp-sec-4-img .inner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    z-index: 1;
    border-right: 342px solid transparent;
    border-top: 291px solid #ffd25c;
}

.abp-sec-4 .abp-sec-4-img .inner::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 342px;
    height: 291px;
    border-left: 342px solid transparent;
    border-bottom: 291px solid #ffd25c;
}

.abp-sec-4 .abp-sec-4-img::before {
    content: '';
    position: absolute;
    right: 0;
    top: -50px;
    width: 277px;
    height: 271px;
    background: url(./assets/img/abp-sec-4-dots.svg) no-repeat;
    background-size: 100% 100%;
}

.abp-sec-4 .section-title::before {
    content: '';
    position: absolute;
    right: 105px;
    top: -56px;
    background: url(./assets/img/hp-sec-3-wave.svg) no-repeat;
    background-size: 100% 100%;
    width: 85px;
    height: 24px;
}

.abp-sec-5 {
    padding: 93px 0 104px;
    background: url(./assets/img/lecturers-sec-bg.jpeg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.abp-sec-5 .section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
}

.abp-sec-5 .abp-sec-5-list {
    display: flex;
    gap: 13px;
}

.abp-sec-5 .abp-sec-5-list .item {
    width: 33.3333%;
    border-radius: 10px;
    overflow: hidden;
}

.abp-sec-5 .abp-sec-5-list .item .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: #fff;
}

.abp-sec-5 .abp-sec-5-list .item .item-image {
    position: relative;
    overflow: hidden;
    padding-top: 112%;
}

.abp-sec-5 .abp-sec-5-list .item .item-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.abp-sec-5 .abp-sec-5-list .item .item-content {
    position: relative;
    padding: 34px 20px;
    background: #fff;
}

.abp-sec-5 .abp-sec-5-list .item .item-content .item-name {
    color: #000;
    text-align: center;
    font-family: Alexandria;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    width: calc(100% - 88px);
    left: 0;
    right: 0;
    margin: auto;
    line-height: 85px;
    border-radius: 10px 10px 0px 0px;
    background: #F4FBFF;
    border-top: 10px solid #0368FF;
    top: -75px;
}

.abp-sec-5 .abp-sec-5-list .item .item-content ul {
    color: #000;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 164.706% */
    text-transform: capitalize;
    margin-left: 30px;
    margin-bottom: 0;
}

.abp-sec-5 .abp-sec-5-list .item .item-content ul li {
    margin: 0;
}

.abp-sec-5 .section-title>span {
    color: #0E2A46;
    text-align: center;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.5px;
    /* 130% */
    text-transform: none;
}



.abp-sec-5 .section-title span span {
    text-transform: none;
    position: relative;
}

.abp-sec-5 .section-title span span::before {
    position: absolute;
    content: '';
    width: 116%;
    height: 124%;
    background: url(./assets/img/abp-sec-5-section-title-bg.svg) no-repeat;
    background-size: 100% 100%;
    left: -15px;
    top: -2px;
}

.mcp-slider .main-banner-img-wrapper {
    padding-top: 0;
}

.mcp-slider .main-banner-content .main-banner-text .txt-1 {
    color: #F69320;
    font-family: 'Alexandria';
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 188.235% */
    text-transform: uppercase;
}

.mcp-slider .main-banner-content .main-banner-text .txt-2 {
    color: #17254E;
}

.mcp-slider .main-banner-content .main-banner-text .txt-3 {
    /* 188.235% */
}

.mcp-slider .main-banner-img-inner::before {
    display: none;
}

.main-banner-img-inner {}

.mcp-slider .main-banner-content {
    transform: none;
}

.mcp-slider {
    overflow: hidden;
}

.pmc-sec-2 {
    padding: 140px 0 110px;
    position: relative;
    background: #FCFEFF;
}

.pmc-sec-2 .img-col {
    padding-right: 45px;
}

.pmc-sec-2 .content-col {}

.pmc-sec-2 .img-col img {
    border-radius: 10px;
}

.pmc-sec-2 .pmc-sec-2-title {
    margin-bottom: 25px;
    position: relative;
}

.pmc-sec-2 .pmc-sec-2-title::before {
    content: '';
    position: absolute;
    right: -52px;
    top: -114px;
    width: 144px;
    height: 96px;
    background: url(./assets/img/pmc-sec-2-title-icon.svg) no-repeat;
    background-size: 100% 100%;
}

.pmc-sec-2 .pmc-sec-2-title .subtitle {
    color: #FF9500;
    font-family: 'Alexandria';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
    text-transform: uppercase;
    padding-left: 21px;
    background: url(./assets/img/ico-orange-book-2.svg) no-repeat;
    background-position: 0 center;
}

.pmc-sec-2 .pmc-sec-2-title .title {
    color: #293C8F;
    font-family: Alexandria;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    /* 125% */
    text-transform: capitalize;
    margin: 13px 0;
}

.pmc-sec-2 .pmc-sec-2-title p {
    color: #191659;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 147.059% */
    text-transform: capitalize;
}

a.custom-el-item-button.no-icon {
    padding-right: 25px;
}

.pmc-sec-2-ico {
    position: absolute;
    left: 37px;
    bottom: 26px;
    content: '';
    width: 157px;
    height: 173px;
    background: url(./assets/img/ico-slider-bg-book.svg) no-repeat center center;
    background-size: 100% 100%;
}

.pmc-sec-2 .ico-wave {
    width: 76px;
    height: 36px;
    position: absolute;
    right: 76px;
    bottom: 70px;
    background: url(./assets/img/mint-wave.svg) no-repeat center center;
    background-size: 100% 100%;
}


.pmc-sec-3 {
    padding: 87px 0 78px;
    position: relative;
    background: #EF4637;
}

.pmc-sec-3 .img-col {}

.pmc-sec-3 .img-col .col-inner {
    position: relative;
}

.pmc-sec-3 .content-col {
    padding-right: 45px;
}

.pmc-sec-3 .img-col img {
    border-radius: 10px;
    position: relative;
    z-index: 2;
}

.pmc-sec-3 .pmc-sec-3-title {
    margin-bottom: 25px;
    position: relative;
}

.pmc-sec-3 .img-col .col-inner::before {
    content: '';
    position: absolute;
    right: -20px;
    top: -44px;
    width: 144px;
    height: 96px;
    background: url(./assets/img/pmc-sec-2-title-icon.svg) no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}

.pmc-sec-3 .pmc-sec-3-title .subtitle {
    color: #fff;
    font-family: 'Alexandria';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
    text-transform: uppercase;
    padding-left: 21px;
    background: url(./assets/img/ico-white-book.svg) no-repeat;
    background-position: 0 center;
}

.pmc-sec-3 .pmc-sec-3-title .title {
    color: #EAF035;
    font-family: Alexandria;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    /* 125% */
    text-transform: capitalize;
    margin: 13px 0;
}

.pmc-sec-3 .pmc-sec-3-title .title span {
    color: #fff;
}

.pmc-sec-3 .pmc-sec-3-title p {
    color: #fff;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 147.059% */
    text-transform: capitalize;
}

a.custom-el-item-button.no-icon {
    padding-right: 25px;
}

.pmc-sec-3-ico {
    position: absolute;
    left: 37px;
    bottom: 26px;
    content: '';
    width: 157px;
    height: 173px;
    background: url(./assets/img/ico-slider-bg-book.svg) no-repeat center center;
    background-size: 100% 100%;
}

.pmc-sec-3 .ico-wave {
    width: 76px;
    height: 36px;
    position: absolute;
    right: 76px;
    bottom: 70px;
    background: url(./assets/img/mint-wave.svg) no-repeat center center;
    background-size: 100% 100%;
}

.pmc-sec-4 {
    padding-top: 95px;
    padding-bottom: 80px;
    background: url(./assets/img/pmc-sec-4-bg.png) no-repeat;
    background-size: 100% 100%;
}

.pmc-sec-4 .c-section-title {
    color: #0E2A46;
    text-align: center;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 49.5px;
    /* 110% */
    text-transform: capitalize;
    margin-bottom: 64px;
}

.pmc-sec-4 .item-listing {}

.pmc-sec-4 .item-listing .col {
    padding-left: 12px;
    padding-right: 12px;
}

.pmc-sec-4 .item-listing {}

.pmc-sec-4 .item-listing .item {
    background: #fff;
    padding: 42px 0;
}

.pmc-sec-4 .item-listing .item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
}

.pmc-sec-4 .item-listing .item .icon img {
    width: 100px;
    height: 100px;
}

.pmc-sec-4 .item-listing .item .txt-1 {
    color: #0E2A46;
    text-align: center;
    font-family: 'Alexandria';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.2px;
    /* 110% */
    text-transform: capitalize;
    margin-bottom: 10px;
}

.pmc-sec-4 .item-listing .item .txt-2 {
    color: #4D5756;
    text-align: center;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 176.471% */
    margin-bottom: 32px;
}

.pmc-sec-4 .item-listing .item .txt-3 {
    color: #1697EF;
    text-align: center;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 176.471% */
    margin-bottom: 37px;
}

.pmc-sec-4 .item-listing .item .action {
    display: flex;
    justify-content: center;
}

.pmc-sec-4 .item-listing .item .action a {}

a.custom-el-item-button.blue-icon .icon {
    background: #1697EF;
}

.pmc-sec-5 {
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
    padding-top: 73px;
    padding-bottom: 62px;
}

.pmc-sec-5-header {
    margin-bottom: 58px;
}

.pmc-sec-5-header .subtitle {
    display: flex;
    justify-content: center;
}

.pmc-sec-5-header .subtitle span {
    color: #FF9500;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
    text-transform: uppercase;
    padding-left: 21px;
    background: url(./assets/img/ico-orange-book-2.svg) no-repeat;
    background-position: 0 center;
}

.pmc-sec-5-header .title {
    color: #0E2A46;
    text-align: center;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 49.5px;
    /* 110% */
    text-transform: capitalize;
}

.blue-courses-search-form form .form-group:first-child select {
    border: 1px solid #1697EF !important;
}

.blue-courses-search-form form .btn {
    background: #1697EF;
}

.blue-courses-list .course-item {
    border: 1px solid #1697EF;
}

.blue-courses-list .course-item .course-details .course-info a.btn-register-course {
    background: #1697EF;
}

.blue-courses-list .course-item .course-details .course-info .info-group .start-date,
.blue-courses-list .course-item .course-details .course-info .info-group select {
    border: 1px solid #1697EF;
}

.pmc-sec-5 .cannot-find .txt-1 {
    color: #000;
    text-align: center;
    font-family: 'Alexandria';
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 49.5px;
    /* 141.429% */
    text-transform: capitalize;
    margin-bottom: 20px;
}

.pmc-sec-5 .cannot-find {
    margin-top: 30px;
}

.pmc-sec-5 .cannot-find .txt-2 {
    color: #191659;
    text-align: center;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 125% */
    text-transform: capitalize;
}

.pmc-sec-5 .cannot-find .txt-3 {
    color: #191659;
    text-align: center;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 125% */
    text-transform: capitalize;
}

.pmc-sec-5 .cannot-find .txt-3 a {
    /* 125% */
    color: #1697EF;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: capitalize;
}

.pmc-sec-6 {
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
    padding-top: 60px;
    padding-bottom: 80px;
}

.pmc-sec-6 .c-section-title {
    color: #0E2A46;
    text-align: center;
    font-family: 'Alexandria';
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    /* 110% */
    text-transform: capitalize;
    margin-bottom: 54px;
}


.c-accordion-1 .accordion {}

.c-accordion-1 .accordion .accordion-item {
    margin-bottom: 21px;
}

.c-accordion-1 .accordion .accordion-item .accordion-title {
    padding: 18px 33px 18px 25px;
    position: relative;
    border-radius: 10px;
    border: 0.5px solid #1697EF;
    background: #FFF;
}

.c-accordion-1 .accordion .accordion-item .accordion-title button {
    position: absolute;
    right: 33px;
    left: unset;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_213_6463" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="3" width="18" height="12"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.703535 4.08906C1.14223 3.63753 1.85351 3.63753 2.2922 4.08906L8.98693 10.9797L15.6816 4.08906C16.1203 3.63753 16.8316 3.63753 17.2703 4.08906C17.709 4.5406 17.709 5.27268 17.2703 5.72422L8.98693 14.25L0.703535 5.72422C0.264837 5.27268 0.264837 4.5406 0.703535 4.08906Z" fill="%23006FFD"/></mask><g mask="url(%23mask0_213_6463)"><rect x="-0.00146484" y="17.9995" width="17.9993" height="17.9737" transform="rotate(-90 -0.00146484 17.9995)" fill="%23006FFD"/></g></svg>') no-repeat;
    width: 14px;
    height: 32px;
    background-position: center;
    opacity: 1;
}

.c-accordion-1 .accordion .accordion-item .accordion-title button i {
    display: none;
}

.c-accordion-1 .accordion .accordion-item:last-child {
    margin: 0;
}

.c-accordion-1 .accordion .accordion-item .accordion-title span {
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.c-accordion-1 .accordion .accordion-item .accordion-inner {
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #1697EF;
    border-top: 0;
    color: #696969;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    padding: 25px;
    position: relative;
}

.c-accordion-1 .accordion .accordion-item .accordion-title.active {
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
}

.c-accordion-1 .accordion .accordion-item .accordion-inner::before {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% - 50px);
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #1697EF;
}

.pmc-sec-6 .c-accordion-1 {
    margin-bottom: 28px;
}

.pmc-sec-6 .action {
    display: flex;
    justify-content: center;
}

.pmc-sec-6 .action a {
    padding: 0 54px;
}

.online-courses-page-wrapper {}

.online-courses-page-wrapper .courses-list .col {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 24px;
}

.products-pagination {
    display: flex;
    justify-content: center;
}

.products-pagination ul {
    margin: 0;
    list-style: none;
    display: flex;
}

.products-pagination ul li {
    margin: 0;
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
}

.products-pagination a.page-num {
    width: 36px;
    height: 36px;
    color: #666;
    text-align: center;

    /* Body Medium/Body Medium, 400 */
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    display: flex;
    align-items: center;
    justify-content: center;
}

.products-pagination ul li span {
    font-size: 17px;
    font-family: 'Roboto';
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
}

.products-pagination li.active a {
    background: #E1101D;
    border-radius: 100%;
    color: #fff;
    font-weight: 600;
}

.products-pagination ul li:last-child {
    transform: rotate(180deg);
}

.products-pagination ul li .arrow {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 500px;
    border: 1px solid var(--Gray-Scale-Gray-100, #E6E6E6);
    background: var(--Gray-Scale-White, #FFF);
}

.products-pagination ul li .arrow path {
    stroke: #1A1A1A;
}

.online-courses-page-wrapper .video-courses .courses-list>.row::before {
    display: none;
}

.online-courses-page-wrapper .video-courses {
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
    padding: 118px 0 82px;
}

.products-pagination ul li.disable a {
    border-radius: 500px;
    background: var(--Gray-Scale-Gray-50, #F2F2F2);
    pointer-events: none;
}

.products-pagination ul li.disable a path {
    stroke: #B3B3B3;
}

.products-pagination ul li.prev {
    margin-right: 12px;
}

.products-pagination ul li.next {
    margin-left: 12px;
}

.course-lessons-wrapper {
    margin-top: 40px;
}

.course-lessons-wrapper .clw-title {
    color: #F44545;
    font-family: Alexandria;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 110% */
    margin-bottom: 23px;
}

.course-lessons-wrapper .course-lessons-listing {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.course-lessons-wrapper .course-lessons-listing .item {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 12px;
    border: 1px solid rgba(25, 25, 25, 0.20);
    transition: all .4s;
    position: relative;
}

.course-lessons-wrapper .course-lessons-listing .item .item-inner {
    display: flex;
    gap: 11px;
    align-items: center;
}

.course-lessons-wrapper .course-lessons-listing .item .item-inner .video {}

.course-lessons-wrapper .course-lessons-listing .item:hover .item-inner .video path {}

.course-lessons-wrapper .course-lessons-listing .item .item-inner .icon {
    border-radius: 12px;
    background: #E50909;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
}

.course-lessons-wrapper .course-lessons-listing .item .item-inner .video-info {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.course-lessons-wrapper .course-lessons-listing .item .item-inner .video-info .video-title {
    color: #E50909;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all .4s;
}

.course-lessons-wrapper .course-lessons-listing .item .item-inner .video-info .video-duration {
    color: rgba(41, 41, 41, 0.70);
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    /* 71.429% */
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all .4s;
}

.course-lessons-wrapper .course-lessons-listing .item:hover,
.course-lessons-wrapper .course-lessons-listing .item.active {
    background: #E50909;
}

.course-lessons-wrapper .course-lessons-listing .item:hover .item-inner .video-info .video-title,
.course-lessons-wrapper .course-lessons-listing .item.active .item-inner .video-info .video-title {
    color: #fff;
}

.course-lessons-wrapper .course-lessons-listing .item:hover .item-inner .video-info .video-duration,
.course-lessons-wrapper .course-lessons-listing .item.active .item-inner .video-info .video-duration {
    opacity: 0.7;
    color: #fff;
}

.course-lessons-wrapper .course-lessons-listing .item:hover .item-inner .video-info .video-duration path,
.course-lessons-wrapper .course-lessons-listing .item.active .item-inner .video-info .video-duration path {
    stroke: #fff;
}

.course-lessons-wrapper .course-lessons-listing .item:hover .item-inner .icon,
.course-lessons-wrapper .course-lessons-listing .item.active .item-inner .icon {
    background: #fff;
}

.course-lessons-wrapper .course-lessons-listing .item .item-inner .icon path {
    transition: all .4s;
}

.course-lessons-wrapper .course-lessons-listing .item:hover .item-inner .icon path,
.course-lessons-wrapper .course-lessons-listing .item.active .item-inner .icon path {
    stroke: #E50909;
    fill: #E50909;
}

.course-lessons-wrapper .course-lessons-listing .item a.btn-try-to-learn {
    transition: all .4s;
    position: absolute;
    right: 0;
    top: 0;
    color: #ED052F;
    font-family: Alexandria;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    /* 266.667% */
    border-radius: 10px;
    background: #FFF;
    padding: 0 12px;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
    height: 40px;
    opacity: 0;
    visibility: hidden;
}

.course-lessons-wrapper .course-lessons-listing .item:hover a.btn-try-to-learn {
    visibility: visible;
    opacity: 1;
}

.single-course-wrapper .course-video-wrapper {
    position: relative;
    padding-top: 57%;
    margin-bottom: 30px;
}

.single-course-wrapper .course-video-wrapper iframe {
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.custom-myaccount-wrapper {
    padding: 120px 0;
}

.custom-myaccount-wrapper .myaccount-left-col {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: #F2F2F2;
    padding: 0 70px;
}

.custom-myaccount-wrapper .block-title {
    color: #0A0909;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 100% */
    text-transform: uppercase;
    padding-bottom: 21px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E2E1E1;
}

.custom-myaccount-wrapper form {
    margin: 0;
}

.custom-myaccount-wrapper form input:not([type="checkbox"]) {
    height: 58px;
    border: 0;
    box-shadow: none;
    border-radius: 5px;
    background: #FFF;
    padding: 20px;
    color: #0E2A46;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.custom-myaccount-wrapper form.submitting input:not([type="checkbox"]) {
    pointer-events: none;
}

.custom-myaccount-wrapper form input:not([type="checkbox"])::placeholder {
    color: #0E2A46;
}

.custom-myaccount-wrapper form .form-group {
    margin-bottom: 20px;
}

.custom-myaccount-wrapper form .forgot-password {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

.custom-myaccount-wrapper form .forgot-password a {
    color: #F00;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 188.235% */
}

.custom-myaccount-wrapper form .forgot-password input {
    margin: 0;
    width: 15px;
    height: 15px;
}

.custom-myaccount-wrapper form .forgot-password .remember-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333931;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 188.235% */
}

.custom-myaccount-wrapper form .form-action {
    margin-bottom: 45px;
}

.custom-myaccount-wrapper form .to-another-form {
    display: flex;
    align-items: center;
    gap: 27px;
}

.custom-myaccount-wrapper form .to-another-form span {
    color: #4D5756;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 100% */
}

.custom-myaccount-wrapper form .to-another-form a {
    color: #0E2A46;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 100% */
}

.custom-myaccount-wrapper .form-image {}

.custom-myaccount-wrapper .form-image img {
    width: 100%;
}

.topbar-myaccount-wrapper {
    display: flex;
    align-items: center;
}

.topbar-myaccount-wrapper .language-switcher {
    padding-left: 30px;
    margin-left: 30px;
    border-left: 1px solid rgba(255, 255, 255, 0.50);
    height: 25px;
}

.topbar-myaccount-wrapper .topbar-myaccount a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.topbar-myaccount-wrapper .topbar-myaccount {}

.topbar-myaccount-wrapper .topbar-myaccount a span {
    color: #FFF;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    /* 333.333% */
    line-height: 25px;
}

.topbar-myaccount-wrapper .topbar-myaccount a svg {
    margin-top: -2px;
}

.checkout-steps-title {
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
    backdrop-filter: blur(4.99991512298584px);
    color: #000;
    text-align: center;
    font-family: 'Alexandria';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 90px;
    /* 241.667% */
    letter-spacing: -0.15px;
    text-transform: capitalize;
}

.custom-checkout-wrapper {
    background: linear-gradient(0deg, #F6F6F6 0%, #F6F6F6 100%), #FFF;
}

.custom-checkout-wrapper .checkout-step {
    padding: 53px 0;
}

.custom-checkout-form {}

.custom-checkout-form .checkout-col-inner {
    border-radius: 10px;
    background: #FFF;
    padding: 17px 24px;
    position: relative;
    height: 100%;
}

.custom-checkout-wrapper.loading .checkout-col-inner::before {
    animation: spin .6s linear infinite;
    border-bottom: 3px solid rgba(0, 0, 0, .1) !important;
    border-left: 3px solid #000;
    border-radius: 50%;
    border-right: 3px solid rgba(0, 0, 0, .1) !important;
    border-top: 3px solid rgba(0, 0, 0, .1) !important;
    content: "";
    font-size: 10px;
    height: 30px;
    margin: 0 auto;
    opacity: .8;
    pointer-events: none;
    text-indent: -9999em;
    width: 30px;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.custom-checkout-wrapper.loading .checkout-col-inner::after {
    content: '';
    background: #ffffffd1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: 2;
}

.checkout-title {
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 860;
    line-height: normal;
}

.order-product-listing {
    margin-top: 5px;
}

.order-product-listing ul {
    margin: 0;
}

.order-product-listing ul li {
    margin: 0;
    display: flex;
    justify-content: space-between;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px dotted #1697EF;
}

.order-product-listing ul li .product-name {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 147.059% */
    position: relative;
    padding-left: 18px;
}

.order-product-listing ul li .product-name::before {
    content: '';
    width: 4px;
    height: 4px;
    background: #4D5756;
    position: absolute;
    border-radius: 100%;
    left: 0;
    top: 11px;
    margin: auto;
}

.order-product-listing ul li .product-price span {
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    /* 138.889% */
}

.order-product-listing ul li:last-child {}

.checkout-title.order-subtotal {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkout-title.order-subtotal div span {
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.order-coupon-wrapper {
    margin-top: 20px;
    padding: 16px 12px;
    border-radius: 10px;
    background: #F4FAFF;
}

.order-coupon-wrapper span.coupon-label {
    /* 147.059% */
    display: block;
    margin-bottom: 9px;
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    /* 147.059% */
}

.order-coupon-wrapper form.coupon-form {}

.order-coupon-wrapper form.coupon-form .inner {
    border-radius: 5px;
    border: 0.5px solid #1697EF;
    background: #FFF;
    display: flex;
    align-items: center;
    padding: 6px;
}

.order-coupon-wrapper form.coupon-form .inner button {
    margin: 0;
    white-space: nowrap;
    color: #293C8F;
    text-align: center;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 5px;
    background: #DBF1FF;
    height: 36px;
    min-height: unset;
}

.order-coupon-wrapper form.coupon-form .inner input {
    margin: 0;
    border: 0;
    box-shadow: none;
    padding-left: 17px;
    color: #333;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    height: 36px;
    /* 147.059% */
}

.order-coupon-wrapper form.coupon-form .inner input::placeholder {
    color: #333;
}

.checkout-title.order-discount {
    display: flex;
    justify-content: space-between;
    line-height: 25px;
    margin-bottom: 9px;
}

.order-gifts {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
}

.order-gifts .item {
    display: flex;
    gap: 17px;
}

.order-gifts .item svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-top: 2px;
}

.order-gifts .item span {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 147.059% */
}

.checkout-title.order-total {
    margin-top: 27px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkout-step-1-cta {
    color: #000;
    text-align: center;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.15px;
    text-transform: capitalize;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    padding-top: 20px;
    position: relative;
    margin-top: 28px;
}

.checkout-step-1-cta::before {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% + 48px);
    left: -24px;
    top: 0;
    background: #1697EF;
}

.checkout-step-1-cta a {
    font-weight: 600;
    color: #1697EF;
}

.checkout-step.step-1 {}

.checkout-step.step-1 .left-col {
    flex-basis: 43%;
    max-width: 43%;
}

.checkout-step.step-1 .right-col {
    flex-basis: 57%;
    max-width: 57%;
}

.checkout-step.step-1 .col {
    padding-left: 18px;
    padding-right: 18px;
}

.checkout-title.order-total div span {
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.checkout-title.order-discount div span {
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.checkout-title.order-discount>span {
    display: flex;
    gap: 5px;
    align-items: center;
}

.checkout-title.order-discount>span .coupon_code {
    color: #000;
}

.checkout-title.order-discount>span svg {
    width: 22px;
    height: 22px;
}

.checkout-title.order-discount>span>a {
    display: flex;
    align-items: center;
}



.page-template-page-checkout .woocommerce-message,
.woocommerce-message,
.page-template-page-checkout .woocommerce-error,
.woocommerce-message {
    display: none;
}


.checkout-note {
    margin: 17px 0 27px;
    border-radius: 10px;
    background: #F4FAFF;
    display: flex;
    gap: 13px;
    padding: 12px 20px;
}

.checkout-note .icon {
    width: 17px;
    height: 17px;
    background: #0086FF;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    margin-top: 3px;
}

.checkout-note .icon svg {}

.checkout-note div {
    color: #1697EF;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 147.059% */
}

.checkout-col-inner .user-account-form {}

.checkout-col-inner .user-account-form label {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    /* 147.059% */
}

.checkout-col-inner .user-account-form input {
    pointer-events: none;
    border-radius: 5px;
    border: 0.5px solid #E7E7E7;
    background: #FBFBFB;
    box-shadow: none;
    padding: 10px 17px;
    height: 46px;
    margin: 0;
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
}

.checkout-col-inner .user-account-form input.disabled {}

.checkout-col-inner .user-account-form .form-group {
    margin-bottom: 11px;
}

.checkout-col-inner .user-account-form .form-group:last-child {
    margin: 0;
}

.checkout-agree-conditions {
    margin-top: 40px;
    color: #000;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 147.059% */
    letter-spacing: -0.15px;
    text-transform: capitalize;
    margin-bottom: 16px;
}

.checkout-agree-conditions strong {
    color: #4D5756;
}

.checkout-agree-conditions a {
    color: #1697EF;
    font-weight: 700;
}

.btn-goto-step-2 .icon {
    background: #1697EF !important;
}

.btn-goto-step-2 {
    gap: 0 !important;
}

.custom-myaccount-wrapper .form-error-message {
    color: #ff4848;
    font-style: italic;
    font-size: 15px;
    margin-top: 10px;
}

.custom-checkout-form .payment-method-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 11px;
    margin-bottom: 28px;
}

.custom-checkout-form .payment-method-list .payment-method-item {
    border-radius: 7px;
    border: 1px solid #1697EF;
    background: #FFF;
    width: calc(50% - 6px);
    display: flex;
    align-items: center;
    padding: 13px 15px;
    gap: 9px;
    position: relative;
}

.custom-checkout-form .payment-method-list .payment-method-item .payment-method-icon {
    width: 45px;
    height: 45px;
}

.custom-checkout-form .payment-method-list .payment-method-item .payment-method-icon img {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    border: 1px solid #1697EF;
    min-width: 45px;
}

.custom-checkout-form .payment-method-list .payment-method-item .payment-method-name {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    /* 147.059% */
    padding-right: 41px;
}

.custom-checkout-form .payment-method-list .payment-method-item .cus-checkbox {
    width: 26px;
    height: 26px;
    min-width: 26px;
    border-radius: 100px;
    border: 1px solid #1697EF;
    background: #FFF;
    position: absolute;
    right: 15px;
}

.custom-checkout-form .payment-method-list .payment-method-item .cus-checkbox input {
    margin: 0;
    opacity: 0;
}

.custom-checkout-wrapper .checkout-step.step-2 {}

.custom-checkout-wrapper .checkout-step.step-2 .checkout-title {
    line-height: 31px;
}

.custom-checkout-form .payment-method-list .payment-method-item .cus-checkbox.checked {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M14.4163 4.9375L6.96842 12.3854L3.58301 9" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat #1697EF;
    background-position: center;
}

.custom-checkout-form .payment-method-details {}

.custom-checkout-form .payment-method-details .payment-method-details-inner {
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: #F4FAFF;
    padding: 20px 13px;
    margin-bottom: 30px;
    margin-top: 16px;
}

.custom-checkout-form .payment-method-details .payment-method-details-inner .payment-method-left {}

.custom-checkout-form .payment-method-details .payment-method-details-inner .payment-method-left img {}

.custom-checkout-form .payment-method-details .payment-method-details-inner .payment-method-right {}

.custom-checkout-form .payment-method-details .payment-method-details-inner .payment-method-right ul {
    margin: 0;
    padding-left: 30px;
}

.custom-checkout-form .payment-method-details .payment-method-details-inner .payment-method-right ul li {
    margin: 0;
    color: #000;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.custom-checkout-wrapper .checkout-user-detail {
    margin-top: 19px;
    margin-bottom: 30px;
}

.custom-checkout-wrapper .checkout-user-detail .user-info-inner {
    display: flex;
    align-items: center;
    gap: 18px;
}

.custom-checkout-wrapper .checkout-user-detail .user-info-inner .user-avatar {
    padding-top: 71px;
    position: relative;
    width: 71px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #1697EF;
}

.custom-checkout-wrapper .checkout-user-detail .user-info-inner .user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.custom-checkout-wrapper .checkout-user-detail .user-info-inner .user-details {}

.custom-checkout-wrapper .checkout-user-detail .user-info-inner .user-details .user-name {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    /* 147.059% */
}

.custom-checkout-wrapper .checkout-user-detail .user-info-inner .user-details .user-phone {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    /* 147.059% */
    margin-top: 4px;
}

a.custom-el-item-button.btn-goto-step-1 {
    padding-left: 0;
    padding-right: 25px;
}

a.custom-el-item-button.btn-goto-step-1 .icon {
    transform: rotate(180deg);
}

.kttd-page-wrapper {
    padding-top: 60px;
}

.kttd-page-wrapper .custom_section_title {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.kttd-page-wrapper .step-1 {
    padding: 90px 0;
    text-align: center;
}

.kttd-page-wrapper .step-1 h3 {
    color: #000;
    text-align: center;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 49.5px;
    /* 110% */
    text-transform: capitalize;
    margin: 0;
}

.kttd-page-wrapper .step-1 p {
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 30px 0;
}

.kttd-page-wrapper .step-1 img {
    width: 752px;
    max-width: 100%;
    margin-bottom: 33px;
}

.kttd-page-wrapper .step-1 a.custom-el-item-button span {
    width: 413px;
}

.kttd-page-wrapper .step-2 {
    padding-top: 38px;
    padding-bottom: 60px;
}

.kttd-page-wrapper .step-2 .col>img {
    margin-bottom: 10px;
}

.kttd-page-wrapper .step-2 h3 {
    color: #0E2A46;
    text-align: center;
    font-family: Alexandria;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 100px;
    /* 110% */
}

.kttd-page-wrapper .step-2 .test-age-groups {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-bottom: 40px;
}

.kttd-page-wrapper .step-2 .test-age-groups .item {
    width: 312px;
    border: 1px solid #DBF1FF;
    margin: 0;
    padding: 24px 0;
    position: relative;
    cursor: pointer;
}

.kttd-page-wrapper .step-2 .test-age-groups .item.active {
    border: 1px solid #1697EF;
}

.kttd-page-wrapper .step-2 .test-age-groups .item img {
    margin-bottom: 17px;
}

.kttd-page-wrapper .step-2 .test-age-groups .item .age-name {
    color: #0E2A46;
    font-family: Alexandria;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 24.2px;
}

.kttd-page-wrapper .step-2 a.custom-el-item-button span {
    width: 240px;
}

.kttd-page-wrapper .step-2 .test-age-groups .item svg {
    position: absolute;
    right: 12px;
    top: 14px;
    opacity: 0;
    visibility: hidden;
}

.kttd-page-wrapper .step-2 .test-age-groups .item.active svg {
    opacity: 1;
    visibility: visible;
}

.kttd-page-wrapper .step-3 {
    padding-top: 50px;
    padding-bottom: 60px;
}

.kttd-page-wrapper .step-3 form {
    margin: 14px auto 50px;
    width: 879px;
    max-width: 100%;
}

.kttd-page-wrapper .step-3 form .form-group {
    margin-bottom: 30px;
}

.kttd-page-wrapper .step-3 form .input-error {
    display: none;
    color: #ff4848;
    font-style: italic;
    font-size: 15px;
    text-align: left;
}

.kttd-page-wrapper .step-3 form .input-error.active {
    display: block;
}

.kttd-page-wrapper .step-3 form label {
    display: none;
}

.kttd-page-wrapper .step-3 form input, .kttd-page-wrapper .step-3 form select {
    padding: 0 20px;
    height: 70px;
    box-shadow: none;
    border-radius: 10px;
    border: 1px solid #DBF1FF;
    color: #0E2A46;
    font-family: Roboto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

.kttd-page-wrapper .step-3 form input::placeholder {
    color: #0E2A46;
}

.kttd-page-wrapper .step-3 form select {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><mask id="mask0_213_13325" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="4" width="22" height="14"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.861214 4.99709C1.39817 4.44522 2.26875 4.44522 2.80571 4.99709L10.9999 13.419L19.1941 4.99709C19.7311 4.44522 20.6017 4.44522 21.1386 4.99709C21.6756 5.54897 21.6756 6.44374 21.1386 6.99562L10.9999 17.416L0.861215 6.99562C0.324256 6.44374 0.324256 5.54897 0.861214 4.99709Z" fill="%23006FFD"/></mask><g mask="url(%23mask0_213_13325)"><rect x="-0.00146484" y="22" width="21.9991" height="21.9995" transform="rotate(-90 -0.00146484 22)" fill="%23006FFD"/></g></svg>') no-repeat;
    background-position: right 30px center;
}

.kttd-page-wrapper .user-test-topbar {
    background: #E8EEFF;
    height: 114px;
}

.kttd-page-wrapper .user-test-topbar .col {
    display: flex;
}

.kttd-page-wrapper .user-test-topbar span.test-user-welcome-text {
    color: #292664;
    text-align: center;
    font-family: Alexandria;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 49.5px;
    /* 165% */
    text-transform: capitalize;
    height: 114px;
    display: flex;
    align-items: center;
    padding-top: 26px;
    margin-left: 2px;
}

.kttd-page-wrapper .user-test-topbar span.test-user-welcome-text span {
    margin-left: 10px;
}

.kttd-page-wrapper .user-test-topbar img {
    width: 256px;
    margin-top: 37px;
}

.kttd-page-wrapper .step-4 {
    padding-bottom: 136px;
}

.kttd-page-wrapper .step-4 .step-content {
    margin-top: 140px;
}

.kttd-page-wrapper .step-4 .test-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.kttd-page-wrapper .step-4 .test-header .test-name {
    display: flex;
    align-items: center;
    gap: 20px;
}

.kttd-page-wrapper .step-4 .test-header .test-name .icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background: #52B9FF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kttd-page-wrapper .step-4 .test-header .test-name span {
    color: #292664;
    text-align: center;
    font-family: Alexandria;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 49.5px;
    /* 165% */
    text-transform: capitalize;
}

.kttd-page-wrapper .step-4 .test-header .test-time-remain {
    display: flex;
    align-items: center;
    color: #292664;
    text-align: center;
    font-family: Alexandria;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 49.5px;
    /* 141.429% */
    text-transform: capitalize;
    gap: 12px;
}

.kttd-page-wrapper .step-4 .test-header .test-time-remain .countdown {
    display: flex;
    gap: 0px;
}

.kttd-page-wrapper .step-4 .test-header .test-time-remain .countdown span {
    width: 52px;
}

.kttd-page-wrapper .step-4 .test-questions {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 30px;
}

.kttd-page-wrapper .step-4 .test-questions:last-child {
    margin-bottom: 0;
}

.test-complete-message {
    color: #000;
    font-size: 18px;
    margin: 20px 0;
}

.kttd-page-wrapper .step-4 .test-questions .question {
    text-align: left;
    border-radius: 8px;
    background: #F4FAFF;
    padding: 20px 50px 30px;
}

.kttd-page-wrapper .step-4 .test-questions .question .ques-num-sub {
    color: #292664;
    font-family: Alexandria;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 49.5px;
    text-transform: capitalize;
}

.kttd-page-wrapper .step-4 .test-questions .question.question-block-title {
    padding: 20px 50px;
}

.kttd-page-wrapper .step-4 .test-questions .question .ques-num {
    color: #292664;
    font-family: Alexandria;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 49.5px;
    /* 165% */
    text-transform: capitalize;
    margin-bottom: 26px;
}

.kttd-page-wrapper .step-4 .test-questions .question .question-content {
    color: #000;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    /* 175% */
    text-transform: capitalize;
    margin-bottom: 14px;
}

.kttd-page-wrapper .step-4 .test-questions .question .answers {}

.kttd-page-wrapper .step-4 .test-questions .question .answers .item {
    display: flex;
    align-items: center;
    gap: 35px;
}

.kttd-page-wrapper .step-4 .test-questions .question .answers .item input {
    margin: 0;
    width: 16px;
    height: 16px;
}

.kttd-page-wrapper .step-4 .test-questions .question .answers .item label {
    color: #000;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 39px;
    /* 195% */
    text-transform: capitalize;
    margin: 0;
    width: 100%;
}

.kttd-page-wrapper .step-4 .test-content {
    margin-bottom: 32px;
}

.kttd-page-wrapper .step-3 a.custom-el-item-button span {
    width: 413px;
}

.pmc-sec-2.refer-page-sec-1 .pmc-sec-2-title::before {
    display: none;
}

.pmc-sec-2.refer-page-sec-1 {
    background: #F4FAFF;
    padding: 70px 0 40px;
}

.refer-page-sec-2 {
    padding: 100px 0 70px;
}

.refer-page-sec-2 .title {
    color: #293C8F;
    font-family: Alexandria;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    text-transform: capitalize;
    margin: 13px 0;
}

.refer-page-sec-1 ul {
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.refer-page-sec-1 ul li {
    margin: 0;
    color: #191659;
    font-family: 'Roboto';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
    background: url('data:image/svg+xml,<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.79688 15.1484L0.273438 8.66406C0.0911458 8.48177 0 8.2474 0 7.96094C0 7.67448 0.0911458 7.4401 0.273438 7.25781L1.71875 5.85156C1.90104 5.64323 2.1224 5.53906 2.38281 5.53906C2.66927 5.53906 2.91667 5.64323 3.125 5.85156L7.5 10.2266L16.875 0.851562C17.0833 0.643229 17.3177 0.539062 17.5781 0.539062C17.8646 0.539062 18.099 0.643229 18.2812 0.851562L19.7266 2.25781C19.9089 2.4401 20 2.67448 20 2.96094C20 3.2474 19.9089 3.48177 19.7266 3.66406L8.20312 15.1484C8.02083 15.3568 7.78646 15.4609 7.5 15.4609C7.21354 15.4609 6.97917 15.3568 6.79688 15.1484Z" fill="%23FE543D"/></svg>') no-repeat;
    background-position: 0 6px;
    padding-left: 42px;
}

.pmc-sec-2.refer-page-sec-1 .title {
    margin-bottom: 30px;
}

.refer-page-sec-2 p {
    color: #191659;
    font-family: 'Roboto';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 125% */
    text-transform: capitalize;
}

.refer-page-sec-2 img {
    border-radius: 10px;
}

.pmc-sec-2.refer-page-sec-3 {
    padding: 80px 0 50px;
    background: #F4FAFF;
}

.refer-page-sec-3 h3 {
    color: #293C8F;
    font-family: 'Alexandria';
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.5px;
    /* 130% */
    text-transform: capitalize;
}

.refer-friend-form {}

.refer-friend-form .form-row {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 100%;
}

.refer-friend-form label {
    color: #293C8F;
    font-family: 'Roboto';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 11px;
    margin-top: 20px;
}

.refer-friend-form input[type="text"],
.refer-friend-form input[type="email"] {
    border-radius: 10px;
    border: 0.5px solid #1697EF;
    background: #FFF;
    padding: 0 20px;
    height: 50px;
    color: #000;
    font-size: 18px;
}

.refer-friend-form .form-group {
    display: flex;
    gap: 13px;
}

.refer-friend-form input[type="checkbox"] {}

.refer-friend-form .submit-button {
    margin: 0;
    border-radius: 60px;
    background: #1697EF;
    width: 100%;
    margin-top: 24px;
    color: #FFF;
    text-align: center;
    font-family: Alexandria;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    /* 327.778% */
    text-transform: capitalize;
}

.refer-friend-form label span.require {
    color: red;
}

.refer-friend-form input::placeholder {
    color: #000;
}

.refer-friend-form .form-group input {}

.refer-friend-form .form-row .form-col {
    align-self: stretch;
    width: 50%;
}

.refer-friend-form .checkbox-input {
    display: flex;
    gap: 16px;
    align-items: start;
    margin-top: 21px;
}

.refer-friend-form .checkbox-input input {
    margin: 0;
    opacity: 0;
}

.refer-friend-form .checkbox-input .input-control {
    margin: 3px 0 0;
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 5px;
    border: 1px solid #1697EF;
    background: #FFF;
}

.refer-friend-form .checkbox-input span {
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 164.706% */
    padding-right: 10px;
}


.blog-page-wrapper {
    padding: 110px 0 80px;
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
}

.blog-page-wrapper .hp-news {
    background: none;
    padding: 0;
}

.blog-page-wrapper .hp-news .news-item {
    background: #ededed;
}

.blog-page-wrapper .hp-news .news-item .news-date svg path {
    fill: #EF4637;
}

a.custom-el-item-button.light-orange {
    background: #FFEBE2;
    color: #EF4637;
}

a.custom-el-item-button.light-orange .icon {
    background: #FFE3DB;
}

a.custom-el-item-button.light-orange .icon svg path {
    stroke: #EF4637;
}

.single-post .page-header-inner .col-inner::before {
    left: 30px;
    bottom: 30px;
}

.single-post .page-header-inner .col-inner::after {
    right: 30px;
    bottom: 30px;
}

.single-post-wrapper {
    padding: 110px 0;
}

.single-post-wrapper .post-meta {
    color: #888;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 200% */
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 30px 0 25px;
}

.single-post-wrapper h2.post-title {
    color: #202124;
    font-family: 'Roboto';
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 46.8px;
    /* 130% */
    margin-bottom: 20px;
}

.single-post-wrapper .post-content {
    color: #333931;
    font-family: 'Roboto';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
}

.single-post-wrapper .post-thumbnail img {
    border-radius: 5px;
}

.single-post-sidebar {
    padding-left: 40px;
}

.single-post-sidebar .search-block {}

.single-post-sidebar .search-block form {
    margin: 0;
    display: flex;
    border-radius: 5px;
    border: 1px solid #E2E1E1;
    align-items: center;
    height: 60px;
    padding: 0 30px;
}

.single-post-sidebar .search-block form input {
    margin: 0;
    color: #4D5756;
    font-family: 'Roboto';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.single-post-sidebar .search-block form button {
    margin: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    min-height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-post-sidebar .search-block form input::placeholder {
    color: #4D5756;
}

.single-post-sidebar .recent-posts-block {}

.single-post-sidebar .recent-posts-block h3 {
    color: #0E2A46;
    font-family: 'Roboto';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 66.667% */
    text-transform: uppercase;
    padding-bottom: 40px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E2E1E1;
    margin-top: 40px;
}

.single-post-sidebar ul.recent-posts-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.single-post-sidebar ul.recent-posts-list li {
    margin: 0;
    display: flex;
    gap: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E2E1E1;
}

.single-post-sidebar ul.recent-posts-list .recent-post-thumbnail {
    width: 90px;
}

.single-post-sidebar ul.recent-posts-list .recent-post-thumbnail a {}

.single-post-sidebar ul.recent-posts-list .recent-post-thumbnail a img {}

.single-post-sidebar ul.recent-posts-list .recent-post-info {
    width: calc(100% - 90px - 30px);
}

.single-post-sidebar ul.recent-posts-list .recent-post-info span.recent-post-date {
    color: #333931;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    gap: 5px;
    margin-bottom: 5px;
}

.single-post-sidebar ul.recent-posts-list .recent-post-info a.recent-post-title {
    display: block;
    color: #0E2A46;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    /* 153.333% */
}

.contact-page-wrapper {
    padding: 60px 0 70px;
}

.contact-page-wrapper .row {}

.contact-page-wrapper .col {}

.contact-page-wrapper .col-inner {}

.contact-page-wrapper .contact-block {
    background: #F2F2F2;
    padding: 70px;
    display: flex;
    gap: 96px;
}

.contact-page-wrapper .contact-block .left {}

.contact-page-wrapper .contact-block .left h3 {
    color: #0E2A46;
    font-family: Alexandria;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    /* 110% */
    margin-bottom: 23px;
}

.contact-page-wrapper .contact-block .left p {
    color: #333931;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 32.3px;
    /* 190% */
    margin-bottom: 36px;
}

.contact-page-wrapper .contact-block .left .contact-details {
    background: #FFF;
    padding: 60px 38px 45px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.contact-page-wrapper .contact-block .left .contact-details .item {
    display: flex;
    gap: 20px;
}

.contact-page-wrapper .contact-block .left .contact-details .item .icon {
    width: 54px;
    height: 54px;
    border-radius: 27px;
    background: rgba(252, 99, 65, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
}

.contact-page-wrapper .contact-block .left .contact-details .item .info {}

.contact-page-wrapper .contact-block .left .contact-details .item .info span {
    color: #4D5756;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
    text-transform: capitalize;
    display: block;
}

.contact-page-wrapper .contact-block .left .contact-details .item .info a {
    color: #0E2A46;
    font-family: Roboto;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 152.381% */
    display: block;
}

.contact-page-wrapper .contact-block .left .contact-socials {
    display: flex;
    justify-content: end;
    padding-top: 55px;
    padding-right: 60px;
    gap: 7px;
}

.contact-page-wrapper .contact-block .left .contact-socials a {
    border-radius: 17.5px;
    background: #FFF;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-page-wrapper .contact-block .left .contact-socials a.fb {}

.contact-page-wrapper .contact-block .left .contact-socials a.insta {}

.contact-page-wrapper .contact-block .left .contact-socials a.pin {}

.contact-page-wrapper .contact-block .left .contact-socials a.tw {}

.contact-page-wrapper .contact-block .right {}

.contact-page-wrapper .contact-block .right .wpcf7 {}

.contact-page-wrapper .contact-block .right .wpcf7 .screen-reader-response {}

.contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form {
    width: 470px;
    margin: 0;
}

.contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form div {}

.contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form div p {}

.contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form div p label {
    color: #0E2A46;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
    margin-bottom: 5px;
}

.contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form div p [type="text"] {
    color: #4D5756;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 58px;
    border: 0;
    box-shadow: none;
    margin-bottom: 5px;
}

.contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form div p [type="email"] {
    color: #4D5756;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 58px;
    border: 0;
    box-shadow: none;
}

.contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form div p [type="tel"] {
    color: #4D5756;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 58px;
    border: 0;
    box-shadow: none;
}

.contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form div p textarea {
    color: #4D5756;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 0;
    box-shadow: none;
    margin-bottom: 40px;
}

.contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form .form-action {}

.contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form .form-action input {
    margin: 0;
    border-radius: 50px;
    background: #EF4637;
    height: 56px;
    padding: 0 35px;
    width: 193px;
}

.contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form .form-action .wpcf7-spinner {
    display: none;
}

.contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-response-output {
    margin-bottom: 0;
}

.contact-page-map {}

.contact-page-map iframe {
    width: 100%;
    height: 620px;
}

/* New Home Page */
.new_hp_sec1_banner {
    position: relative;
}

.new_hp_sec1_banner img.new_hp_sec1__bg {
    width: 100%;
}

.new_hp_sec1_banner_info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.new_hp_sec1_banner_info {
    padding-top: 43px;
}

.new_hp_sec1__text_block {
    display: flex;
    gap: 70px;
    margin-top: 66px;
}

.new_hp_sec1__text_block_1 {}

.new_hp_sec1__text_block_2 {}

.new_hp_sec1__text_block_1 .txt {
    color: #F9F9FF;
    font-family: Alexandria;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    /* 120% */
    text-transform: uppercase;
}

.new_hp_sec1__text_block_2 ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.new_hp_sec1__text_block_2 ul li {
    margin: 0;
    display: flex;
    align-items: center;
    color: #F9F9FF;
    font-family: Alexandria;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
    gap: 8px;
}

.new_hp_sec1_form {
    position: absolute;
    bottom: -53px;
    z-index: 2;
    left: 0;
    width: 100%;
}

.new-hp-sec1 {
    position: relative;
}

form.new_hp_sec1__form {
    margin: 0;
    border-radius: 6px;
    background: rgba(254, 254, 254, 0.90);
    box-shadow: 0px 4px 12px 0px rgba(45, 43, 102, 0.08);
    backdrop-filter: blur(17px);
    padding: 40px;
}

.new_hp_sec1__form__inner {

    display: flex;
    gap: 12px;
    align-items: end;
}

form.new_hp_sec1__form h3 {
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

label.new_hp_sec1__form-label {
    color: var(--Primary-color, #292664);
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 166.667% */
    text-transform: uppercase;
    margin-bottom: 4px;
    display: block;
}

.new_hp_sec1__form-select {
    border-radius: 4px;
    border: 1px solid #AAA9B6;
    margin: 0;
    color: #221F5D;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 200% */
    height: 44px;
    padding-left: 12px;
    background: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.375 1.42188L5.89844 5.71094C5.75781 5.82812 5.61719 5.875 5.5 5.875C5.35938 5.875 5.21875 5.82812 5.10156 5.73438L0.601562 1.42188C0.367188 1.21094 0.367188 0.835938 0.578125 0.625C0.789062 0.390625 1.16406 0.390625 1.375 0.601562L5.5 4.53906L9.60156 0.601562C9.8125 0.390625 10.1875 0.390625 10.3984 0.625C10.6094 0.835938 10.6094 1.21094 10.375 1.42188Z" fill="%23100E3E"/></svg>') no-repeat #fff;
    background-position: right 12px center;
}

.new_hp_sec1__form-group {}

.new_hp_sec1__form-select#program {
    width: 240px;
}

.new_hp_sec1__form-select#course {
    width: 700px;
}

button.new_hp_sec1__form-btn {
    margin: 0;
    height: 44px;
    border-radius: 4px;
    background: var(--Secondary-color, #FF8F03);
    box-shadow: -2px 4px 4px 0px rgba(6, 4, 48, 0.08);
    color: #FFF;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
    text-transform: uppercase;
    width: 100%;
}

.new-hp-sec2 {
    padding-top: 173px;
    padding-bottom: 128px;
}

.custom_section_title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}

.custom_section_title__highlight {
    color: var(--Neutral, #FEFEFE);
    text-align: center;
    font-family: Alexandria;
    font-size: 38px;
    font-style: normal;
    font-weight: 800;
    line-height: 50px;
    /* 126.316% */
    text-transform: uppercase;
    background: var(--Secondary-color, #FF8F03);
    padding: 8px 6px 0;
    border-radius: 6px;
}

.custom_section_title__normal {
    color: var(--Primary-color, #292664);
    text-align: center;
    font-family: Alexandria;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    /* 120% */
    text-transform: uppercase;
}

.new_hp_sec2_list {
    display: flex;
    gap: 40px;
    margin-top: 60px;
}

.new_hp_sec2_item.ielts {}

.new_hp_sec2_item__icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-bottom: 24px;
}

.new_hp_sec2_item__icon svg {}

.new_hp_sec2_item__title {
    color: #292664;
    font-family: Alexandria;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 114.286% */
    text-transform: uppercase;
    margin-bottom: 16px;
}

.new_hp_sec2_list>div ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 56px;
}

.new_hp_sec2_list>div ul li, .new_hp_sec2_list>div ul li a {
    margin: 0;
    list-style: none;
    color: #292664;

    /* body */
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.new_hp_sec2_list>div {
    width: 33.3333%;
    border-radius: 4px;
    border: 1px solid #CFCCFF;
    box-shadow: 0px 4px 12px 0px rgba(45, 43, 102, 0.16);
    padding: 32px;
    position: relative;
    transition: all .3s;
}

.new_hp_sec2_item.tesol {}

.new_hp_sec2_item.tesol .new_hp_sec2_item__icon {
    background: #E5F1FD;
}

.new_hp_sec2_item.cambridge {}

.new_hp_sec2_item.cambridge .new_hp_sec2_item__icon {
    background: #DFDDFD;
}

.new_hp_sec2_item.ielts .new_hp_sec2_item__icon {
    background: #FFECD4;
}

a.new_hp_sec2_item__link {
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: absolute;
    bottom: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.new_hp_sec2_item.ielts:hover {
    border-color: #FADEBB;
}

.new_hp_sec2_item.cambridge:hover {
    border-color: #292664;
}

.new_hp_sec2_item.tesol:hover {
    border-color: #0483FE;
}

.new_hp_sec3 {
    background: linear-gradient(72deg, #292664 0.47%, #413CA7 87.15%, #FF8F03 141.42%);
    padding-top: 113px;
    padding-bottom: 120px;
}

.new_hp_sec3__title {}

.new_hp_sec3__title .top {
    display: flex;
    align-items: center;
    gap: 8px;
}

.new_hp_sec3__title .top span:first-child {
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    /* 120% */
    text-transform: uppercase;
    padding-top: 3px;
}

.new_hp_sec3__title .top span.highlight {
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 38px;
    font-style: normal;
    font-weight: 800;
    /* 126.316% */
    text-transform: uppercase;
    background: var(--Secondary-color, #FF8F03);
    padding: 0 6px;
    height: 56px;
    line-height: 59px;
    border-radius: 6px;
}

.new_hp_sec3__title .bot {
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    /* 120% */
    text-transform: uppercase;
}

.new_hp_sec3__quote-text {
    margin-top: 24px;
    /* 120% */
    color: #F9F9FF;
    font-family: Alexandria;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
    margin-bottom: 24px;
    padding-right: 30px;
}

a.new_hp_sec3__quote-link {
    color: #FF8F03;
    font-family: Alexandria;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
    display: flex;
    align-items: center;
    gap: 8px;
}

.new_hp_sec3__quote-block-bottom {
    margin-top: 84px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.new_hp_sec3__quote-message {}

.new_hp_sec3__quote-message span {
    color: #7F9EE2;
    font-family: Alexandria;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    /* 170% */
}

.new_hp_sec3__quote-list {
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}

.new_hp_sec3__right__content {
    border-radius: 0px 0px 10px 10px;
    background: #FFF;
    padding: 40px;
}

.new_hp_sec3__right__content ul.multi-sense-method__list {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.new_hp_sec3__right__content ul.multi-sense-method__list li {
    margin: 0;
    display: flex;
    gap: 8px;
    align-items: center;
    width: calc(50% - 5px);
}

.new_hp_sec3__right__content .multi-sense-method__title {
    color: #292664;
    font-family: Alexandria;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 133.333% */
    margin-bottom: 20px;
}

.new_hp_sec3__right {}

.new_hp_sec3__right img {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

.custom_section_subtitle {
    color: var(--Primary-color, #292664);
    text-align: center;
    font-family: Alexandria;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
}

.new_hp_sec4 {}

.new_hp_sec4 .custom_section_subtitle {
    width: 670px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
}

.new_hp_sec4 {
    padding: 120px 0;
}

.new_hp_sec4 .students_slick_list {
    margin-top: 60px;
}

.new_hp_sec4 .students_slick_item {
    padding: 0 10px;
    box-sizing: border-box;
    /* height: 400px; */
    position: relative;
    width: 374px;
    transition: all 0.3s ease;
}

.new_hp_sec4 .students_slick_item:not(.slick-center) .item_main_image_outer {
    transform: scale(.8);
}

.new_hp_sec4 .students_slick_item:not(.slick-center):nth-child(-n+2) .item_main_image_outer {
    transform-origin: right top;
}

/* Item ngay bên trái của slick-center */
.new_hp_sec4 .students_slick_item:has(+ .slick-center) .item_main_image_outer {
    transform: scale(.8) translateX(90px);
    transform-origin: right top;
}

/* Item thứ 2 bên trái của slick-center */
.new_hp_sec4 .students_slick_item:has(+ .students_slick_item + .slick-center) .item_main_image_outer {
    transform-origin: right top;
}

.new_hp_sec4 .students_slick_item:not(.slick-center):nth-child(n+4) .item_main_image_outer {
    transform-origin: left top;
    margin-top: 55px;
}

/* Item thứ 2 bên phải của slick-center */
.new_hp_sec4 .slick-center+.students_slick_item+.students_slick_item .item_main_image_outer {
    transform: scale(.8) translateX(-80px);
    margin-top: 24px;
}

/* Item thứ 2 bên trái của slick-center */
.new_hp_sec4 .students_slick_item:nth-child(n+1):has(+ .students_slick_item + .slick-center) .item_main_image_outer {
    transform: scale(.8) translateX(170px);
    margin-top: 24px;
}



.new_hp_sec4 .students_slick_item.slick-center {
    width: 374px;
    transform: scale(1);
}

.new_hp_sec4 .students_slick_item img {
    width: 100%;
    height: 370px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 8px 32px 0 rgba(44, 62, 80, 0.12);
    background: #fff;
    display: block;
    transition: opacity 0.3s ease;
}

.new_hp_sec4 .item_main_image_outer {
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    box-shadow: 1px 6px 8px 0px rgba(41, 38, 100, 0.12);
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    width: calc(100% - 20px);
}

.new_hp_sec4 .item_main_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    transition: opacity 0.3s ease;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

.new_hp_sec4 .testimonial-card {
    /* position: absolute;
				top: 0;
				left: 20px;
				right: 20px; */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 10;
}

.new_hp_sec4 .students_slick_item.slick-center .testimonial-card {
    opacity: 1;
    visibility: visible;
}

.new_hp_sec4 .students_slick_item.slick-center .item_main_image_outer {
    display: none;
}

.new_hp_sec4 .testimonial-content {
    background: linear-gradient(135deg, #5e4db8 0%, #8b7ed8 100%);
    color: white;
    padding: 60px 20px;

    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    background: linear-gradient(69deg, #292664 0%, #413CA7 83.01%, #FF8F03 134.99%);
    box-shadow: 1px 6px 8px 0px rgba(41, 38, 100, 0.12);
}

.new_hp_sec4 .score-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
    border-radius: 10px;
    background: #FFF1E0;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Secondary-color, #FF8F03);
    font-family: Alexandria;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.new_hp_sec4 .score-badge span {
    color: var(--Secondary-color, #FF8F03);
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.new_hp_sec4 .quote-icon {
    margin-bottom: 40px;
}

.new_hp_sec4 .testimonial-text {
    margin: 0 0 20px 0;
    flex: 1;
    color: var(--Neutral, #FEFEFE);
    text-align: center;
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.new_hp_sec4 .student-info {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-direction: column;
}

.new_hp_sec4 .student-avatar {
    width: 72px !important;
    height: 72px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

.new_hp_sec4 .student-info .student-details {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.new_hp_sec4 .student-details h4 {
    color: var(--Neutral, #FEFEFE);
    text-align: center;
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 125% */
    margin-bottom: 0;
}

.new_hp_sec4 .student-details p {
    color: var(--Neutral, #FEFEFE);
    text-align: center;
    font-family: Alexandria;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    /* 142.857% */
    margin-bottom: 0;
}

.new_hp_sec4 .slick-dots {
    display: flex !important;
    justify-content: center;
    gap: 10px;
    margin-top: 40px;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}

.new_hp_sec4 .slick-dots li {
    width: 12px;
    height: 12px;
    display: flex;
}

.new_hp_sec4 .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background: #B6B3F8;
    font-size: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.new_hp_sec4 .slick-dots li.slick-active button {
    background: #3E3B8C;
}

/* Programs Page */
.programs_page_sec1 {
    position: relative;
}

.programs_page_sec1 .new_hp_sec1__text_block {
    margin-top: 0;
}

.programs_page_sec1 .new_hp_sec1_banner_info {
    padding-top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
}

.programs_page_sec1 .txt.highlight {
    background: var(--Secondary-color, #FF8F03);
    display: inline-block;
    padding: 0 6px;
    margin: 10px 0;
    border-radius: 6px;
}

.programs_page_sec1 .new_hp_sec1__text_block_2 {
    display: flex;
    align-items: center;
}

.programs_page_sec1 .new-hp-sec1 {
    position: relative;
    z-index: 2;
}

.programs_page_sec1 .new_hp_sec1_banner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(73deg, rgba(45, 43, 102, 0.40) -2.73%, rgba(45, 43, 102, 0.40) 91.4%, rgba(255, 143, 3, 0.40) 120.9%);
    mix-blend-mode: multiply;
    z-index: 1;
}

.programs_page_sec2 .programs_page_sec2_title {
    text-align: center;
    margin-bottom: 60px;
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px;
    text-transform: uppercase;
}

.programs_page_sec2 .programs_page_sec2_title-line1 {}

.programs_page_sec2 .programs_page_sec2_highlight {
    color: var(--Neutral, #FEFEFE);
    text-align: center;
    font-family: Alexandria;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 58px;
    /* 145% */
    text-transform: uppercase;
    background: var(--Secondary-color, #FF8F03);
    padding: 5px 7px;
    border-radius: 6px;
}

.programs_page_sec2 .programs_page_sec2_title-line2 {}

.programs_page_sec2 .programs_page_sec2_course-tabs {
    margin-top: 24px;
}

.programs_page_sec2 .programs_page_sec2_tab-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
}

.programs_page_sec2 .programs_page_sec2_tab-nav li {
    padding: 0 20px;
    cursor: pointer;
    transition: 0.3s;
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    /* 142.857% */
    border-radius: 40px;
    border: 1px solid #F5D4AA;
    background: rgba(253, 246, 236, 0.12);
}

.programs_page_sec2 .programs_page_sec2_tab-nav li:hover {
    background: #FFF8EE;
}

.programs_page_sec2 .programs_page_sec2_tab-nav li.active {
    /* background: #FFF8EE; */
    background: #FF8F03;
    color: #FFF;
}

.programs_page_sec2 .programs_page_sec2_tab-panels {
    display: block;
}

.programs_page_sec2 .programs_page_sec2_tab-panel {
    display: none;
}

.programs_page_sec2 .programs_page_sec2_tab-panel.active {
    display: block;
}

.programs_page_sec2 .programs_page_sec2_course-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.programs_page_sec2 .programs_page_sec2_course-item {
    padding: 24px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    border: 1px solid var(--Stroke, #DCDCF5);
    background: var(--Neutral, #FEFEFE);
    width: calc(33.3333% - 14px);
}

.programs_page_sec2 .programs_page_sec2_course-name {
    margin-bottom: 16px;
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 160% */
    display: flex;
    align-items: center;
    gap: 8px;
}

.programs_page_sec2 .programs_page_sec2_course-name .arrow {
    font-weight: normal;
}

.programs_page_sec2 .programs_page_sec2_course-desc {
    margin-bottom: 12px;
    overflow: hidden;
    color: var(--text-secondary, #7F7D9F);
    text-overflow: ellipsis;

    /* body */
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    margin-bottom: 12px;
}

.programs_page_sec2 .programs_page_sec2_course-item:hover .programs_page_sec2_course-desc {
    color: #fff;
}

.programs_page_sec2 .programs_page_sec2_course-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    color: #333;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.programs_page_sec2 .programs_page_sec2_course-meta li {
    margin-bottom: 4px;
    display: flex;
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    gap: 6px;
    align-items: center;
    margin: 0;
}

.programs_page_sec2 .programs_page_sec2_course-meta .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.programs_page_sec2 {
    padding-top: 120px;
    padding-bottom: 90px;
}

.programs_page_sec2 .programs_page_sec2_course-item {
    transition: all .4s;
}

.programs_page_sec2 .programs_page_sec2_course-item:hover {
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
    background: #292664;
}

.programs_page_sec2 .programs_page_sec2_course-item:hover h4 {
    color: #fff;
}

.programs_page_sec2 .programs_page_sec2_course-item:hover p.programs_page_sec2_course-desc {
    color: #fff;
}

.programs_page_sec2 .programs_page_sec2_course-item:hover li {
    color: #fff;
}

.programs_page_sec2 .programs_page_sec2_course-item:hover li svg path {
    fill: #fff;
}

.programs_page_sec2 .programs_page_sec2_course-item:hover h4 svg path {
    fill: #fff;
}

.programs_page_sec3 .custom_section_title.student-feedback-title {
    margin-bottom: 13px;
}

.programs_page_sec3 {
    background: #F4F4F8;
}

.programs_page_sec3 .students_slick_list {
    margin-top: 47px;
}

.programs_page_sec4 .accordion {
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #DCDCF5;
    padding: 16px;
}

.programs_page_sec4 .accordion-item {
    border-bottom: 1px solid #e0e0f0;
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: 10px;
    overflow: hidden;
}

.programs_page_sec4 .accordion-item:first-child {
    border-top: none;
}

.programs_page_sec4 .accordion-header {
    background-color: white;
    width: 100%;
    text-align: left;
    padding: 16px;
    cursor: pointer;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0 !important;
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 162.5% */
    text-transform: none;
}

.programs_page_sec4 .accordion-item.active .accordion-header {
    color: white;
    background: var(--Primary-color, #292664);
}

.programs_page_sec4 .accordion-icon {
    transition: transform 0.3s ease;
}

.programs_page_sec4 .accordion-item.active .accordion-icon {
    transform: rotate(180deg);
}

.programs_page_sec4 .accordion-content {
    display: none;
    animation: fadeIn 0.3s ease-in-out;
    color: var(--Primary-color, #292664);

    /* body */
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    padding: 16px;
}

.programs_page_sec4 .accordion-item.active .accordion-content {
    display: block;
}

.programs_page_sec4 .accordion-content p {}

.programs_page_sec4 .accordion-content ul {
    padding-left: 20px;
    color: #333;
    margin: 0;
}

.programs_page_sec4 .accordion-content ul li {
    list-style-type: disc;
    color: var(--Primary-color, #292664);

    /* body */
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.programs_page_sec4 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.programs_page_sec4 .custom_section_title {
    margin-bottom: 60px;
}

.programs_page_sec4 .accordion-item.active .accordion-icon svg path {
    fill: #fff;
}

.breadcrumb-row {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    margin: auto;
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.breadcrumb-row a {
    color: var(--Secondary-color, #FF8F03);
    font-family: Alexandria;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.breadcrumb-row #breadcrumbs>span {
    display: flex;
}

.breadcrumb-row a {
    padding-right: 16px;
    position: relative;
    margin-right: 24px;
}

.breadcrumb-row a::before {
    content: '';
    position: absolute;
    right: -8px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 20px;
    background: url('data:image/svg+xml,<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.64844 0.625L5.9375 5.10156C6.03125 5.21875 6.10156 5.35938 6.10156 5.5C6.10156 5.64062 6.03125 5.78125 5.9375 5.875L1.64844 10.3516C1.4375 10.5859 1.0625 10.5859 0.851562 10.375C0.617188 10.1641 0.617188 9.8125 0.828125 9.57812L4.76562 5.47656L0.828125 1.39844C0.617188 1.1875 0.617188 0.8125 0.851562 0.601562C1.0625 0.390625 1.4375 0.390625 1.64844 0.625Z" fill="%23FEFEFE"/></svg>') no-repeat center;
}

.single-course-wrapper .programs_page_sec4 {
    padding-bottom: 0;
    padding-top: 60px;
}

.single-course-wrapper .programs_page_sec4 .programs_page_sec4_title {
    color: #292664;
    font-family: Alexandria;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 114.286% */
    margin-bottom: 24px;
}

/* End Programs Page */

/* New Single Course */
.single-course-wrapper {
    padding: 40px 0 90px;
}

.single-course-wrapper section {
    margin-top: 60px;
}

.single-course-wrapper h1, .single-course-wrapper h2, .single-course-wrapper h3, .single-course-wrapper h4, .single-course-wrapper h5, .single-course-wrapper h6 {
    color: #292664;
}

.single-course-wrapper h2,
.single-course-wrapper h3 {
    margin-bottom: 24px;
    color: #292664;
    font-family: Alexandria;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 114.286% */
}

/* Box nội dung khóa học */
.single-course-wrapper .course-benefits .benefits-box ul,
.single-course-wrapper .teacher-info ul,
.single-course-wrapper .info-tags {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-course-wrapper .benefits-box ul li,
.single-course-wrapper .teacher-info ul li,
.single-course-wrapper .info-tags li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

.single-course-wrapper .icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Giảng viên */
.single-course-wrapper .teacher-card {
    color: white;
    border-radius: 12px;
}

.single-course-wrapper .teacher-card img {
    border-radius: 8px;
    width: 124px;
    height: 124px;
    background: #fff;
    border-radius: 100%;
}

.single-course-wrapper .teacher-info h3 {
    margin-bottom: 10px;
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 83.333% */
}

.single-course-wrapper .teacher-info p {
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
    margin-bottom: 0;
}

/* Review học viên */
.single-course-wrapper .student-reviews .reviews {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.single-course-wrapper .review-card {
    flex: 1 1 calc(50% - 17px);
    font-style: italic;
    font-size: 15px;
    border-radius: 20px;
    border: 1px solid #DCDCF5;
    overflow: hidden;
}

.single-course-wrapper .review-author {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 13px 20px 13px;
    background: #f9ecdd;
}

.single-course-wrapper .review-author img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.single-course-wrapper .btn-review .single-course-wrapper .benefits-box ul li {}

.single-course-wrapper .benefits-box ul li {
    color: #292664;

    /* body */
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    margin: 0;
}

.single-course-wrapper .course-benefits {
    margin-top: 0;
}

.single-course-wrapper .course-benefits ul {
    margin: 0;
    border-radius: 20px;
    border: 1px solid #DCDCF5;
    padding: 24px !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.single-course-wrapper section.course-info {
    margin-top: 60px;
    color: #292664;
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

.single-course-wrapper section.course-info ul, .single-course-wrapper section.course-info ol {
    margin-left: 20px;
}

.single-course-wrapper section.course-info p {
    color: #292664;
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 200% */
    margin-bottom: 0;
}

.single-course-wrapper section.teacher-profile {
    margin-top: 60px;
}

.single-course-wrapper .teacher-card .teacher-info {
    border-radius: 20px 20px 0 0;
    background: var(--Primary-color, #292664);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.single-course-wrapper .teacher-card ul {
    border-radius: 0 0 20px 20px;
    border: 1px solid var(--Stroke, #DCDCF5);
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    gap: 20px;
}

.single-course-wrapper .teacher-card ul li {
    color: #292664;

    /* body */
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    display: flex;
    gap: 8px;
    width: calc(50% - 10px);
    margin: 0;
}

.single-course-wrapper .review-card p {
    color: var(--Primary-color, #292664);

    /* body */
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    padding: 0 20px;
    margin: 0;
}

.single-course-wrapper .review-card .review-quote-icon {
    margin-bottom: 8px;
    padding: 20px 20px 0 20px;
}

.single-course-wrapper .review-author span {
    color: var(--Primary-color, #292664);
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
}

.single-course-wrapper .review-author img {
    width: 40px;
    height: 40px;
}

.single-course-wrapper section.student-reviews {}

.single-course-wrapper section.student-reviews .btn-review {
    margin-top: 30px;
}

.single-course-wrapper section.student-reviews .btn-review button {
    margin: 0;
    color: var(--Secondary-color, #FF8F03);
    font-family: 'Roboto';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    /* 166.667% */
    text-transform: uppercase;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #FFD49E;
    gap: 8px;
    width: 100%;
    height: 50px;
    justify-content: center;
    min-height: unset;
}

.single-course-wrapper .register-box {
    padding: 32px;
    border-radius: 10px;
    background: var(--Neutral, #FEFEFE);
    box-shadow: 0px 4px 12px 0px rgba(45, 43, 102, 0.10);
}

.single-course-wrapper .register-box h3 {
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 114.286% */
    text-transform: uppercase;
    margin-bottom: 27px;
}

.single-course-wrapper .register-box form {
    margin-bottom: 0;
}

.single-course-wrapper .register-box form input {
    margin-bottom: 16px;
    border-radius: 4px;
    border: 1px solid #E2E2E7;
    background: #FFF;
    box-shadow: none !important;
    height: 44px;
}

.single-course-wrapper .register-box form button {
    margin: 0;
    border-radius: 4px;
    background: var(--Secondary-color, #FF8F03);
    box-shadow: -2px 4px 4px 0px rgba(6, 4, 48, 0.08);
    width: 100%;
    color: #FFF;
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 175% */
    text-transform: uppercase;
    height: 44px;
}

.single-course-wrapper .register-box ul.info-tags {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 20px;
}

.single-course-wrapper .register-box ul.info-tags li {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.single-course-wrapper .register-box ul.info-tags li svg {
    width: 20px;
    height: 20px;
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.programs_page_sec1.no-overlay .new_hp_sec1_banner::before {
    display: none;
}

/* End New Single Course */

.news_page_sec1 {
    padding-top: 55px;
    padding-bottom: 120px;
    background: #FEFEFE;
}

.news_page_sec1 .custom_section_title {
    justify-content: start;
    margin-bottom: 60px;
}

.news_page_sec1 .news_page_news_list {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.news_page_sec1 .news_page_news_list .news_page_news_item {
    width: calc(33.3333% - 16px);
    border-radius: 10px;
    padding: 4px;
    background: transparent;
    transition: all 0.3s ease;
    border: 1px solid transparent
}

.news_page_sec1 .news_page_news_list .news_page_news_item:hover {
    box-shadow: 0px 4px 12px rgba(41, 38, 100, 0.08);
    background: #FFF;
    border: 1px solid #292664;
}

.news_page_sec1 .news_page_news_list .news_page_news_item_img {}

.news_page_sec1 .news_page_news_list .news_page_news_item_img a {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding-top: 66%;
    display: block;
}

.news_page_sec1 .news_page_news_list .news_page_news_item_img a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    opacity: 0.8;
}

.news_page_sec1 .news_page_news_list .news_page_news_item:hover a img {
    transform: scale(1.1);
    opacity: 1;
}

.news_page_sec1 .news_page_news_list .news_page_news_item .news_page_news_item_info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
    padding: 0 20px 15px;
}

.news_page_sec1 .news_page_news_list .news_page_news_item .news_page_news_item_info a {}

.news_page_sec1 .news_page_news_list .news_page_news_item .news_page_news_item_info a h3 {
    margin: 0;
    overflow: hidden;
    color: var(--Primary-color, #292664);
    text-overflow: ellipsis;
    font-family: Alexandria;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 116.667% */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.news_page_sec1 .news_page_news_list .news_page_news_item .news_page_news_item_info p.news_page_news_item_desc {



    /* body */
    /* 150% */
    color: var(--text-secondary, #7F7D9F);
    text-overflow: ellipsis;


    /* body */
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    height: 48px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.news_page_sec1 .news_page_news_list .news_page_news_item .news_page_news_item_info a.news_page_news_item_link {
    color: var(--Primary-color, #292664);
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    display: flex;
    gap: 8px;
    align-items: center;
}

.news_page_sec1.news_page_sec2 {
    padding-top: 126px;
    padding-bottom: 84px;
    background: #F4F4F8;
}

.new-single-post-content {
    padding-top: 0;
    position: relative;
    z-index: 2;
    margin-top: -170px;
}

.new-single-post-title {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 4px 4px 0px rgba(41, 38, 100, 0.08);
    backdrop-filter: blur(2px);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.new-single-post-title h1 {
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    /* 128.571% */
    margin: 0;
}

.new-single-post-short-des {
    color: #292664;
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 200% */
}

.new-single-post-date {
    color: var(--Primary-color, #292664);
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    display: flex;
    align-items: center;
    gap: 8px;
}

.new-single-post-meta {
    color: #292664;
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 200% */
    text-align: justify;
}

.another_posts_sidebar {
    padding-top: 80px;
}

.another_posts_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.another_posts_list .news_item {
    display: flex;
    gap: 16px;
}

.another_posts_list .news_item .news_item_img {
    width: 120px;
}

.another_posts_list .news_item .news_item_img a {}

.another_posts_list .news_item .news_item_img a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.another_posts_list .news_item .news_item_info {
    width: calc(100% - 120px - 16px);
}

.another_posts_list .news_item .news_item_info a h3 {
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

.another_posts_list .news_item .news_item_img a {
    width: 100%;
    padding-top: 68%;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.another_posts_sidebar_title {
    margin-bottom: 30px;
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 116.667% */
}

.single-post-wrapper.new-single-post-wrapper {
    padding: 0;
}

.new_ctp_sec1 {
    padding-top: 60px;
    padding-bottom: 113px;
}

.new_ctp_sec1_address_list {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.new_ctp_sec1_address_item {
    padding: 24px;
    border-radius: 10px;
    border: 1px solid #DCDCF5;
}

.new_ctp_sec1_address_item .address_name {
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 116.667% */
    margin-bottom: 26px;
}

.new_ctp_sec1_address_item .address_info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.new_ctp_sec1_address_item .address_info span {
    font-family: Alexandria;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 200% */
    text-transform: uppercase;
    border-radius: 20px;
    padding: 0 12px;
}

.new_ctp_sec1_address_item .address_info span.number-classes {
    color: #292664;
    background: #E3E9FF;
}

.new_ctp_sec1_address_item .address_info span.number-center {
    color: #FF8F03;
    background: #FFF3E4;
}

.new_ctp_sec1_address_item .address_info span.number-library {
    color: #0483FE;
    background: #E7F2FC;
}

.new_ctp_sec1_address_item .address_detail {
    margin-top: 34px;
}

.new_ctp_sec1_address_item .address_detail .item {
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    display: flex;
    align-items: center;
    gap: 12px;
}

.new_ctp_sec1_address_item .address_detail .item a {
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
}

.new_ctp_sec1_address_item .address_detail .item a:hover {
    text-decoration: underline;
}

.new_ctp_sec1_address_item .address_detail .item .icon {}

.new_ctp_sec1_address_item .address_detail .item .icon svg {}

.new_ctp_sec1 .custom_section_title {
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 46px;
}

.new_ctp_sec1 .custom_section_title>div {}

.programs_page_sec1.new_about_page_sec1 {}

.programs_page_sec1.new_about_page_sec1 .new_hp_sec1__text_block {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}

.programs_page_sec1.new_about_page_sec1 .new_hp_sec1__text_block .new_hp_sec1__text_block_1 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.new_about_page_sec1_subtitle {
    color: var(--Neutral, #FEFEFE);
    text-align: center;
    font-family: Alexandria;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 133.333% */
    width: 630px;
}

.new_abp_sec2 {
    padding-top: 120px;
    padding-bottom: 40px;
}

.new_abp_sec2 .custom_section_title {
    justify-content: start;
    margin-bottom: 24px;
}

.new_abp_sec2 section.success-story {


    /* body */
    /* 150% */
}

.new_abp_sec2 section.success-story p {
    color: #292664;
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 25px;
}

.new_abp_sec2 section.success-story .services {}

.new_abp_sec2 section.success-story .services h3 {
    color: #292664;
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 162.5% */
    margin-bottom: 10px;
}

.new_abp_sec2 section.success-story .services h3 strong {
    font-weight: 600;
}

.new_abp_sec2 section.success-story .services ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.new_abp_sec2 section.success-story .services ul li {
    display: flex;
    margin: 0;
    color: #292664;

    /* body */
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    gap: 8px;
}

.new_abp_sec2 .success-image {
    position: relative;
    padding-left: 96px;
}

.new_abp_sec2 .success-image img {
    border-radius: 20px;
    position: relative;
    z-index: 2;
    width: 100%;
}

.new_abp_sec2 .success-image::before {
    content: '';
    position: absolute;
    right: -48px;
    top: -56px;
    border-radius: 81px 8px;
    background: linear-gradient(69deg, #292664 0%, #413CA7 83.01%, #FF8F03 134.99%);
    box-shadow: 1px 6px 8px 0px rgba(41, 38, 100, 0.12);
    width: 321px;
    height: 255px;
    z-index: 1;
}

.new_abp_sec3 {
    padding-bottom: 65px;
}

.row.new_abp_sec3 {
    justify-content: center;
    padding-bottom: 0;
}

.new_abp_sec3_item {
    border-radius: 20px;
    border: 1px solid #DFDDF7;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
}

.new_abp_sec3_item .icon {
    margin-bottom: 16px;
}

.new_abp_sec3_item_txt1 {
    color: #292664;
    font-family: Alexandria;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 133.333% */
}

.new_abp_sec3_item_txt2 {
    color: var(--Primary-color, #292664);

    /* body */
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.new_abp_sec3_item .icon img {
    width: 64px;
}

.new_abp_sec4 {
    padding-top: 102px;
    padding-bottom: 60px;
    background-size: cover;
    background-position: center;
}

.new_abp_sec4 .custom_section_title {
    margin-bottom: 57px;
}

.new_abp_sec4_item {
    padding: 30px;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
    border-radius: 10px;
}

.new_abp_sec4_item:hover {
    box-shadow: 0px 4px 12px rgba(41, 38, 100, 0.08);
    transform: translateY(-10px);
    background: #fff;
}

.new_abp_sec4_item:hover .new_abp_sec4_item_txt .name, .new_abp_sec4_item:hover .new_abp_sec4_item_txt .position {
    color: var(--Primary-color, #292664);   
}

.new_abp_sec4_item_img {
    margin-bottom: 20px;
    border-radius: 20px;
    background: #F1F0F8;
    transition: all 0.3s ease;
}

.new_abp_sec4_item:hover .new_abp_sec4_item_img {
    transform: scale(1.05);
}

.new_abp_sec4_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.new_abp_sec4_item_txt {
    text-align: center;
}

.new_abp_sec4_item_txt .name {
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 111.111% */
    margin-bottom: 4px;
}

.new_abp_sec4_item_txt .position {
    color: var(--Neutral, #FEFEFE);
    text-align: center;
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.new_abp_sec4_list_shadow {
    border-radius: 20px;
    border: 1px solid #7676B4;
    background: #211D6B;
    height: 223px;
    margin-top: -200px;
    position: relative;
    z-index: 1;
    width: calc(100% + 60px);
    margin-left: -30px;
}

.new_abp_sec4 .custom_section_title .custom_section_title__normal {
    color: #fff;
}

.new_abp_sec5 {
    padding-top: 120px;
    padding-bottom: 90px;
}

.new_abp_sec5 .custom_section_title {
    margin-bottom: 57px;
}

.new_abp_sec5_item {
    padding: 30px 23px;
    border-radius: 10px;
    border: 1px solid #E2E1FA;
    height: 100%;
}

.new_abp_sec5_item .icon {}

.new_abp_sec5_item .icon img {
    width: 64px;
}

.new_abp_sec5_item_txt {
    color: #292664;
    font-family: Alexandria;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 133.333% */
    margin-top: 24px;
}

.new_abp_sec5_item_des {
    color: var(--Primary-color, #292664);

    /* body */
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-w% */
    margin-top: 8px;
}

.new_abp_sec5_row {
    justify-content: center;
}

.new_abp_sec6 {
    padding-top: 120px;
    background: #F4F4F8;
    padding-bottom: 100px;
}

.new_abp_sec6 .custom_section_title {
    flex-direction: column;
    margin-bottom: 60px;
}

.new_abp_sec6_item {
    padding: 0 20px;
}

.new_abp_sec6_item_img {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}

.new_abp_sec6_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.new_abp_sec6_item_txt {}

.new_abp_sec6_item_txt .name {
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 111.111% */
    text-align: center;
}

.new_abp_sec6_item_txt .position {
    /* 111.111% */
    color: var(--Primary-color, #292664);
    text-align: center;
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
    margin-top: 4px;
}

.new_abp_sec7 {}

.new_abp_sec7 .new_hp_sec3__quote-text {
    margin-top: 20px;
    margin-bottom: 40px;
}

.new_abp_sec7 .new_hp_sec3__quote-content_list {}

.new_abp_sec7 .new_hp_sec3__quote-content_list ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.new_abp_sec7 .new_hp_sec3__quote-content_list ul li {
    margin: 0;
    display: flex;
    gap: 8px;
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
}

.new_abp_sec7 .new_hp_sec3__quote-content_list ul li svg {
    margin-top: 4px;
}

.new_abp_sec7 .new_hp_sec3__right__content .multi-sense-method__title {
    margin: 0;
}

.new_abp_sec8 {
    padding-top: 80px;
    padding-bottom: 90px;
}

.new_abp_sec8 .custom_section_title {
    margin-bottom: 60px;
}

.new_abp_sec8 .new_abp_sec8_row_images {}

.new_abp_sec8 .new_abp_sec8_row_images .image-item {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding-top: 69%;
    height: 100%;
}

.new_abp_sec8 .new_abp_sec8_row_images .image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.new_ctp_sec1_map iframe {
    width: 100%;
}

.new_ctp_sec1_map .map-item {
    display: none;
}

.new_ctp_sec1_map .map-item.active {
    display: block;
}

@media (max-width: 1200px) {
    .new_hp_sec4 .students_slick_item {
        width: 240px;
    }

    .new_hp_sec4 .students_slick_item.slick-center {
        width: 320px;
    }

    .new_hp_sec4 .testimonial-content {
        padding: 30px 20px;
    }
}

@media (max-width: 767px) {
    .new_hp_sec4 .students_slick_item {
        width: 280px;
    }

    .new_hp_sec4 .students_slick_item.slick-center {
        width: 320px;
    }

    .new_hp_sec4 .students_slick_item {
        padding: 0 10px;
    }

    .new_hp_sec4 .testimonial-card {
        left: 10px;
        right: 10px;
    }
}

.new_hp_sec5 {}

.new_hp_sec5_stats {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.new_hp_sec5_stats_item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 8px;
    padding: 40px;
    width: calc(33.3333% - 27px);
}

.new_hp_sec5_stats_number {
    display: flex;
    align-items: center;
}

.new_hp_sec5_stats_number span.number {
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    /* 116.667% */
}

.new_hp_sec5_stats_number span.plus {
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    /* 100% */
}

.new_hp_sec5_stats_text {
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 130% */
}

.new_hp_sec5_stats_item:nth-child(3n+1) {
    background: #0483FE;
}

.new_hp_sec5_stats_item:nth-child(3n+2) {
    background: #FF8F03;
}

.new_hp_sec5_stats_item:nth-child(3n) {
    background: #b70000;
}

.new_hp_sec6 {
    padding-top: 124px;
    padding-bottom: 167px;
}

.custom_section_title .top {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    gap: 8px;
}

.new_hp_sec6 .custom_section_title {
    flex-wrap: wrap;
    margin-bottom: 67px;
}

.new_hp_sec6_video_container {
    position: relative;
    height: 726px;
}

.new_hp_sec6_video_container img.video-thumbnail {
    border-radius: 8px;
    box-shadow: 0px 4px 12px 0px rgba(45, 43, 102, 0.08);
    position: relative;
    z-index: 2;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.new_hp_sec6_video_container a.play-button {
    position: absolute;
    width: 96px;
    height: 96px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 3;
}

.new_hp_sec6_video_container a.play-button svg {}

.new_hp_sec6_video_container .video-shadow {
    width: 100%;
    height: 465px;
    position: absolute;
    bottom: -47px;
    right: -54px;
    border-radius: 8px;
    background: linear-gradient(69deg, #292664 0%, #413CA7 83.01%, #FF8F03 134.99%);
    box-shadow: 1px 6px 8px 0px rgba(41, 38, 100, 0.12);
}

.new_hp_sec7 {
    padding-bottom: 120px;
}

.new_hp_sec7__partners_list {
    /* display: flex;
    align-items: center;
    justify-content: space-between; */
    margin-top: 60px;
}

.new_hp_sec7__partner_item img {
    /* width: 130px; */
    height: 120px;
    padding: 10px 20px;
    border: 1px solid;
    border-radius: 4px;
}

.new_hp_sec7__partners_list .slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_hp_sec7__partners_list .slick-dots, .slick-dots {
    display: flex !important;
    justify-content: center;
    gap: 10px;
    margin-top: 40px;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
    width: 100%;
}

.new_hp_sec7__partners_list .slick-dots li, .slick-dots li {
    width: 12px;
    height: 12px;
    display: flex;
}

.new_hp_sec7__partners_list .slick-dots li button, .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background: #B6B3F8;
    font-size: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.new_hp_sec7__partners_list .slick-dots li.slick-active button, .slick-dots li.slick-active button {
    background: #3E3B8C;
}

/* End New Home Page */

/* Footer CTA */


.main-footer {}

.footer-cta {
    padding: 35px 0 20px;
}

.footer_cta__form_wrapper {
    padding: 40px;
    border-radius: 6px;
    background: rgba(254, 254, 254, 0.80);
    box-shadow: 0px 4px 12px 0px rgba(45, 43, 102, 0.08);
    backdrop-filter: blur(17px);
}

.footer_cta__form_wrapper .txt1 {
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    /* 120% */
}

.footer_cta__form_wrapper .highlight {
    color: #FFF;
    font-family: Alexandria;
    font-size: 37px;
    font-style: normal;
    font-weight: 800;
    /* 75.676% */
    text-transform: uppercase;
    background: var(--Secondary-color, #FF8F03);
    display: inline-block;
    padding: 4px 6px 0;
    line-height: 41px;
    border-radius: 6px;
}

.footer_cta__form_wrapper .txt2 {
    margin-top: 20px;
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 133.333% */
    text-transform: uppercase;
    margin-bottom: 20px;
}

.footer_cta__form_wrapper form {}

.footer_cta__form_wrapper form input {
    height: 44px !important;
    padding: 0 12px !important;
    border-radius: 4px;
    border: 1px solid #E2E2E7;
    background: #FFF;
    /* 200% */
    color: #222 !important;
    font-family: 'Roboto' !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    /* 200% */
    margin-bottom: 16px;
}

.footer_cta__form_wrapper form select {
    height: 44px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #E2E2E7;
    background: #FFF;
    margin-bottom: 16px;
    color: #221F5D;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 200% */
}

.footer_cta__form_wrapper form label {
    color: var(--Primary-color, #292664);
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 166.667% */
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}

.footer_cta__form_wrapper form input::placeholder {
    color: #A2A2AD !important;
}

.footer_cta__form_wrapper .checkbox-group {
    margin-bottom: 20px;
}

.footer_cta__form_wrapper .checkbox-group span.wpcf7-list-item {
    margin: 0;
    display: flex;
    align-items: start;
    gap: 8px;
}

.footer_cta__form_wrapper .checkbox-group input[type="checkbox"] {
    margin: 3px 0 0 0;
    height: 16px !important;
    width: 16px !important;
}

.footer_cta__form_wrapper .checkbox-group span.wpcf7-list-item-label {
    color: var(--Primary-color, #292664);
    font-family: Alexandria;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 153.846% */
}

.footer_cta__form_wrapper span.wpcf7-spinner {
    display: none;
}

.footer_cta__form_wrapper input[type="submit"] {
    color: #FFF !important;
    font-family: 'Roboto' !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    /* 166.667% */
    text-transform: uppercase !important;
    border-radius: 4px !important;
    background: var(--Secondary-color, #FF8F03) !important;
    box-shadow: -2px 4px 4px 0px rgba(6, 4, 48, 0.08) !important;
    height: 50px !important;
    text-align: center !important;
}

/* End Footer CTA */


.footer-row {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.footer-contact-info__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-contact-info__item h4 {
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
}

.footer-contact-info__item .contact-item {
    display: flex;
    gap: 8px;
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    /* 142.857% */
    white-space: nowrap;
}

.footer-contact-info__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footer-programs {
    display: flex;
    gap: 30px;
}

.footer__programs_item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer__programs_name {
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
}

.footer__programs_item a {
    color: var(--Neutral, #FEFEFE);
    font-family: Alexandria;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    /* 142.857% */
    display: block;
}

.Rbtn-list {
    width: 40px;
    position: fixed;
    transition: .3s;
    right: 10px;
    top: 50%;
    z-index: 100;
}
.Rbtn-list ul{
    list-style-type: none;
}
.Rbtn-list ul li{
    width: 40px;
    height: 40px;
    display:flex;
    align-items:center;
    justify-content: center;
    margin: 0 ;
    margin-bottom:5px !important;
    /* margin-right:0 !important; */
}
.Rbtn-list ul li a i{
    color:#fff
}
.Rbtn-list ul li a {
    display:flex !important;	
}

.Rbtn-list ul li:nth-child(1) {
    position: absolute;
    background-color: #089BFF !important;
    left: 20px;
    bottom: 118%;
    height: 40px;
    width: 148px;
    transform: translateX(-50%) translateY(-50%) rotate(270deg);
    white-space: nowrap;
}

.Rbtn-list ul li:nth-child(1) a {
    color: #fff;
}

.Rbtn-list ul li:nth-child(2) {
    background-color: #023DC1 !important;
}

.Rbtn-list ul li:nth-child(3) {
    background-color: #002C8F !important;
}

.Rbtn-list ul li:nth-child(4), .Rbtn-list ul li:nth-child(5) {
    background-color: #001E62 !important;
}

#toolbar{
    bottom: 0;
    z-index: 500;
    padding: 10px;
    position: fixed;
    display: inline-block;
    border-top: 2px solid red;
    width: 100%;
    background: #fff;
    display: none;
}
#toolbar ul{
    list-style: none;
    margin-bottom: 0;
    margin: 0;
    padding: 0;
}
#toolbar i{
    font-size:30px;
    color:#172674;
}
#toolbar ul li {
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 0;
}
#toolbar ul li a {
    color: #000;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
}
#toolbar ul li a:hover {
    text-decoration: none;
}
#toolbar ul li a img {
    height: 30px;
}

#toolbar ul li a.callme .icon {
    background: #00d91c;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

#toolbar ul li a svg {
    width: 30px;
    height: 30px;
}

#toolbar ul li a.callme .icon svg {
    width: 26px;
    height: 26px;
}

#toolbar ul li a.btn_ktnl {
    background: #089BFF;
    color: #fff;
    padding: 7px 0;
    border-radius: 3px;
    height: 30px;
}


@media screen and (max-width: 768px) and (min-width: 200px){
    #toolbar {
        display: inline-block !important;
    }
    #footer .absolute-footer {	
    padding-bottom: 50px;	
    }
    #Rbtn-list {
        display: none;
    }
    #toolbar ul li a {
        color: #000;
        font-size: 12px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 320px) and (min-width: 200px){
    #toolbar ul li a {
        font-size: 11px;
    }
    #footer .absolute-footer {	
    padding-bottom: 50px;	
    }
    #Rbtn-list {
        display: none;
    }
}

/* abc */

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@media only screen and (max-width: 1470px) {
    .header .header-main .flex-row {
        max-width: 95%;
    }

    .main-banner-content .main-banner-text .txt-2 {
        font-size: 50px;
    }

    .main-banner-img-wrapper img {
        height: 580px;
    }

    .hp-students .students-content {
        width: calc((240px * 6) + 85px);
    }

    .hp-student-item {
        width: 240px;
    }

    .header-nav-main>li>a {
        font-size: 14px;
    }

    a.custom-el-item-button .icon {
        height: 48px;
        width: 48px;
    }

    a.custom-el-item-button {
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }

    .yoast-breadcrumb-wrapper h1 {
        font-size: 40px;
        padding: 0 3em;
        line-height: 53px;
    }

    .single-course-main .course-content h2.course-name {
        font-size: 30px;
        line-height: 40px;
    }

    .single-course-main .course-content .course-meta div span {
        font-size: 17px;
    }
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

    .hp-slider .row {
        position: relative;
    }

    .main-banner-content {
        transform: none;
    }

    .main-banner-content .main-banner-text .txt-3 {
        width: 100%;
    }

    .main-banner-content .main-banner-text .txt-2 {
        font-size: 30px;
        line-height: normal;
    }

    .main-banner-img-inner .subbox {
        left: 30px;
        width: auto;
        padding-right: 40px;
        bottom: unset;
        top: 40%;
    }

    .hp-custom-section .hp-features {
        position: relative;
        top: 0;
        margin-bottom: 40px;
    }

    .hp-custom-section {
        padding-top: 60px;
    }

    .hp-features>.row {
        width: calc(100% - 30px);
        border-radius: 30px;
    }

    .hp-features>.row .row .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .hp-features .row .row {
        gap: 20px;
    }

    .hp-features .row .row::after {
        display: none;
    }

    .hp-section-2 .col-inner {
        padding: 0 !important;
    }

    .hp-section-2 .section-title-container {
        margin-top: 40px;
    }

    .hp-section-2 {
        background-size: auto 100%;
    }

    .hp-sec-4 {
        background-size: auto 100%;
    }

    .hp-sec-4 h3 {
        line-height: normal;
        margin-top: 40px;
    }

    .hp-sec-6 .col {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hp-sec-6 h3 {
        font-size: 30px;
        line-height: normal;
    }

    .hp-sec-6 .right-col {
        padding-top: 40px;
    }

    .video-courses .courses-header .title .title-1 {
        font-size: 28px;
        line-height: normal;
        margin-top: 20px;
    }

    .video-courses .courses-header .title .title-2 {
        font-size: 28px;
        line-height: normal;
    }

    .hp-lecturers .col {}

    .hp-lecturers .lecturers-header .title {
        line-height: normal;
        font-size: 40px;
    }

    .hp-lecturers .lecturers-buttons {
        margin-bottom: 40px;
    }

    .hp-lecturers .lecturer-item {
        margin-bottom: 20px;
    }

    .overlay-icon {
        width: 60px;
        height: 60px;
        background-size: 100% 100%;
    }

    .hp-student-item {
        width: calc(50% - 30px);
    }

    .hp-students .students-content {
        width: 100%;
    }

    .hp-student-item .student-info .student-description {
        -webkit-line-clamp: 2;
    }

    .hp-partners .partners-content .partner-list .img {
        width: calc(33.3333% - 10px) !important;
    }

    .hp-partners .partners-content .partner-list {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }

    .hp-partners .partners-header .title {
        font-size: 34px;
        line-height: normal;
    }

    .footer-contacts {
        flex-wrap: wrap;
        padding: 0 15px;
    }

    .top-footer .footer-contact-item {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.30);
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
        gap: 20px;
        padding-left: 30px;
        padding-right: 0;
    }

    .top-footer .footer-contact-item .txt div {
        font-size: 20px;
    }

    .top-footer .footer-contact-item .txt div a {
        font-size: 20px;
    }

    .sidebar-menu .nav>li>a {
        color: #1B2336;
        font-family: Alexandria;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
        text-transform: uppercase;
        height: 100%;
    }

    .off-canvas-left.mfp-ready .mfp-content {
        background: #fff;
    }

    .sidebar-menu .nav>li {
        border: 0 !important;
    }

    .sidebar-menu .nav>li>button {
        opacity: 1;
    }

    .sidebar-menu .nav>li>button i {
        width: 20px;
        height: 20px;
        background: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1230_349)"><path d="M11.31 5.72667L8.25 8.78L5.19 5.72667L4.25 6.66667L8.25 10.6667L12.25 6.66667L11.31 5.72667Z" fill="black"/></g><defs><clipPath id="clip0_1230_349"><rect width="16" height="16" fill="white" transform="translate(0.25)"/></clipPath></defs></svg>') no-repeat;
        background-position: center;
    }

    .sidebar-menu .nav>li>button i::before {
        display: none;
    }

    span.working-time-item {
        width: 50%;
    }

    span.working-time-item span {
        line-height: normal;
        font-size: 15px;
    }

    .mobile-nav .nav-icon a {
        color: #17254E;
    }

    .page-header-inner .col-inner::after {
        right: 0;
    }

    .page-header-inner .col-inner::before {
        left: 0;
        bottom: 30px;
    }

    .yoast-breadcrumb-wrapper h1 {
        padding: 0;
        line-height: normal;
        font-size: 30px;
    }

    .abp-sec-2 .col:first-child {
        padding-right: 15px;
    }

    .abp-sec-3 {
        background-size: auto 100%;
        padding: 70px 0;
    }

    .abp-sec-4 .abp-sec-4-cus-box {
        padding-right: 0;
        padding-bottom: 60px;
    }

    .abp-sec-5 .section-title>span {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        font-size: 35px;
    }

    .abp-sec-5 .abp-sec-5-list {
        flex-wrap: wrap;
    }

    .abp-sec-5 .abp-sec-5-list .item {
        width: 100%;
    }

    .pricing-list {
        flex-wrap: wrap;
    }

    .pricing-item {
        width: 100%;
    }

    .pricing-faq-wrapper {
        padding: 0;
    }

    .pricing-faq-title {
        font-size: 30px;
    }

    .pricing-faq-wrapper .accordion .accordion-item .accordion-title {
        padding: 15px 50px 15px 25px;
    }

    .pricing-faq-wrapper .accordion .accordion-item .accordion-title button {
        right: 20px;
    }

    .page-header-image.no-bg .icon-2 {
        top: 20px;
        right: 30px;
        display: none;
    }

    .page-header-image.no-bg .icon-1 {
        left: 20px;
        top: 20px;
        display: none;
    }

    .page-header-inner .col-inner::before {
        display: none;
    }

    .single-course-main {
        flex-wrap: wrap;
        gap: 20px;
    }

    .single-course-main .course-content {
        width: 100%;
    }

    .single-course-main .course-sidebar {
        width: 100%;
    }

    .courses-page-wrapper {
        padding-bottom: 100px;
    }

    .courses-search-form form {
        flex-wrap: wrap;
    }

    .courses-search-form form .form-group {
        width: calc((100% - 10px) / 2);
    }

    .courses-search-form form .btn {
        width: 100%;
    }

    .courses-list .course-item {
        padding: 20px;
    }

    .course-item .course-details .course-detail {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 30px;
        margin-bottom: 15px;
    }

    .course-item .course-details .course-info {
        width: 100%;
        border: 0;
        padding-left: 0;
        flex-wrap: wrap;
        gap: 15px;
    }

    .course-item .course-details {
        flex-wrap: wrap;
    }

    .course-item .course-details .course-info>div {
        width: calc(50% - 8px);
        flex: unset;
    }

    .pmc-sec-2 .img-col {
        padding-right: 15px;
    }

    .refer-friend-form .form-row {
        flex-wrap: wrap;
    }

    .refer-friend-form .form-row .form-col {
        width: 100%;
    }

    .refer-friend-form label {
        margin-top: 0;
    }

    .refer-page-sec-2 .content-col {
        order: 0;
    }

    .refer-page-sec-2 .img-col {
        order: 1;
    }

    .refer-page-sec-2 {
        padding: 70px 0;
    }

    .kttd-page-wrapper .step-1 h3 {
        font-size: 26px;
        line-height: normal;
    }

    .kttd-page-wrapper .step-1 p {}

    .kttd-page-wrapper .step-1 {
        padding: 90px 15px;
    }

    .kttd-page-wrapper .step-1 a.custom-el-item-button span {
        width: 200px;
    }

    .kttd-page-wrapper .step-2 .step-inner {
        padding: 0 15px;
    }

    .kttd-page-wrapper .step-2 h3 {
        line-height: normal;
        font-size: 30px;
    }

    .kttd-page-wrapper .step-2 .col>img {
        margin-bottom: 20px;
    }

    .kttd-page-wrapper .step-2 .test-age-groups {
        gap: 10px;
    }

    .kttd-page-wrapper .step-2 .test-age-groups .item .age-name {
        font-size: 13px;
        line-height: normal;
    }

    .kttd-page-wrapper .step-3 .step-inner {
        padding: 0 15px;
    }

    .kttd-page-wrapper .step-3 a.custom-el-item-button span {
        width: 200px;
    }

    .kttd-page-wrapper .user-test-topbar img {
        width: 150px;
        margin-left: 15px;
    }

    .kttd-page-wrapper .user-test-topbar .col {}

    .kttd-page-wrapper .user-test-topbar span {
        font-size: 22px;
    }

    .kttd-page-wrapper .step-4 .test-header .test-time-remain {
        font-size: 18px;
        width: 100%;
    }

    .kttd-page-wrapper .step-4 .test-header .test-name span {
        font-size: 18px;
    }

    .kttd-page-wrapper .step-4 .test-header {
        padding: 0 15px;
        flex-wrap: wrap;
    }

    .kttd-page-wrapper .step-4 .test-header .test-name {
        gap: 10px;
        width: 100%;
    }

    .kttd-page-wrapper .step-4 .test-header .test-name .icon {
        width: 40px;
        height: 40px;
    }

    .kttd-page-wrapper .step-4 .step-content {
        margin-top: 50px;
    }

    .kttd-page-wrapper .step-4 .test-questions .question {
        padding: 20px;
    }

    .kttd-page-wrapper .step-4 .test-questions .question .ques-num {
        font-size: 22px;
        line-height: normal;
        margin-bottom: 10px;
    }

    .kttd-page-wrapper .step-4 .test-questions .question .question-content {
        font-size: 18px;
    }

    .kttd-page-wrapper .step-4 .test-questions .question .answers .item label {
        font-size: 18px;
    }

    .kttd-page-wrapper .step-4 .test-questions .question .answers .item {
        gap: 15px;
    }

    .kttd-page-wrapper .step-4 {
        padding-bottom: 70px;
    }

    .single-post-wrapper .post-thumbnail img {
        width: 100%;
    }

    .main-banner-img-wrapper img {
        height: auto;
        margin-bottom: 30px;
    }

    .customers-page-content-area .mcp-slider {
        background-size: auto 100%;
        padding-bottom: 100px;
    }

    .pmc-sec-2 {
        padding-top: 80px;
    }

    .pmc-sec-2 .pmc-sec-2-title .title {
        line-height: normal;
        font-size: 33px;
    }

    .mcp-slider .main-banner-content .main-banner-text .txt-2 {
        font-size: 33px;
    }

    .pmc-sec-2-ico {
        width: 100px;
        height: 100px;
    }

    .pmc-sec-3 .pmc-sec-3-title .title {
        font-size: 32px;
        line-height: normal;
    }

    .pmc-sec-3 .ico-wave {
        bottom: 30px;
    }

    .pmc-sec-4 .c-section-title {
        font-size: 30px;
    }

    .pmc-sec-4 .item-listing .item {
        padding: 20px 10px;
    }

    .pmc-sec-4 .item-listing .item .icon {
        border-radius: 100%;
    }

    .pmc-sec-4 .item-listing .item .txt-1 {
        font-size: 20px;
    }

    .pmc-sec-4 .item-listing .item .txt-2 {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .pmc-sec-4 .item-listing .item .txt-3 {
        font-size: 15px;
        margin-bottom: 30px;
    }

    .pmc-sec-4 .item-listing .item .action a {
        gap: 0px;
        overflow: hidden;
    }

    .pmc-sec-5-header .title {
        font-size: 35px;
    }

    .pmc-sec-5 .cannot-find .txt-1 {
        line-height: normal;
        font-size: 30px;
    }

    .pmc-sec-5 .cannot-find .txt-2 {
        font-size: 16px;
    }

    .pmc-sec-5 .cannot-find .txt-3 {
        font-size: 16px;
    }

    .pmc-sec-5 .cannot-find .txt-3 a {
        font-size: 16px;
    }

    .pmc-sec-3 {
        padding: 50px 0;
    }

    .course-item .course-details .course-info a.btn-register-course {
        font-size: 16px;
    }

    .pmc-sec-6 .c-section-title {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .c-accordion-1 .accordion .accordion-item .accordion-title span {
        font-size: 18px;
    }

    .c-accordion-1 .accordion .accordion-item .accordion-title button {
        right: 20px;
    }

    .c-accordion-1 .accordion .accordion-item .accordion-title {
        line-height: normal;
        padding-right: 44px;
    }

    .contact-page-wrapper .contact-block {
        padding: 20px;
        flex-wrap: wrap;
        gap: 40px;
    }

    .contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form {
        width: 100%;
    }

    .contact-page-wrapper .contact-block .left {
        width: 100%;
    }

    .contact-page-wrapper .contact-block .right {
        width: 100%;
    }

    .contact-page-wrapper .contact-block .left .contact-socials {
        padding-right: 0;
        padding-top: 30px;
    }

    .contact-page-wrapper .contact-block .left .contact-details {
        padding: 20px;
    }

    .contact-page-wrapper .contact-block .left .contact-details .item .info a {
        font-size: 18px;
        line-height: normal;
    }

    .contact-page-wrapper .contact-block .left .contact-details .item {
        gap: 15px;
    }

    .contact-page-wrapper .contact-block .left .contact-details .item .icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .contact-page-wrapper .contact-block .right .wpcf7 .wpcf7-form .form-action input {
        width: 100%;
    }

    .contact-page-map iframe {
        height: 400px;
    }

    .contact-page-wrapper .contact-block .left h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .contact-page-wrapper .contact-block .left p {
        line-height: normal;
    }

    .video-courses .courses-list .course-item .course-content .course-meta {
        width: 100%;
    }

    .video-courses .courses-list .course-item .course-content .course-title a {
        font-size: 18px;
        line-height: normal;
    }

    .video-courses .courses-list .course-item .course-content .course-author {
        flex-wrap: wrap;
    }

    .video-courses .courses-list .course-item .course-content .course-author span {
        line-height: normal;
        width: 100%;
    }

    .video-courses .courses-list .course-item .course-content .course-button svg {
        width: 14px;
    }

    .video-courses .courses-list .course-item .course-content .course-button .btn {
        padding-left: 10px;
        padding-right: 10px;
    }

    .video-courses .courses-list .course-item .course-content .course-button .btn span {
        white-space: nowrap;
    }

    .single-course-main .course-sidebar .course-price span.amount {
        font-size: 36px;
    }

    .checkout-step.step-1 .left-col,
    .checkout-step.step-1 .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .custom-checkout-form .payment-method-list {
        flex-wrap: wrap;
    }

    .custom-checkout-form .payment-method-list .payment-method-item {
        width: 100%;
    }

    .main-banner-button {
        margin-bottom: 40px;
    }

    .hp-custom-section h3 {
        font-size: 35px;
    }

    .hp-sec-3 .cus-sec-title h3 {
        font-size: 35px;
        line-height: normal;
    }

    .hp-search-courses .search-courses-header .title {
        font-size: 35px;
    }

    .hp-students .students-header .title {
        font-size: 34px;
    }

    .abp-sec-2 h2.main-title {
        font-size: 35px;
    }

    .abp-sec-3 h2.main-title {
        font-size: 35px;
    }

    .abp-sec-4 .section-title {
        padding: 0;
        text-align: center;
        font-size: 35px;
        margin-bottom: 30px;
    }

    .abp-sec-4 .abp-sec-4-cus-box .item .item-header span {
        line-height: normal;
    }

    .abp-sec-2 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .abp-sec-5 {
        padding: 70px 0;
    }

    .pricing-page-content .page-sub-title-wrapper .page-sub-title>div {
        font-size: 35px;
    }

    .pricing-page-content .page-sub-title-wrapper .page-sub-title>div span {
        font-size: 35px;
    }

    .courses-page-title h2.title {
        font-size: 35px;
    }

    .single-post-sidebar {
        padding-left: 15px;
    }

    /* Custom mobile new homepage */
    .new_hp_sec1_form {
        position: relative;
        padding: 0 15px;
        bottom: unset;
        top: 0;
        transform: translateY(-40px);
    }

    .new_hp_sec1_banner_info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .new_hp_sec1_banner_info img {
        width: 40%;
    }

    .new_hp_sec1__text_block_1 .txt {
        font-size: 18px;
        line-height: 30px;
    }

    img.new_hp_sec1__bg {
        height: 50vh;
        object-fit: cover;
    }

    .new_hp_sec1__text_block {
        gap: 15px;
    }

    .new_hp_sec1__text_block_2 ul li {
        font-size: 14px;
        align-items: start;
        line-height: normal;
    }

    .new_hp_sec1__text_block_2 ul li svg {
        height: 14px;
        width: 14px;
        margin-top: 2px;
        min-width: 14px;
    }

    .new-hp-sec2 {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .custom_section_title__highlight {
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        padding: 1px 6px;
    }

    .custom_section_title__normal {
        font-size: 18px;
        line-height: 30px;
    }

    .new_hp_sec2_list {
        flex-wrap: wrap;
        gap: 20px;
        padding: 0 15px;
    }

    .new_hp_sec2_list>div {
        width: 100%;
    }

    .new_hp_sec3__title .top span:first-child {
        font-size: 23px;
        line-height: 30px;
    }

    .new_hp_sec3__title .top span.highlight {
        font-size: 23px;
        height: 30px;
        line-height: 34px;
    }

    .new_hp_sec3__title .bot {
        font-size: 23px;
    }

    .new_hp_sec3 {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .new_hp_sec3__quote-text {
        font-size: 15px;
    }

    .new_hp_sec3__quote-block-bottom {
        margin-top: 50px;
    }

    .new_hp_sec3__quote-message span {
        font-size: 16px;
        line-height: normal;
    }

    .new_hp_sec3__quote-list {
        font-size: 16px;
        line-height: 30px;
    }

    .new_hp_sec3__right {
        margin-top: 30px;
    }

    .new_hp_sec3__right__content {
        padding: 24px;
    }

    .new_hp_sec3__right__content .multi-sense-method__title {
        font-size: 16px;
    }

    .new_hp_sec3__right__content ul.multi-sense-method__list li {
        font-size: 13px;
    }

    .new_hp_sec3__right__content ul.multi-sense-method__list li svg {
        min-width: 14px;
        width: 14px;
        height: 14px;
    }

    .new_hp_sec4 {
        padding: 60px 15px;
    }

    .new_hp_sec4 .custom_section_subtitle {
        width: 100%;
        font-size: 16px;
    }

    .new_hp_sec4 .students_slick_list {
        margin-top: 40px;
    }

    .new_hp_sec5_stats {
        flex-wrap: wrap;
        gap: 20px;
    }

    .new_hp_sec5_stats_item {
        width: 100%;
        padding: 30px;
    }

    .new_hp_sec5 {
        padding: 0 15px;
    }

    .new_hp_sec6 {
        padding-top: 90px;
        padding-bottom: 90px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .new_hp_sec6_video_container {
        height: 260px;
    }

    .new_hp_sec6_video_container .video-shadow {
        height: 200px;
        bottom: -20px;
        right: -10px;
    }

    .new_hp_sec7 {
        padding-bottom: 60px;
    }

    .footer-cta {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer_cta__form_wrapper .txt1 {
        line-height: 30px;
        font-size: 20px;
    }

    .footer_cta__form_wrapper .highlight {
        line-height: 30px;
        font-size: 20px;
    }

    .footer_cta__form_wrapper .txt2 {
        font-size: 18px;
    }

    .footer-row {
        flex-wrap: wrap;
    }

    .footer-row .footer-col {
        width: 100%;
    }

    .footer-about {
        width: 100%;
    }

    .footer-contact-info__item .contact-item {
        white-space: unset;
    }

    .footer-programs {
        flex-wrap: wrap;
    }

    .footer__programs_item {
        width: 100%;
    }

    .footer-cp-inner>div {
        font-size: 12px;
    }

    .footer-cp-inner {
        flex-wrap: wrap;
    }

    .footer-cp-inner>div:first-child {
        width: 100%;
        text-align: center;
    }

    form.new_hp_sec1__form {
        padding: 20px;
    }

    .new_hp_sec1__form-select#program {
        width: 100%;
    }

    .new_hp_sec1__form-select#course {
        width: 100%;
    }

    .new_hp_sec1__form__inner {
        flex-wrap: wrap;
    }

    .new_hp_sec1__form-group {
        width: 100%;
    }

    .new_hp_sec4 .item_main_image_outer {
        transform: unset !important;
        margin-top: 0 !important;
        display: none;
    }

    .new_hp_sec4 .testimonial-card {
        opacity: 1;
        visibility: visible;
    }

    /* End Custom mobile new homepage */

    .new_about_page_sec1_subtitle {
        width: 100%;
        font-size: 18px;
    }

    .programs_page_sec1.new_about_page_sec1 .new_hp_sec1__text_block .new_hp_sec1__text_block_1 .txt {
        font-size: 30px;
    }

    .breadcrumb-row p#breadcrumbs {
        padding-left: 20px;
        padding-right: 20px;
    }

    .new_abp_sec2 {
        padding-top: 60px;
        padding-bottom: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .new_abp_sec2 .custom_section_title__highlight {
        padding: 2px 6px;
    }

    .new_abp_sec2 .success-image {
        padding-left: 0;
        padding-top: 0;
        margin-top: 50px;
    }

    .new_abp_sec2 .success-image::before {
        right: -10px;
        top: -30px;
    }

    .new_abp_sec3 {
        padding-bottom: 40px;
    }

    .new_abp_sec4 {
        padding-top: 60px;
        padding-bottom: 10px;
    }

    .new_abp_sec4_list_shadow {
        display: none;
    }

    .new_abp_sec5 {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .new_abp_sec6 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .new_abp_sec8 {
        padding-bottom: 40px;
    }

    .programs_page_sec1 .new_hp_sec1__text_block {
        flex-direction: column;
        align-items: center;
    }

    .programs_page_sec1 .new_hp_sec1__text_block_1 {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .programs_page_sec2 .programs_page_sec2_highlight {
        font-size: 18px;
        line-height: 30px;
    }

    .programs_page_sec2 .programs_page_sec2_title-line1 {
        font-size: 18px;
        line-height: 30px;
    }

    .programs_page_sec2 .programs_page_sec2_title-line2 {
        font-size: 18px;
        line-height: 30px;
    }

    .programs_page_sec2 .programs_page_sec2_course-item {
        width: 100%;
    }

    .programs_page_sec2 {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .programs_page_sec4 {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .single-couse-header-banner img.new_hp_sec1__bg {
        height: 250px;
    }

    .single-course-wrapper h2,
    .single-course-wrapper h3 {
        font-size: 20px;
    }

    .single-course-wrapper .teacher-info h3 {
        font-size: 20px;
    }

    .single-course-wrapper .teacher-card ul {
        flex-direction: column;
    }

    .single-course-wrapper .teacher-card ul li {
        width: 100%;
    }

    .single-course-wrapper .programs_page_sec4 .programs_page_sec4_title {
        font-size: 20px;
    }

    .single-course-wrapper .programs_page_sec4 {
        padding-left: 0;
        padding-right: 0;
    }

    .single-course-wrapper {
        padding-bottom: 40px;
    }

    .programs_page_sec1 .new_hp_sec1_banner_info .new_hp_sec1__text_block_1 {
        display: inline-block;
    }

    .news_page_sec1 {
        padding-bottom: 60px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .news_page_sec1 .news_page_news_list .news_page_news_item {
        width: 100%;
    }

    .news_page_sec1 .custom_section_title {
        margin-bottom: 40px;
    }

    .news_page_sec1 .news_page_news_list .news_page_news_item .news_page_news_item_info a h3 {
        font-size: 20px;
    }

    .news_page_sec1.news_page_sec2 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .new-single-post-title h1 {
        font-size: 22px;
    }

    .new-single-post-short-des {
        font-size: 14px;
    }

    .new-single-post-content {
        margin-top: -100px;
    }

    .new-single-post-date {
        font-size: 14px;
    }

    .new-single-post-meta {
        font-size: 15px;
    }

    .another_posts_sidebar {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .new_ctp_sec1_address_item .address_name {
        font-size: 20px;
    }

    .new_ctp_sec1_address_item .address_detail .item {
        font-size: 15px;
    }

    .new_ctp_sec1 {
        padding-bottom: 40px;
    }
}

@media (max-width: 435px) {
    .custom_section_title .top {
        flex-wrap: wrap;
    }
}

@media (max-width: 412px) {
    .new_ctp_sec1_address_item {
        padding: 20px;
    }

    .new_ctp_sec1_address_item .address_info span {
        font-size: 12px;
    }

    .new_abp_sec5_item_txt {
        font-size: 20px;
    }
}

.grecaptcha-badge {
    display: none !important;
}