:root {
    --base-color: #264259;
    --base-color-light: #5d5e5f;
    --base-dark: #264259;
    --base-dark-op: #224c6ed6;
    --color-secondary: #1F1F25;
    --color-s: #542e0c;
    --transition: 0.3s;
    --font-1: "Roboto", sans-serif;
    --font-2: "Rubik", sans-serif;
    --font-3: "Open sans", sans-serif;
    --text-bold: bold;
}

html {
    overflow: hidden;
    overflow-y: auto;
    scroll-behavior: auto !important;
}

html,body {
    /* height: 100%; */
}

body {
    color: #090909;
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    overflow-x: hidden;
    margin: 0;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pos-rel {
    position: relative;
    z-index: 1;
}

.trans {
    transition: var(--trans, all 0.2s ease)
}

p.last {
    margin-bottom: 0;
}

[hidden] {
    display: none;
}

.fix-ltr {
    direction: ltr;
    text-align: initial;
}

.set-rtl {
}

.text-middle {
    text-align: center !important;
}

a {
    text-decoration: none;
    outline: none;
}

img {
    width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    color: #343434;
}

/* common */
.rts-btn, .site-btn {
    font-size: 16px;
    font-weight: 700;
    background-color: transparent;
    /* max-width: max-content; */
    padding: 13px 28px;
    /* min-width: max-content; */
    display: inline-block;
}

.rts-btn.btn-primary, .site-btn--primary {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    background: #0c3354;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 57px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid var(--base-color);
    transition: all 0.2s ease;
    /* min-width: 208px; */
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.site-btn--outline {
    border: 1px solid var(--base-color);
    border-radius: 57px;
    color: var(--base-color);
    /*
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    background: #0c3354;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid var(--base-color);
    transition: all 0.2s */
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.site-btn--outline:hover {
    background: var(--base-color);
    color: #fff;
    transition: all 0.2s;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.site-btn--primary:not(:disabled):hover {
    background-color: #542e0c;
    border-color: #542e0c;
}

.site-btn--primary:disabled {
    opacity: 50%;
    cursor: not-allowed;
}

.site-btn--primary.loading:after {
    content: '';
    position: absolute;
    inset: 0;
    background: inherit;
}

.site-btn--primary.loading:before {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-radius: 50px;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    animation: loading 0.86s linear infinite;
}

@keyframes loading {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* page */
.header--dark {
    --nav-text: #000;
    --nav-text-h: #000;
}

.header--light {
    --nav-text: #fff;
    --nav-text-h: #000;
}

.header--sticky {
    position: fixed;
    width: 100%;
    z-index: 11;
    padding: 9px 0 0;
    top: 0;
}

body.body-scrolled .header--sticky {
    --nav-text: #101010;
}

.bg_image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.header--sticky.sticky {
    position: fixed !important;
    top: 0px;
    width: 100%;
    box-shadow: 0px 7px 18px rgba(24, 16, 16, 0.0509803922);
    z-index: 999;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0 0 10px 10px;
}

.header-top {
    background: #1E1E20;
}

.header-top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-top-wrapper .left {
    display: flex;
    align-items: center;
    gap: 50px;
}

.header-top-wrapper .left :is(i, a) {
    color: #fff;
    transition: all 0.2s ease
}

.header-top-wrapper .left :is(i, a):hover {
    color: var(--color-primary)
}

.header-top-wrapper .left .call {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-top-wrapper .social-header {
    display: flex;
    align-items: center;
}

.header-top-wrapper .social-header * {
    color: #fff;
}

.header-top-wrapper .social-header ul {
    display: flex;
    align-items: center;
    gap: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 15px;
}

.header-top-wrapper .social-header ul li {
    margin: 0;
}

.header-top-wrapper .social-header ul li a {
    padding: 13px 8px;
    display: block;
}

@media only screen and (max-width: 767px) {
    .header-two .header-top {
        display: none;
    }
}

.header-two-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: static;
}

.logo-area {
    max-width: 127px;
    margin: 5px 0
}

@media only screen and (max-width: 1199px) {
    .header-two-wrapper {
        padding: 1px 0;
    }
}

.header-two-wrapper .header-end {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-two-wrapper .header-end .nav-btn {
    height: 53px;
    width: 54px;
    border: 1px solid var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    background-color: var(--color-primary);
}

.header-two-main-wrapper {
    /* background: #fff; */
    position: relative;
}

.header-two-main-wrapper .nav-area ul li.main-nav {
    padding: 31px 0;
}

.header-two-main-wrapper .rts-btn.btn-primary {
    padding: 15px 28px;
}

@media only screen and (max-width: 479px) {
    .header-two-main-wrapper .rts-btn.btn-primary {
        display: none;
    }
}

header.header-two .main-nav>a {
    color: #0C0A0A;
    font-weight: 600;
    font-size: 16px;
}

.header-bottom-five-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

@media only screen and (max-width: 1199px) {
    .header-bottom-five-wrapper {
        padding: 15px 0;
    }
}

header.header-two.sticky .header-top {
    display: none;
}

.menu-btn {
    display: none !important;
}

@media only screen and (max-width: 1199px) {
    .nav-area {
        display: none;
    }

    .menu-btn {
        display: flex !important;
    }
}

.nav-area ul {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 0;
    margin: 0;
    list-style: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .nav-area ul {
        gap: 40px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .nav-area ul {
        gap: 10px;
    }
}

@media screen and (max-width: 1300px) {
    .nav-area ul {
        gap: 25px;
    }
}

.nav-area ul li {
    margin: 0;
    padding: 0;
}

.nav-area ul li a {
    color: #111032;
    font-weight: 600 !important;
}

.nav-area ul li.main-nav {
    padding: 21px 0;
    cursor: pointer;
}

.nav-area ul li.main-nav.active a {
    color: var(--color-primary);
}

.submenu:hover li a {
    opacity: 0.6;
}

header .nav-area ul li.main-nav:hover>a {
    transition: 0.3s;
    color: var(--color-primary) !important;
}

header .nav-area ul li.main-nav:hover::after {
    color: var(--color-primary) !important;
}

.mobile-menu nav ul {
    padding: 0 20px;
}

.mobile-menu nav ul li {
    margin: 0;
    padding: 0;
}

.mobile-menu nav ul li a.main {
    padding: 12px 0 17px 0;
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer;
}

.mobile-menu nav ul li.has-droupdown {
    position: relative;
}

.mobile-menu nav ul li.has-droupdown ul a.tag {
    font-weight: 700;
    margin-top: 15px;
    font-size: 18px;
}

.mobile-menu nav ul li.has-droupdown ul li {
    margin: 10px 0 !important;
}

.mobile-menu nav ul li.has-droupdown::after {
    position: absolute;
    content: "\f078";
    font-family: "Font Awesome 6 pro" !important;
    font-size: 16px;
    right: 0;
    font-weight: 400;
    top: 5px;
    padding: 8px 13px;
    color: #fff;
    background: var(--color-primary) !important;
    pointer-events: none;
    cursor: pointer;
}

.mobile-menu nav ul li.has-droupdown.mm-active::after {
    content: "\f077";
}

.mobile-menu nav ul li a {
    display: block;
}

.mobile-menu nav ul li a {
    display: block;
    padding: 2px 0;
    border-bottom: 1px solid #f1f1f1;
}

/* main page */
.sec-title__h2 {
    font-size: 40px;
    font-family: var(--font-1);
    font-weight: 500;
    letter-spacing: 0px;
}

.sec-title__h2.sm {
    font-size: 28px;
}

.sec-title__p {
    color: var(--base-color);
    font-size: 22px;
    font-weight: 500;
    font-family: var(--font-1);
    margin-bottom: 20px;
    line-height: 32px;
}

.about-title.sec-title {
    margin-bottom: 0px !important;
}

.about-title__p {
    letter-spacing: 0.25px;
    word-spacing: 1px;
}

/* sec */
.about-content p {
    font-size: 19.5px;
    line-height: 1.75;
    letter-spacing: 0.25px;
}

.about-bottom p {
    font-size: 23px;
    color: var(--base-color);
    font-weight: 500;
    margin: 50px 0 10px;
}

.about-image img {
    object-fit: cover;
    max-width: 460px;
    margin: 0 auto;
}

.section-gap {
    padding: 61px 0px 80px;
}

/*  */
.expert-card {
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
}

.expert-card__img {
    text-align: center;
    margin-bottom: 5px;
}

.expert-card__img img {
    /* max-width: 300px; */
    margin: 0 auto;
}

.expert-card__info {
    padding: 20px 28px 10px;
}

.expert-card__info h2 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.25px;
}

.expert-card__info p {
    font-size: 15.1px;
    line-height: 1.65;
    color: #60676d;
    text-align: justify;
    letter-spacing: -0.2px;
    margin-bottom: 0px;
}

/*  */
.section-expert {
    --_gradient-blend-mode: normal;
    --_gradient-blur: 180px;
    /* background: radial-gradient(at 94% 97%, #E6F5FF 0px, transparent 50%), radial-gradient(at 62% 44%, #85D0FF 0px, transparent 50%) #ffffff; */
    /* mix-blend-mode: var(--_gradient-blend-mode); */
    /* background: #f7fdff; */
    /* background: linear-gradient(to top, transparent, #e6efff, transparent); */
    padding: 60px 0 50px;
}

.frosted-backdrop {
    backdrop-filter: blur(var(--_gradient-blur)) contrast(100%) brightness(100%);
    -webkit-backdrop-filter: blur(var(--_gradient-blur)) contrast(100%) brightness(100%);
}

.expert-row {
    --bs-gutter-x: 40px;
}

.testimonial-item {
    padding: 20px 40px 30px;
    background-color: #fff;
    border-radius: 15px;
}

.testimonial-item p.disc {
    font-size: 17px;
    color: #6b6b6b;
    margin: 0 0 40px;
    line-height: 1.85;
    letter-spacing: 0.2px;
    text-align: justify;
    text-align-last: center;
}

.testimonial-item .bottom-area {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 23px;
    text-align: center;
    gap: 20px 10px;
    padding-bottom: 30px;
}

.testimonial-item .stars-area .stars span.icon {
    display: inline-block;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M496 203.3H312.36L256 32l-56.36 171.3H16l150.21 105.4l-58.5 171.3L256 373.84L404.29 480l-58.61-171.3Z'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 19px;
    height: 20px;
    background-color: #e1b506;
}

.testimonial-item .stars-area .stars {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 7px;
    justify-content: center;
}

.testimonial-item .stars-area .stars i {
    color: #F6AE28;
    font-weight: 900;
}

.testimonial-item .bottom-area .author img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: 2px solid #0c33542b;
}

.testimonial-item .stars-area {
}

.testimonial-item .stars-area p {
    font-size: 20px;
    color: var(--base-color);
    margin: 18px 0 0;
}

.section-review {
    background: #edf3fe9e;
    /* background: linear-gradient(to top, transparent, #8f8f8f9c, transparent); */
    padding: 50px 0 40px;
}

.section-footer {
    padding: 40px 0;
    /* border-top: 1px solid #eee; */
    background: var(--base-dark);
}

.footer-left {
    display: flex;
    align-items: center;
    gap: 10px 30px;
}

.footer-left__img {
}

.footer-left__img img {
    width: 100%;
    max-width: 80%;
}

.footer-left__contact {
    text-align: left;
}

.footer-left__contact .title {
    font-size: 23px;
    font-weight: 500;
    color: var(--base-color);
    margin-bottom: 13px;
}

.footer-left__contact .link a {
    font-size: 20px;
    display: inline-flex;
    margin-bottom: 9px;
    color: lightseagreen;
    font-weight: 500;
    letter-spacing: 0.2px;
    transition: all 0.12s ease;
}

.footer-left__contact .link a:hover {
    color: var(--base-color);
}

/*  */
.img-border {
    border-radius: 15px;
    overflow: hidden
}

.sec-title {
    margin-bottom: 36px;
}

.center {
    text-align: center
}

/*  */
.social-links {
    display: flex;
    gap: 10px 12px;
}

.social-links a {
    display: inline-flex;
    border-radius: 40px;
    /* overflow: hidden; */
    width: 45px;
    height: 45px;
    color: #fff;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.22s ease;
}

.social-links a:hover {
    transform: translateY(-4px);
}

.social-links svg {
    width: 27px;
    height: 25px;
}

/*  */
a.wh {
    background-color: #28ae43;
}

a.lk {
    background-color: #0a66c2;
}

a.fb {
    background-color: #1877f2;
}

a.ig {
    background: #833ab4;
    background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
}

/*  */
.section-homeenq {
    padding: 100px 0px 70px;
}

.homeenq-title {
    margin-bottom: 40px;
}

.homeeform-group label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.homeeform-input {
    width: 100%;
    padding: 16px 20px;
    font-size: 15px;
    letter-spacing: 0.2px;
    border-radius: 6px;
    border: 1px solid #b5b5b5;
    outline: none;
}

.homeeform-input.error {
    border-color: #ff0000;
}

.site-btn--henqform {
    padding: 16px 48px;
}

/*  */
.section-partners {
    padding: 60px 0px 70px;
}

.partners-item {
    max-width: 230px;
    margin: 4px auto 20px;
    border: 1px solid #eee;
}

.section-courselist {
    background-color: #e6f5ff45;
    padding: 50px 0px 30px;
}

.courselist-maintitle, .courselist-title {
    font-size: 18px;
    color: var(--base-color);
    line-height: 25px;
    font-weight: 500;
}

.courselist-title {
    margin-bottom: 15px;
}

.courselist-maintitle {
    color: #000;
    font-size: 16px;
}

.courselist-card {
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.courselist-card__info {
    padding: 20px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.courselist-card__info ul {
}

.courselist-card__info ul li {
    font-size: 16px;
    color: #4f5355;
    font-weight: 400;
    line-height: 28px;
    padding-left: 0px;
    margin-left: -10px;
    font-family: var(--font-3);
    letter-spacing: 0.2px;
}

.courselist-card__info a {
    padding: 11px 20px;
    max-width: 200px;
    display: block;
    text-align: center;
    margin: 20px auto 10px;
    margin-top: auto;
}

.make-img {
    max-width: 440px;
    margin-left: auto;
}

section.section-make {
    padding: 50px 0 59px;
    background-color: #f5f5f6;
}

.make-info {
}

.make-info ul li {
    font-size: 18px;
    margin-bottom: 20px;
    color: var(--base-color);
    letter-spacing: 0.25px;
}

/*  */
.make-form__wrap {
    background-color: #a7bed13d;
    padding: 40px 40px 40px;
    border-radius: 15px;
}

.make-form {
}

.make-form .title {
    font-size: 22px;
    margin-bottom: 11px;
    color: var(--base-color);
}

.make-form p {
    font-size: 16px;
}

.make-form__group {
    background-color: var(--base-color);
    display: flex;
    max-width: 470px;
    margin-left: auto;
}

.make-form__input {
    background-color: transparent;
    color: #fff;
    width: 100%;
    border: 2px solid var(--base-color);
    padding: 9px 0px 8px 20px;
    font-size: 16px;
    outline: none;
}

.make-form__input.error {
    border-color: #ff0000;
    color: #ff0000;
}

.make-form__input.error::-webkit-input-placeholder {
    color: #ff0000;
}

.make-form__input.error::-moz-placeholder {
    color: #ff0000
}

.make-form__input.error:-ms-input-placeholder {
    color: #ff0000
}

.make-form__input.error:-moz-placeholder {
    color: #ff0000
}

.make-form__btn {
    padding: 19px 20px;
    border: none;
    background-color: #40939c;
    color: #fff;
    line-height: normal;
    font-size: 16px;
    letter-spacing: 0.25px;
}

.make-form__btn:disabled {
    opacity: 110%;
    cursor: not-allowed;
    background: #c5d3d4;
}

.make-form__input::-webkit-input-placeholder {
    color: #fff;
}

.make-form__input::-moz-placeholder {
    color: #fff;
}

.make-form__input:-ms-input-placeholder {
    color: #fff;
}

.make-form__input:-moz-placeholder {
    color: #fff;
}

/*  */
.section-herobanner, .section-innerbanner {
    background-color: #eee;
    position: relative;
}

.section-innerbanner:after {
    content: '';
    position: absolute;
    inset: 0px;
    background: linear-gradient(to bottom, #0000004a 3%, transparent 30%);
}

.innerbanner-overlay {
    position: absolute;
    inset: 0;
    /* background: linear-gradient(to bottom, #00000057 15%, transparent 50%); */
    background-color: #00000042;
}

.herobanner-info, .innerbanner-info {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 9;
}

.section-innerbanner img {
    max-height: 480px;
    min-height: 480px;
    object-fit: cover;
}

.innerbanner-info :is(h2, h3, p) {
    font-weight: 700;
    color: #fff;
}

.innerbanner-info__text {
    font-size: 21px;
}

.innerbanner-info__sub {
    font-size: clamp(35px, 3vw, 54px);
    max-width: 28ch;
    margin: 0 auto;
}

.innerbanner-info__desr {
    font-size: clamp(16px, 2vw, 21px);
    text-align: center;
    margin: 20px 0 0;
    line-height: 1.8;
    letter-spacing: 0.25px;
}

.herobanner-info__text span.one, .innerbanner-info__text span.one {
    display: block;
    font-size: 35px;
}

.section-herobanner:after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #fff;
    opacity: 10%;
    pointer-events: none;
}

.herobanner-img {
    max-height: 560px;
    min-height: 560px;
    object-fit: cover;
}

.herobanner-img:after {
    content: '';
    position: absolute;
    inset: 0px;
    background: #ffffff66;
    z-index: 1
}

.herobanner-info__text {
    font-size: clamp(20px, 3.3vw, 38px);
    font-weight: 700;
    line-height: 1.4;
    color: #000000;
}

.herobanner-info__text .large {
    display: block;
    font-size: 1.4em;
}

.herobanner-caption {
    color: #232323;
    font-size: 20.5px;
    font-weight: var(--text-bold);
    line-height: 1.6;
    letter-spacing: 0.25px;
    width: 100%;
    max-width: 81ch;
}

/*  */
.section-reg {
    padding: 90px 0;
}

.regform {
    background-color: #f2f0fca3;
    border-radius: 15px;
    padding: 40px 40px;
    margin: 0 auto;
    max-width: 760px;
}

.regform-input, .regform-select {
    width: 100%;
    padding: 16px 20px;
    font-size: 15px;
    letter-spacing: 0.2px;
    border-radius: 6px;
    border: 1px solid #b5b5b5;
    outline: none
}

.regform-input.error, .regform-select.error {
    border-color: #ff0000;
}

.regform-select {
}

.regform-input--large {
    min-height: 140px;
}

.regform-group {
}

.regform-group label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

/*  */
.header-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin: 11px 0px;
    transition: all 0.12s ease;
    flex-wrap: wrap;
    gap: 10px 2px;
    /* display: none; */
    /* height: 0px; */
}

.nav-menu.active .header-nav {
    display: flex
}

.body-scrolled .header-nav {
    /* margin: 15px 0px; */
}

.nav-toggle {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    /* margin-top: 5px; */
}

.nav-toggle button {
    width: 50px;
    height: 45px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    background-color: var(--base-dark-op);
    padding: 10px 10px;
    transition: all 0.2s ease;
    margin-top: 0;
}

.nav-toggle button:hover {
    background-color: var(--base-dark);
}

.nav-toggle__btn .bar {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.3s ease;
    transform-origin: center;
    will-change: transform, opacity;
}

.nav-toggle__btn.active .bar:nth-child(1) {
    transform: rotate(45deg) translate(8px, 7px);
}

.nav-toggle__btn.active .bar:nth-child(2) {
    opacity: 0;
}

.nav-toggle__btn.active .bar:nth-child(3) {
    transform: rotate(-45deg) translate(8px, -8px);
}

.nav-menu:not(.nav-show) .header-nav li {
    width: 230px;
}

.nav-menu:not(.nav-show) .header-nav li a {
    padding: 16px 9px;
    color: #fff;
    background-color: var(--base-dark);
    display: block;
    border-radius: 9px;
    font-size: 16.2px;
    font-weight: 500;
    letter-spacing: 0.25px;
    transition: all 0.12s ease;
    white-space: nowrap;
    text-align: center;
}

.nav-menu:not(.nav-show) .header-nav li a:hover, .nav-menu:not(.nav-show) .header-nav li.active a {
    background-color: var(--base-color);
}

.nav-menu.nav-show .header-nav li a {
    color: var(--base-dark);
    font-size: 16px;
    font-weight: 600;
    transition: all 0.2s ease;
    text-transform: uppercase;
}

/* body:not(.body-scrolled) :is(.header--course .header-nav li a, .header--course .nav-action__cart) {
    color: #fff !important;
}
 */
body:not(.body-scrolled) :is(.header--cart .header-nav li a, .header--cart .nav-action__cart) {
    color: #0b3355 !important;
}

.nav-menu.nav-show .header-nav li.active a, .nav-menu.nav-show .header-nav li a:hover {
    /* color: var(--base-dark); */
}

.nav-menu.nav-show .header-nav {
    justify-content: flex-end;
    gap: 10px 50px;
}

.nav-toggle__btn {
    background-color: transparent;
    border: 1px solid #000;
    padding: 0px 0px;
    border-radius: 5px;
    background-color: var(--base-dark);
    color: #fff;
    margin-top: 15px;
}

.nav-toggle__btn svg {
    width: 55px;
    height: 45px;
}

.nav-menu:not(.nav-show) {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.5s ease, height 0.2s ease;
    height: 1px;
}

.nav-menu.active {
    /* display: block; */
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    margin-top: 19px;
    background-color: #ffffff78;
    padding: 9px 20px;
    border-radius: 15px;
    height: auto;
}

.nav-logo {
    max-width: 131px;
    transition: all 0.85s ease;
}

/* header-two */
.header--navold {
    background-color: #fff;
    padding: 9px 0;
}

.body-scrolled .header-two {
}

.language-sw[aria-expanded="true"] .caret {
    transform: rotateX(-180deg);
    transform: scaleX(-1);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M10 18c.87 0 1.71-.14 2.494-.396a8 8 0 0 1-.974-1.63C11.024 16.675 10.486 17 10 17c-.657 0-1.407-.59-2.022-1.908A9.3 9.3 0 0 1 7.42 13.5h3.584q.019-.514.137-1H7.206A15 15 0 0 1 7 10c0-.883.073-1.725.206-2.5h5.588c.12.704.192 1.463.204 2.258q.453-.31.986-.5a16 16 0 0 0-.177-1.758h2.733c.21.549.353 1.131.419 1.736q.562.193 1.037.517A8 8 0 1 0 10 18m0-15c.657 0 1.407.59 2.022 1.908c.217.466.406 1.002.559 1.592H7.419c.153-.59.342-1.126.56-1.592C8.592 3.59 9.342 3 10 3M7.072 4.485A10.5 10.5 0 0 0 6.389 6.5H3.936a7.02 7.02 0 0 1 3.778-3.118c-.241.33-.456.704-.642 1.103M6.192 7.5A16 16 0 0 0 6 10c0 .87.067 1.712.193 2.5H3.46A7 7 0 0 1 3 10c0-.88.163-1.724.46-2.5zm.197 6c.176.743.407 1.422.683 2.015c.186.399.401.773.642 1.103A7.02 7.02 0 0 1 3.936 13.5zm5.897-10.118A7.02 7.02 0 0 1 16.064 6.5H13.61a10.5 10.5 0 0 0-.683-2.015a6.6 6.6 0 0 0-.642-1.103M19 13.682c0-2.033-1.465-3.681-3.499-3.681S12 11.649 12 13.682c0 1.524.982 3.53 3.256 5.236c.145.11.345.11.49 0C18.022 17.212 19 15.206 19 13.682m-2-.182a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0'/%3E%3C/svg%3E");
}

.language-sw[aria-expanded="false"] .caret {
}

.nav-language .language-sw {
    height: 38px;
    width: 38px;
    background: transparent;
    display: inline-flex;
    border-radius: 5px;
    padding: 0 0;
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    position: relative;
    gap: 4px 3px;
    transition: all 0.25s ease;
    justify-content: center;
}

.nav-language .language-sw:is(:hover,.show) {
    background-color: #50a1e330;
}

.nav-language .language-sw>span {
    display: block;
    line-height: initial;
    /* display: none; */
}

#current-lang {
    display: none
}

.nav-language span.icon {
    /* content: ''; */
    display: inline-block;
    width: 32px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    /* top: 6px; */
}

.nav-language .language-sw>span svg {
    width: 20px;
    color: #545657;
}

.nav-language>div {
    line-height: 20px;
    direction: ltr;
}

.nav-language span.text {
    color: initial;
    display: inline-block;
    margin: 0 5px;
    display: none;
}

.nav-language .caret {
    display: inline-block;
    width: 35px;
    height: 31px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' d='M24 4c11.046 0 20 8.954 20 20s-8.954 20-20 20S4 35.046 4 24S12.954 4 24 4m0 37.5c1.304 0 3.158-1.122 4.835-4.476c.648-1.296 1.208-2.822 1.645-4.524H17.52c.437 1.702.997 3.228 1.645 4.524C20.842 40.378 22.695 41.5 24 41.5M16.99 30h14.02c.315-1.863.49-3.88.49-6a36 36 0 0 0-.41-5.5H16.91a36 36 0 0 0-.41 5.5c0 2.12.175 4.137.49 6m16.064 2.5c-.771 3.282-1.976 6.077-3.466 8.089A17.55 17.55 0 0 0 39.3 32.5zm7.39-2.5a17.5 17.5 0 0 0 1.056-6c0-1.921-.31-3.77-.882-5.5h-7A39 39 0 0 1 34 24c0 2.09-.16 4.106-.458 6zm-25.986 0A39 39 0 0 1 14 24c0-1.907.133-3.753.383-5.5H7.382A17.5 17.5 0 0 0 6.5 24c0 2.108.373 4.129 1.056 6zm-5.759 2.5a17.55 17.55 0 0 0 9.713 8.089c-1.49-2.012-2.695-4.807-3.466-8.089zM17.396 16h13.208c-.453-1.905-1.058-3.602-1.769-5.024C27.158 7.622 25.305 6.5 24 6.5c-1.304 0-3.158 1.122-4.835 4.476c-.711 1.422-1.316 3.12-1.769 5.024m15.772 0h6.4a17.55 17.55 0 0 0-9.98-8.589c1.565 2.114 2.816 5.09 3.58 8.589M18.412 7.411A17.55 17.55 0 0 0 8.432 16h6.4c.764-3.499 2.015-6.475 3.58-8.589'/%3E%3C/svg%3E");
    /* --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m14.5 8.5l-4 4l-4-4' stroke-width='1'/%3E%3C/svg%3E"); */
    background-color: var(--base-color);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: absolute;
    /* top: 2px; */
    /* right: 0px; */
    transition: all 0.5s ease;
    position: relative;
}

.nav-language #lang-switcher {
    cursor: default;
    height: 30px;
    padding: 0px 10px;
    border: 0px;
    background-color: transparent;
    float: right;
}

.nav-language #lang-switcher-list {
    overflow-y: scroll;
    max-height: 90vh;
    overflow-y: hidden;
    padding: 0;
    margin-top: 10px;
}

.nav-language #lang-switcher-list a {
    font-size: 14px;
    display: flex;
    color: #161616;
    font-weight: 200;
    font-weight: 500;
    padding: 6px 11px 6px;
    transition: all 0.2s ease;
    align-items: flex-start;
    line-height: 24px;
}

.nav-language #lang-switcher-list a:before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: -2px;
}

.nav-language span.icon.EN, .nav-language #lang-switcher-list a.en:before {
    width: 31px;
    height: 18px;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23b22334' d='M35.445 7C34.752 5.809 33.477 5 32 5H18v2zM0 25h36v2H0zm18-8h18v2H18zm0-4h18v2H18zM0 21h36v2H0zm4 10h28c1.477 0 2.752-.809 3.445-2H.555c.693 1.191 1.968 2 3.445 2M18 9h18v2H18z'/%3E%3Cpath fill='%23eee' d='M.068 27.679q.025.14.059.277q.04.15.092.296c.089.259.197.509.333.743L.555 29h34.89l.002-.004a4 4 0 0 0 .332-.741a4 4 0 0 0 .152-.576c.041-.22.069-.446.069-.679H0c0 .233.028.458.068.679M0 23h36v2H0zm0-4v2h36v-2H18zm18-4h18v2H18zm0-4h18v2H18zM.555 7l-.003.005zM.128 8.044c.025-.102.06-.199.092-.297a4 4 0 0 0-.092.297M18 9h18c0-.233-.028-.459-.069-.68a3.6 3.6 0 0 0-.153-.576A4 4 0 0 0 35.445 7H18z'/%3E%3Cpath fill='%233c3b6e' d='M18 5H4a4 4 0 0 0-4 4v10h18z'/%3E%3Cpath fill='%23fff' d='m2.001 7.726l.618.449l-.236.725L3 8.452l.618.448l-.236-.725L4 7.726h-.764L3 7l-.235.726zm2 2l.618.449l-.236.725l.617-.448l.618.448l-.236-.725L6 9.726h-.764L5 9l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L9 9l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L13 9l-.235.726zm-8 4l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L5 13l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L9 13l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L13 13l-.235.726zm-6-6l.618.449l-.236.725L7 8.452l.618.448l-.236-.725L8 7.726h-.764L7 7l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L11 7l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L15 7l-.235.726zm-12 4l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L3 11l-.235.726zM6.383 12.9L7 12.452l.618.448l-.236-.725l.618-.449h-.764L7 11l-.235.726h-.764l.618.449zm3.618-1.174l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L11 11l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L15 11l-.235.726zm-12 4l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L3 15l-.235.726zM6.383 16.9L7 16.452l.618.448l-.236-.725l.618-.449h-.764L7 15l-.235.726h-.764l.618.449zm3.618-1.174l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L11 15l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L15 15l-.235.726z'/%3E%3C/svg%3E"); */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cg fill='none'%3E%3Cpath fill='%232e42a5' fill-rule='evenodd' d='M0 0v24h32V0z' clip-rule='evenodd'/%3E%3Cmask id='SVGTrazyc7b' width='32' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M0 0v24h32V0z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cg mask='url(%23SVGTrazyc7b)'%3E%3Cpath fill='%23fff' d='m-3.563 22.285l7.042 2.979l28.68-22.026l3.715-4.426l-7.53-.995l-11.698 9.491l-9.416 6.396z'/%3E%3Cpath fill='%23f50100' d='M-2.6 24.372L.989 26.1L34.54-1.599h-5.037z'/%3E%3Cpath fill='%23fff' d='m35.563 22.285l-7.042 2.979L-.159 3.238l-3.715-4.426l7.53-.995l11.698 9.491l9.416 6.396z'/%3E%3Cpath fill='%23f50100' d='m35.323 23.783l-3.588 1.728l-14.286-11.86l-4.236-1.324l-17.445-13.5H.806l17.434 13.18l4.631 1.588z'/%3E%3Cmask id='SVGOYc5edRg' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M19.778-2h-7.556V8H-1.972v8h14.194v10h7.556V16h14.25V8h-14.25z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%23f50100' fill-rule='evenodd' d='M19.778-2h-7.556V8H-1.972v8h14.194v10h7.556V16h14.25V8h-14.25z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M12.222-2v-2h-2v2zm7.556 0h2v-2h-2zM12.222 8v2h2V8zM-1.972 8V6h-2v2zm0 8h-2v2h2zm14.194 0h2v-2h-2zm0 10h-2v2h2zm7.556 0v2h2v-2zm0-10v-2h-2v2zm14.25 0v2h2v-2zm0-8h2V6h-2zm-14.25 0h-2v2h2zm-7.556-8h7.556v-4h-7.556zm2 8V-2h-4V8zm-16.194 2h14.194V6H-1.972zm2 6V8h-4v8zm12.194-2H-1.972v4h14.194zm2 12V16h-4v10zm5.556-2h-7.556v4h7.556zm-2-8v10h4V16zm16.25-2h-14.25v4h14.25zm-2-6v8h4V8zm-12.25 2h14.25V6h-14.25zm-2-12V8h4V-2z' mask='url(%23SVGOYc5edRg)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.nav-language span.icon {
    display: none !important;
}

.nav-language #lang-switcher-list li a.en:before {
    top: 1px;
    margin-right: 4px;
    left: 2px;
}

.nav-language span.icon.FR, .nav-language #lang-switcher-list a.fr:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath fill='%23fff' d='M5 17h62v38H5z'/%3E%3Cpath fill='%231e50a0' d='M5 17h21v38H5z'/%3E%3Cpath fill='%23d22f27' d='M46 17h21v38H46z'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 17h62v38H5z'/%3E%3C/svg%3E");
}

.nav-language span.icon.AR, .nav-language #lang-switcher-list a.ar:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath fill='%23fff' d='M5 17h62v38H5z'/%3E%3Cpath d='M5 42h62v13H5z'/%3E%3Cpath fill='%235c9e31' d='M5 17h62v13H5z'/%3E%3Cpath fill='%23d22f27' d='M5 17h21v38H5z'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 17h62v38H5z'/%3E%3C/svg%3E");
}

.nav-language #lang-switcher-list a:hover, .nav-language #lang-switcher-list a.active {
    background-color: #efefef;
    color: var(--base-color);
}

.nav-language #lang-switcher:hover {
    background-color: #ddd;
}

.body-scrolled .header--sticky {
    background-color: #ffffff;
}

.swal-footer {
    text-align: center;
}

.swal-text {
    color: #000000;
    font-family: var(--font-1);
    text-align: center;
}

.swal-button {
    background-color: var(--base-color);
    padding: 13px 30px;
}

.swal-button--cancel {
    color: #555;
    background-color: #efefef;
}

.nav-action {
    display: flex;
    gap: 10px 10px;
    align-items: center;
}

.nav-action__cart {
    color: var(--base-dark);
    display: inline-block;
    position: relative
}

.nav-action__cart {
}

.nav-action__cart span.icon {
}

.nav-action__cart span.count {
    position: absolute;
    width: 28px;
    height: 28px;
    background-color: #0d3453;
    border-radius: 50px;
    color: #fff;
    top: -14px;
    left: 20px;
    line-height: 26px;
    text-align: center;
    font-weight: 500;
}

.nav-action__cart.active span.icon {
}

.nav-action__cart:hover {
    color: var(--base-color);
}

.nav-action__cart svg {
    width: 46px;
    height: 39px;
}

.nav-action__book {
    /* min-width: 148px; */
    margin-right: 25px;
    padding: 11px 18px;
}

.herobanner-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px 15px;
}

/* xx */
.why-features-row {
    margin-top: 2rem;
}

.why-feature {
    padding: 20px;
}

.why-icon img {
    width: 130px;
    height: auto;
}

.why-feature-title {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
}

.why-feature-text {
    font-size: 16px;
    color: #1d1d1d;
    line-height: 1.5;
}

.section-couhero {
    background-color: #0d3251;
    padding: 50px 0px;
}

.couhero-content {
    text-align: center;
}

.couhero-content h2 {
    color: #fff;
    font-size: clamp(16px, 2vw, 45px);
    margin-bottom: 20px;
    font-weight: bold;
}

.couhero-content .btns a {
    padding: 10px 20px;
    font-size: 21px;
    color: #fff;
    font-weight: 500;
    background: #0c3354;
    border-radius: 57px;
    border: 2px solid #fff;
    transition: all 0.2s ease;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    display: inline-block;
}

.couhero-content .btns a:hover {
    color: #fff;
    background: var(--color-s);
}

/* course table */
.section-coursetbl {
    padding-top: 50px;
}

.coursetbl-th {
    font-size: 18px;
    font-weight: var(--text-bold);
}

.coursetbl-td {
    line-height: 1.4;
    font-size: 17px;
}

.coursetbl-td--ar {
    font-size: 15px;
}

.coursetbl-tbody--hidden {
    display: none;
}

.coursetbl-tbody, .tbl-row {
    padding-top: 16px;
    margin-bottom: 25px;
}

.coursetbl-tbody h2 {
    font-size: 27px;
    margin-bottom: 23px;
    cursor: pointer;
}

.coursetable-title button {
    font-size: 27px;
    margin-bottom: 0px;
    cursor: pointer;
    padding: 0;
    background: transparent;
    border: none;
    font-weight: 500;
}

.coursetbl-thead {
    padding-bottom: 13px;
}

.coursetbl-hr {
    border-top: 2px solid var(--base-color);
}

.coursetbl-title, .coursetable-title {
    display: flex;
    align-items: center;
    gap: 10px 10px;
    padding-top: 16px;
}

.coursetbl-title img {
    border-radius: 100px;
    aspect-ratio: 1;
    width: 100px;
    background-color: #eee;
    object-fit: cover;
    object-position: top;
}

.coursetbl-title .name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

.coursetbl-title .about {
    font-size: 17px;
    margin-bottom: 4px;
}

.coursetbl-title a.text-link {
    font-weight: var(--text-bold);
    color: var(--base-color);
    font-size: 16px;
}

.coursetbl-btn a {
    font-size: 17px;
}

.footer-links {
    text-align: center;
}

.footer-links .title {
    font-size: 23px;
    color: #fff;
    margin-bottom: 20px;
}

.footer-links .item a {
    color: #fff;
    font-size: 21px;
    display: inline-block;
    line-height: 1.4;
    margin-bottom: 11px;
    transition: all 0.35s ease;
}

.footer-links .item a:hover {
    color: #dbcabb;
}

.footer-copy p {
    font-size: 20px;
    color: #fff;
}

.section-footcourse {
    position: relative;
    padding-top: 40px;
}

.section-footcourse:after {
    content: '';
    position: absolute;
    height: 70%;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #264358;
}

.footcourse-card {
    position: relative;
    z-index: 2;
    background-color: #ffffffd1;
    max-width: 559px;
    padding: 25px 25px;
    border-radius: 10px;
    position: absolute;
    top: 20%;
    left: 3%;
    /* From https: //css.glass */
    background: rgb(255 255 255 / 77%);
    border-radius: 36px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(18.5px);
    -webkit-backdrop-filter: blur(18.5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: 95%;
}

.footcourse-card {
}

.footcourse-card {
}

.footcourse-card p {
    font-size: 23px;
    line-height: 1.6;
    /* max-width: 38ch; */
}

.footcourse-card h2 {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 25px;
}

.footcourse-img {
    position: relative;
    z-index: 1;
}

.footcourse-action {
    border-top: 2px solid;
    padding-top: 10px;
}

.footcourse-btn {
    color: #292929;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
}

.footcourse-btn:hover {
    color: #593d26
}

.footcourse-btn svg {
    width: 45px;
    height: 45px;
}

.section-coursegrid {
    padding: 35px 0px;
}

.coursegrid-row__title.coursegrid-row__title {
    font-size: 25px;
    margin-bottom: 22px;
    font-weight: 600;
}

.coursegrid-row__title button {
    font-size: 25px;
    margin-bottom: 22px;
    font-weight: 600;
    background: transparent;
    border: none;
    padding: 0;
}

.coursegrid-row .row {
    --bs-gutter-x: 2.4rem;
}

.coursegrid-card {
}

.coursegrid-card__img {
    aspect-ratio: 1/1;
    background-color: #b0d8ee;
    max-width: 100%;
    margin-bottom: 20px;
}

.coursegrid-card__img img {
}

.coursegrid-card__info {
}

.coursegrid-card__info h2 {
    font-size: 21px;
    font-weight: 700;
    text-align: center;
}

.coursegrid-card__info h3 {
    font-size: 21px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 11px;
}

.coursegrid-card__info ul li {
    font-size: 17px;
    line-height: 1.56;
}

.coursegrid-card__btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 10px;
}

.coursegrid-card__btns .price {
    font-size: 19px;
    font-weight: 500;
}

.coursegrid-card__btn {
}

.section-courseform {
    background-color: var(--base-color);
}

.courseform {
    padding: 85px 30px 45px;
    max-width: 1000px;
    margin: 0 auto;
}

.courseform form {
    max-width: 800px;
    margin: 0 auto;
}

.courseform :is(h2, h3, p, input) {
    text-align: center;
    color: #fff;
}

.courseform h2 {
    margin-bottom: 25px
}

.courseform h3 {
    font-size: 50px;
    margin-bottom: 50px;
}

.frm-grp {
    margin-bottom: 36px;
}

.frm-grp :is(input[type="text"], select) {
    color: #fff;
    width: 100%;
    border: 3px solid #fff;
    background-color: transparent;
    margin-bottom: 12px;
    border-radius: 60px;
    padding: 12px 20px;
    font-size: 20px;
    text-align: left;
    outline: none;
}

.frm-grp :is(input[type="text"], select).error {
    border-color: #ff1111b8;
}

.frm-grp label.error {
    color: #fc2b2bf0;
    font-size: 18px;
    padding-left: 10px;
}

.frm-grp input[type="text"]::-webkit-input-placeholder {
    color: #fff;
}

.frm-grp input[type="text"]::-moz-placeholder {
    color: #fff;
}

.frm-grp input[type="text"]:-ms-input-placeholder {
    color: #fff;
}

.frm-grp input[type="text"]:-moz-placeholder {
    color: #fff;
}

.frm-grp button[type="submit"] {
    width: 100%;
    color: var(--base-color);
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 60px;
    padding: 15px 20px;
    font-size: 20px;
    font-weight: 600;
    outline: none;
    border: 1px solid transparent;
    position: relative;
    overflow: hidden
}

.frm-grp button[type="submit"].active {
    cursor: not-allowed
}

.frm-grp button[type="submit"]:not(:disabled):hover {
    background-color: #dddee1fa;
    color: #000000;
    border-color: #dadadad1;
    position: relative
}

.frm-grp button[type="submit"]:disabled {
    opacity: 0.8;
}

.frm-grp button[type="submit"]:before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #dddee1e0;
    visibility: hidden;
    opacity: 0;
}

.frm-grp button[type="submit"].active span.icon , .frm-grp button[type="submit"].active:before {
    visibility: visible;
    opacity: 1;
}

.frm-grp button[type="submit"] span.icon {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    visibility: hidden;
    opacity: 0;
}

.frm-grp button[type="submit"] span.icon:after {
    content: '';
    /* position: absolute; */
    /* inset: 0; */
    background-color: red;
    /* transform: translateX(-50%); */
    display: inline-block;
    width: 50px;
    height: 50px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23000' d='M41.9 23.9c-.3-6.1-4-11.8-9.5-14.4c-6-2.7-13.3-1.6-18.3 2.6c-4.8 4-7 10.5-5.6 16.6c1.3 6 6 10.9 11.9 12.5c7.1 2 13.6-1.4 17.6-7.2c-3.6 4.8-9.1 8-15.2 6.9s-11.1-5.7-12.5-11.7c-1.5-6.4 1.5-13.1 7.2-16.4c5.9-3.4 14.2-2.1 18.1 3.7c1 1.4 1.7 3.1 2 4.8c.3 1.4.2 2.9.4 4.3c.2 1.3 1.3 3 2.8 2.1c1.3-.8 1.2-2.5 1.1-3.8c0-.4.1.7 0 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    animation: spin 0.7s linear infinite;
    transform-origin: center center;
}

@keyframes spin {
    from {
        transform: rotate(0deg) translate(-50%, -50%)
    }

    to {
        transform: rotate(360deg) translate(-50%, -50%)
    }
}

.frm-grp select option {
    background-color: #fff;
    color: #000;
}

.section-coursefaq {
    padding: 60px 0px 50px;
}

.coursefaq-title .label {
    font-size: 34px;
    font-weight: 600;
    letter-spacing: -1.25px;
    margin-bottom: 20px;
}

.coursefaq-title h2 {
    font-size: 51px;
    color: var(--base-color);
}

.course-faqbtn {
    border-bottom: 3px solid;
    font-size: 23px;
    padding: 21px 0px 35px;
    font-weight: 500;
    --bs-accordion-btn-icon-width: 35px;
    outline: none;
    box-shadow: none;
}

.course-faqbtn.accordion-button:focus, .course-faqbtn.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

.coursefaq-body {
    font-size: 20px;
    line-height: 1.5;
    --bs-accordion-body-padding-x: 0;
}

.coursefaq-body h2 {
    font-size: 22px;
    margin-bottom: 10px
}

.expert-info {
    line-height: 1.8;
}

.expert-info h2 {
    font-size: clamp(25px, 4vw, 41px);
}

.expert-info h3 {
    font-size: clamp(15px, 3vw, 20px);
    max-width: 37ch;
    font-weight: 600;
    line-height: 1.5;
}

.expert-info .descr {
    font-size: 17px;
    text-align: justify;
}

.expert-info .title-ul {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0 5px;
}

.expert-info ul li {
    font-size: 18px;
    color: #313131;
    font-weight: 400;
}

.expert-info a {
    padding: 11px 30px;
}

.section-expertbg {
    position: relative;
}

.section-expertbg:after {
    content: '';
    position: absolute;
    height: 70%;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #264358;
}

.section-innerhero {
}

.innerplane-title {
}

.quantity-selector {
    display: flex;
    gap: 5px 5px /* align-items: center; */
}

.quantity-selector button {
    width: 45px;
    padding: 0 0;
    font-size: 36px;
    line-height: 36px;
    border-radius: 0px;
    cursor: pointer;
    border: 2px solid #bfbfbfad;
    border-color: var(--color-navy-dark);
    position: relative;
    color: var(--color-navy-dark);
}

.quantity-selector button:not(:disabled):hover {
    background: #f3f4fb;
}

.quantity-selector button:not(:disabled) {
    border-color: var(--color-navy-dark);
}

.quantity-selector button:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.quantity-btn.increment {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 6.5V11h4.5v2H13v4.5h-2V13H6.5v-2H11V6.5z'/%3E%3C/svg%3E");
}

.quantity-btn.decrement {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.502 11h11v2h-11z'/%3E%3C/svg%3E");
}

.quantity-selector button:disabled {
    cursor: not-allowed;
    opacity: 0.3 !important;
}

.quantity-selector input {
    width: 45px;
    text-align: center;
    font-size: 28px;
    padding: 1px 3px;
    border-radius: 0.25rem;
    border: 1px solid #ccc;
    color: #fff;
    background-color: var(--color-navy);
}

/* cart */
.section-innerplane {
    min-height: 210px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
}

.innerplane-title {
    font-size: 34px;
}

.section-cart {
    padding: 15px 0px 60px
}

.cart-tbody {
    border-bottom: 2px solid var(--base-color);
    padding: 15px 0px;
}

.cart-thead {
    border-top: 2px solid var(--base-color);
    border-bottom: 2px solid var(--base-color);
    padding: 23px 0px;
}

.cart-td {
    line-height: 1.4;
    font-size: 20px;
}

.cart-th {
    font-size: 18px;
    font-weight: var(--text-bold);
}

.cart-title {
    display: flex;
    align-items: center;
    gap: 10px 10px;
    padding: 1px 0px;
}

.cart-title img {
    aspect-ratio: 1;
    width: 120px;
    background-color: #eee;
}

.cart-title .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

.cart-title .subtitle {
    font-size: 17px;
    margin-bottom: 4px;
}

.cart-price {
    font-weight: 500;
}

.cart-btn button {
    background: transparent;
    border: 0px;
    padding: 5px 10px;
    border-radius: 8px;
    transition: all 0.5s ease;
}

.cart-btn button:hover {
    background: var(--bs-danger);
    border: 0px;
    color: #fff;
}

.cart-btn__delete span.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.75a2.25 2.25 0 0 0-2.122 1.5a.75.75 0 0 1-1.414-.5a3.751 3.751 0 0 1 7.073 0a.75.75 0 0 1-1.415.5A2.25 2.25 0 0 0 12 2.75M2.75 6a.75.75 0 0 1 .75-.75h17a.75.75 0 0 1 0 1.5h-17A.75.75 0 0 1 2.75 6m3.165 2.45a.75.75 0 1 0-1.497.1l.464 6.952c.085 1.282.154 2.318.316 3.132c.169.845.455 1.551 1.047 2.104s1.315.793 2.17.904c.822.108 1.86.108 3.146.108h.879c1.285 0 2.324 0 3.146-.108c.854-.111 1.578-.35 2.17-.904c.591-.553.877-1.26 1.046-2.104c.162-.814.23-1.85.316-3.132l.464-6.952a.75.75 0 0 0-1.497-.1l-.46 6.9c-.09 1.347-.154 2.285-.294 2.99c-.137.685-.327 1.047-.6 1.303c-.274.256-.648.422-1.34.512c-.713.093-1.653.095-3.004.095h-.774c-1.35 0-2.29-.002-3.004-.095c-.692-.09-1.066-.256-1.34-.512c-.273-.256-.463-.618-.6-1.303c-.14-.705-.204-1.643-.294-2.99z'/%3E%3Cpath fill='%23000' d='M9.425 10.254a.75.75 0 0 1 .821.671l.5 5a.75.75 0 0 1-1.492.15l-.5-5a.75.75 0 0 1 .671-.821m5.821.821a.75.75 0 0 0-1.492-.15l-.5 5a.75.75 0 0 0 1.492.15z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.nav-hidden {
}

.mob-hidden {
    display: none;
}

.mob-nav {
    background-color: #ffffffe6;
    border-radius: 6px;
    padding: 11px 18px;
    margin-top: 16px;
}

.nav-mobile {
}

.mob-nav__ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 11px;
}

.mob-nav__ul li {
}

.mob-nav__ul li a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.2s ease;
    text-transform: uppercase;
    padding: 8px 0px;
    display: block;
}

.carousel {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.carousel img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 0;
    object-fit: cover /* filter:  brightness(80%) */
}

.carousel img.active {
    opacity: 1;
    z-index: 1;
}

.form-checkout {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.form-checkout label.error {
    margin-top: 10px;
    color: #f00;
}

.form-checkout label {
    margin-bottom: 10px;
}

.form-checkout__inp {
    width: 100%;
    display: block;
    padding: 13px 14px 13px;
    border: 1px solid #000;
    border-radius: 6px;
}

.form-checkout__inp.error {
    border-color: #f00;
}

.subtotal , .discount {
    font-size: 16.5px;
    font-weight: 400;
    color: #3f3f3f;
    margin-bottom: 10px;
}

:where(.subtotal, .discount ) span:not(.label) {
    color: #000;
    font-weight: 500;
}

:where(.subtotal, .discount ) span.label {
    color: #000;
    font-weight: 400;
    width: 148px;
    display: inline-block;
    letter-spacing: 0.25px;
}

.cart-form {
    border: 1px solid #ffffff;
    padding: 25px 30px;
    border-radius: 15px;
    position: relative;
}

.cart-form.loading:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 3px solid transparent;
    border-radius: 50px;
    border-top-color: #000;
    border-bottom-color: #000;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    animation: spincart 1000ms ease infinite;
    /* transform: rotate(300deg)  translate(-50%, -50%); */
    transform-origin: center center;
    perspective-origin: 1000px;
}

@keyframes spincart {
    to {
        transform: rotate(360deg)
    }
}

.cart-form.loading:after {
    content: '';
    inset: 0px;
    position: absolute;
    background: #ffffffbd;
    z-index: 99;
}

.loading-cart {
    text-align: center;
    padding: 10px 0px
}

.loading-cart svg {
    animation: spin 1000ms ease infinite
}

@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}

.form-alert {
    max-width: 400px;
}

.form-alert p {
    margin-bottom: 3px;
    color: #a32e39;
}

.page-content {
}

.page-content * {
    font-family: var(--font-1);
    line-height: 1.6;
    font-size: 16px;
    color: #000;
}

.page-content strong {
    font-weight: 500;
}

.page-content h2 {
    font-size: 22px;
    font-weight: 500;
    color: var(--base-dark);
}

.page-content p {
}

.page-content ul li {
    line-height: 2;
}

.hidden {
    display: none;
}

.ob-top {
    object-position: top;
}

.alert-box {
    border-color: #d13a3a;
    background-color: #d13a3a;
    border-radius: 15px;
}

.alert-box p {
    margin-bottom: 10px;
}

.alert-box p:last-child {
    margin-bottom: 0px;
}

/* zz */
@media screen and (max-width: 362px) {
    .footer-left__img img {
        width: 90px;
    }

    .footer-left {
        gap: 10px 20px;
    }
}

@media screen and (max-width: 992px) {
    .innerbanner-info {
        top: 56%;
    }

    .header-nav {
        flex-direction: column;
        justify-content: center;
        /* background-color: #ffffffba; */
        /* padding: 30px 0; */
    }

    .header-nav {
        padding: 9px 0 0px;
    }

    .nav-menu.nav-show .header-nav {
        height: 0;
        padding: 0;
        margin: 0;
    }

    .nav-menu.nav-show.active .header-nav {
        height: auto;
    }

    .nav-menu:not(.nav-show) .header-nav li {
        margin: 0 auto;
    }

    .nav-menu {
        /* display: none; */
        opacity: 0;
        visibility: hidden;
        transform: translateY(-20px);
        transition: all 0.2s ease;
    }

    .nav-menu.nav-show {
        padding: 9px 0px;
    }

    .header-two-main-wrapper {
        padding-top: 5px;
    }

    .nav-logo {
        max-width: 110px;
    }

    .footcourse-img {
        height: 550px;
        object-fit: cover;
    }
}

@media screen and (max-width: 576px) {
    .nav-logo {
        max-width: 95px;
    }

    .why-feature {
        padding: 5px 10px;
    }

    .why-features-row {
        margin-top: 1rem;
    }

    .footcourse-card h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .footcourse-card p {
        font-size: 16px;
        /* max-width: 38ch; */
    }

    .about-bottom p {
        margin: 20px 0 10px;
    }

    .herobanner-info, .innerbanner-info {
        top: 55%;
    }

    .header--navold {
        padding: 5px 0;
    }

    .herobanner-subimg {
        width: 200px;
        margin-bottom: 20px;
    }

    .herobanner-info__text {
        /* font-size: 28px; */
        font-weight: 700;
        line-height: 1.4;
    }

    .nav-menu:not(.nav-show) .header-nav li {
        width: 270px;
    }

    .nav-menu.nav-show .header-nav li {
        line-height: 30px
    }

    .header-nav li a {
        font-size: 15px;
    }

    .herobanner-caption {
        font-size: 16.5px;
    }

    .section-gap {
        padding: 45px 0px 20px;
    }

    .sec-title__p {
        font-size: 18px;
        line-height: 28px;
    }

    .about-content p {
        font-size: 15.5px;
        letter-spacing: 0.25px;
    }

    .section-expert {
        background: linear-gradient(to top, #e6efff, #e6efff, #e6efffa8);
    }

    .sec-title__h2 {
        font-size: 30px;
    }

    .expert-card__info {
        padding: 20px 18px 15px;
    }

    .expert-card__info p {
        font-size: 14.5px;
    }

    .testimonial-item {
        padding: 20px 15px 30px;
    }

    .testimonial-item p.disc {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .testimonial-item .bottom-area {
        padding-bottom: 20px;
    }

    .owl-dots {
        display: none
    }

    .section-homeenq {
        padding: 40px 0px 40px;
    }

    .header-nav {
        margin: 10px 0px;
    }

    .partners-item {
        /* max-width: 100px; */
    }

    .make-form__wrap {
        padding: 20px 10px 20px;
        border-radius: 5px;
    }

    .make-form__input {
        font-size: 14px;
    }

    .section-reg {
        padding: 30px 0;
    }

    .regform {
        padding: 20px 20px;
        max-width: 760px;
    }

    .regform-group label {
        font-size: 14px;
    }

    .regform-select {
        padding: 16px 7px;
        font-size: 14px;
    }

    .footer-links {
        text-align: left;
    }

    .coursetbl-time, .coursetbl-date {
        font-size: 16px;
    }

    .footcourse-card {
        max-width: 559px;
        padding: 20px 16px;
        border-radius: 16px;
        width: 95%;
    }
}

@media screen and (min-width: 992px) {
    .header--sticky {
    }

    .body-scrolled .header--sticky {
        background-color: #ffffffc7;
        /* background-color: red; */
        box-shadow: -3px 0rem 1rem rgb(0 0 0 / 12%) !important;
    }
}

@media screen and (min-width: 1200px) {
    .nav-logo {
        max-width: 160px;
    }

    .body-scrolled .nav-logo {
        max-width: 120px;
    }

    .body-scrolled .header-nav .nav-logo {
        max-width: 80px;
    }

    .header-nav li a {
        /* padding: 16px 99px; */
        font-size: 16.2px;
    }

    .herobanner-img {
        max-height: 860px;
        min-height: 760px;
    }

    .innerbanner-info__text {
        font-size: 41px;
    }

    .section-innerbanner img {
        max-height: 670px;
        min-height: 670px;
    }

    .nav-menu.nav-show .header-nav {
        gap: 10px 101px;
    }
}

@media screen and (min-width: 1400px) {
    .container {
        max-width: 1420px;
    }
}
.float-whatsapp__wrap {
    position: fixed;
    right: 12px;
    bottom: 5%;
    z-index: 99999999;
    display: flex
;
    align-items: center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.float-whatsapp__icon-wrap {
    width: 55px;
    height: 55px;
    background: linear-gradient(to bottom, #057c01, #178314);
    border-radius: 50%;
    right: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    color: #fff;
    transition: .8s;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.float-whatsapp__icon {
    font-size: 27px;
}