/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap'); */
:root {
    --main-bg: #04206A;
    --top-nav-bg: #F7F9FA;
    --bg-light-theme: #FCF2EB;
    --gray-bg: #F4F4F4;
    --bg-light-orange: #F9B14333;
    --main-color: #231F20;
    --bg-input: #F8F8F8;
    --Primary-blue: #00002A;
    --heading-color: #101130;
    --yellow: #04206a;
    --old-yellow: #D86200;
/*     --light-yellow: #FCF2EB; */
    --light-yellow: #f5f5f5;
    --text-gray: #67687B;
    --text-light-gray: #757575;
    --title-blue: #004990;
    --text-red: #BB0734;
    --main-font: 'Metrisch';
    /* --fw-4: 400;
    --fw-5: 500;
    --fw-6: 600;
    --fw-7: 700;
    --fw-8: 800;
    --fw-9: 900; */
/*     --bs-font-sans-serif: system-ui, -apple-system, "Metrisch", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
}

 html {
font-size: 85%!important;
}
html {
    scroll-behavior: smooth;
}

body {
    color: var(--main-color);
    font-family: var(--main-font);
    font-weight: var(--fw-4);
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Metrisch';
    font-weight: 400 !important;
}
.border-right {
    border-right: 1px solid #ccc;
}

.col-megamenu a {
    color: var(--Primary-blue);
    margin-bottom: 15px;
    display: block;
    text-decoration: none;
    font-size: 1.2rem;
}

.col-megamenu a:hover {
    color: var(--yellow);
}

.wh-head h5 {
    min-height: 55px;
}

@media all and (min-width: 992px) {

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        /*left: 0;
        right: 0;*/
        width: 35%;
        margin-top: -4px !important;
    }

    .pricing-box h1 {
        /*height: 120px !important;*/
    }

}

.seprater {
    background-color: #E5E5E5;
    height: 1px;
    width: 100%;
    display: block;
}

.border-theme {
    border-color: #5F5F5F !important;
}

.accordion-item {
    border: 1px solid var(--text-gray);
    border-radius: 12px !important;
}

.accordion-item .fa-plus-circle {
    color: #CC5500 !important;
}

.border-radius-0 {
    border-radius: 0 !important;
}

.accordion-button {
    height: 65px;
}

.book-img {
    position: relative
}

.best-saller {
    transform: rotate(-45deg);
    top: 26px;
    left: -59px;
    width: 200px;
}

.about__team img {
    width: 160px;
    height: 160px;
    border: 3px solid var(--yellow);
}

.border-r-50 {
    border-radius: 50px !important;
}

.wh-41 {
    width: 38px;
    height: 38px;
}

.accordion-button::after {
    display: none;
}

.form-control {
    line-height: 2.5
}

.form-select {
    color: #000;
}

button {
    outline: 0 !important;
}

.shadow-th {
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.04)) drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.08));
}

.figureClass figcaption {
    border-radius: 15px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 16%);
    border-bottom: 12px solid #00002A;
}

/* .top-nav-bg.navbar-light .navbar-nav .nav-link {
color: #464751 !important;
} */
/* .fw-4 {
    font-weight: var(--fw-4);
}

.fw-5 {
    font-family: var(--fw-5) !important;
}

.fw-6 {
    font-weight: var(--fw-6);
}

.fw-7 {
    font-weight: var(--fw-7) !important;
}

.fw-8 {
    font-weight: var(--fw-8);
}

.fw-9 {
    font-weight: var(--fw-9);
} */

.top-18 {
    top: 18% !important;
}

.text-orange {
    color: #994004;
}

.text-red {
    color: var(--text-red) !important;
}

.text-light-gray {
    color: var(--text-light-gray);
}

.line-height {
    line-height: 1
}

.text-justify {
    text-align: justify;
}

.z-index {
    z-index: 99;
}

.lh-28 {
    line-height: 28px
}

.lh-23 {
    line-height: 23px
}

.lh-35 {
    line-height: 35px
}

.pt-15 {
    padding-top: 15px;
}

.rounded-10 {
    border-radius: 10px !important;
}

.rounded-14 {
    border-radius: 14px !important;
}

.title-color {
    color: #000 !important
}

.primary-blue-color {
    color: var(--Primary-blue) !important
}

.text-red {
    color: #AD0B0B;
}
.text-darker{
    color: #000;
    opacity: 1!important;
}
.bg-yellow {
    background-color: var(--yellow)
}

.top-nav-bg {
    background-color: var(--top-nav-bg);
}

.bg-light-gray {
    background-color: var(--top-nav-bg)
}

.bg-light-yellow {
    background-color: var(--light-yellow)
}

.bg-input {
    background-color: var(--bg-input)
}

.text-yellow {
    color: var(--yellow)
}

.text-peach {
    color: #ff9600 !important;
}

.text-grey {
    color: #6A6A6A;
}
.border-warning {
    border-color: var(--yellow) !important
}



.btn-warning-simple {
    background-color: transparent !important;
    border-color: var(--yellow) !important;
    color: var(--yellow) !important;
}
.btn-warning-simple:hover {
    background-color: var(--yellow) !important;
    color: #fff !important;
    border: 1px solid var(--yellow);
}
.btn-warning {
    background-color: var(--yellow) !important;
    border-color: var(--yellow) !important;
}

.btn-peach-simple {
    background-color: transparent !important;
    border-color: #CC5500 !important;
    color: #CC5500 !important;
}

.btn-peach-simple:hover {
    background-color: #CC5500 !important;
    color: #fff !important;
    border: 1px solid #CC5500;
}

.btn-peach {
    background-color: #CC5500 !important;
    border-color: #CC5500 !important;
}

.btn-peach:hover {
    background-color: transparent !important;
    color: #CC5500 !important;
    border: 1px solid #CC5500;
}
.btn-orange {
    background-color: #ff9600!important;
    border-color: #ff9600!important;
    color: #fff;
}

.btn-orange:hover {
    background-color: transparent !important;
    color: #ff9600!important;
    border: 1px solid #ff9600!important;
}

.btn-warning:hover {
    background-color: transparent !important;
    color: var(--yellow) !important;
    border: 1px solid var(--yellow);
}

.title-blue {
    color: var(--title-blue)
}

.text-gray {
    color: var(--text-gray)
}

.text-blue {
    color: var(--text-blue)
}

.text-muted {
    color: #9D9D9D !important;
}

.text-danger {
    color: #EE3124 !important;
}

.letter-space {
    letter-spacing: 2.8px;
}

.bg-main {
    background-color: var(--main-bg);
}

.bg-gray {
    background-color: var(--gray-bg);
}

.bg-light-orange {
    background-color: var(--bg-light-orange);
}

.btn-outline-primary {
    color: #04206A;
    border-color: #04206A !important;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #04206A !important;
    border-color: #04206A !important;
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgb(238 238 238 / 50%) !important;
}

.border-blue {
    border-color: var(--Primary-blue) !important;
}

.bg-black {
    background-color: #000000;
}

.text-dark {
    color: #000000;
}

.bg-light {
    background: #f7f7f7 !important;
}

#accordionExample .accordion-button:not(.collapsed) {
    color: #04206a;
    background-color: #f0ad4e;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

#accordionCarriculum .accordion-button:not(.collapsed) {
    color: #04206a;
    background-color: transparent !important;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

#accordionStep .accordion-body {
    background: #f7f7f7;
    margin-bottom: 15px;
}

#accordionStep .accordion-button:focus,
#accordionStep .accordion-button:not(.collapsed) {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
}

/* #clientReviews{height: 385px;} */
div#clientReviews {
    margin-left: -65px;
}

div#clientReviews .owl-nav {
    transform: translateY(50%);
}

.how-to-pass:before {
    content: '';
    position: absolute;
    left: 0%;
    top: 0;
    margin: auto;
    right: 0;
    background: var(--main-bg);
    bottom: 0;
    z-index: -1;
    height: 50%;
}

/*div#clientReviews:before, div#clientReviews:after {
content: '';
position: absolute;
left: -100%;
top: 0;
margin: auto;
right: 0;
background: #e3e3e3;
bottom: 0;
z-index: -1;
}
div#clientReviews:after {
left: 0;
right: -100%;
}*/
div#clientReviews .item {
    height: 385px;
}

.full-width-container:before {
    position: absolute;
    content: '';
    left: -100%;
    right: -100%;
    background-color: var(--bg-light-orange);
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.full-width-container-blue:before {
    position: absolute;
    content: '';
    left: -100%;
    right: -100%;
    background-color: var(--main-bg);
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.owl-theme .owl-nav {
    margin-top: 0;
}

.owl-theme .owl-dots .owl-dot span {
    width: 30px !important;
    height: 2px !important;
}

/* #accordionStep .accordion-button:not(.collapsed)::after {
background-image: none;
transform: rotate(-180deg);
font-family: var(--fa-style-family,"Font Awesome 6 Free");
font-weight: var(--fa-style,900);
content: "\2b";
}
#accordionStep .accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: none;
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform .2s ease-in-out;
content: "\f068";
font-family: var(--fa-style-family,"Font Awesome 6 Free");
font-weight: var(--fa-style,900);
} */
.navbar-span {
    /* background: antiquewhite; */
    height: 39px;
    line-height: 39px;
    padding: 0 15px;
    background: #F9B143;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    border-bottom: 3px solid transparent;
    font-weight: 400;
    font-size: 14px!important;
}
.border-right-light{
border-right: 1px solid #cccccc66!important;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-item .nav-link:hover,
.navbar-light .navbar-nav .show>.nav-link {
    background-color: #f9e5d8 !important;
    color: #393939;
    border-bottom: 3px solid var(--yellow) !important;
    font-weight: 600;
    font-size: 14px!important;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #231F20;
}

.navbar-dark .navbar-nav .nav-link {
    color: #231F20;
}

.state__list a {
    color: var(--text-gray);
}

.state__list a:hover {
    color: var(--yellow);
}

.text-success {
    color: #2FB319 !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--yellow);
}

.owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 5px 2px;
    background: #C0C2C5;
}

.nav-tabs .nav-link {
    border-bottom: 1px solid #D7DBE1 !important;
}

.nav-tabs .nav-link {
    font-size: 15px;
    color: #000;
}

/* footer{background: #F4F4F4; } */
/*.social-ul {background: #e5e5e5}*/
.social-ul a {
    font-size: 13px;
    background: #ddd7d7;
    border-radius: 50rem;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    margin-right: 6px;
    color: var(--Primary-blue);
}

footer p {
    color: #787878;
}

footer ul li a {
    color: var(--text-gray);
    text-decoration: none;
}

/*.support a i {
background: #CC5500;
color: #fff;
padding: 8px;
margin-right: 7px;
}
.support a {
background: #FFFFFF;
border: 2px solid #CC5500;
border-radius: 4px;
display: inline-block;
color: #262828;
padding-right: 8px;
}*/
footer h5 {
    color: #04206A;
    font-size: 20px;
}

.foot-bottom a {
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    padding: 0 10px;
}

.ft-10 {
    font-size: 10px
}

.ft-12 {
    font-size: 0.75rem
}

.ft-13 {
    font-size: 0.8125rem
}

.ft-14 {
    font-size: 0.8725rem
}

.ft-15 {
    font-size: 15px
}

.ft-16 {
    font-size: 1rem
}

.ft-17 {
    font-size: 1.0625rem !important
}

.ft-18 {
    font-size: 1.125rem
}

.ft-19 {
    font-size: 1.1875rem
}

.ft-20 {
    font-size: 1.25rem
}

.ft-21 {
    font-size: 1.3125rem
}

.ft-22 {
    font-size: 1.375rem
}

.ft-24 {
    font-size: 1.5rem
}

.ft-26 {
    font-size: 1.625rem
}

.ft-28 {
    font-size: 1.75rem
}

.ft-30 {
    font-size: 1.875rem
}

.ft-38 {
    font-size: 2.375rem
}

.ft-34 {
    font-size: 2.125rem
}

.ft-36 {
    font-size: 2.250rem
}

.ft-40 {
    font-size: 2.5rem
}

.ft-44 {
    font-size: 2.625rem
}

.ft-46 {
    font-size: 2.875rem
}

.ft-48 {
    font-size: 3rem
}

.ft-55 {
    font-size: 3.4625rem
}

.ft-62 {
    font-size: 3.875rem
}
.w-90{
    width: 90%;
}

div#instructorsCarousel .owl-nav,
#instructorsCarousel_2 .owl-nav,
div#ourStudentsCarousel .owl-nav {
    width: 80px;
    bottom: -30px;
    right: 0px;
    top: unset;
}

div#instructorsCarousel,
div#instructorsCarousel_2 {
    padding-top: 15px;
}

div#instructorsCarousel .owl-dots,
div#instructorsCarousel_2 .owl-dots,
div#ourStudentsCarousel .owl-dots {
    padding-top: 15px;
}

div#ourStudentsCarousel .owl-dots {
    text-align: center;
    padding-left: 0;
}

div#instructorsCarousel .owl-nav button,
div#instructorsCarousel_2 .owl-nav button,
div#ourStudentsCarousel .owl-nav button {
    background: var(--yellow);
    width: 30px;
    height: 30px;
    border-radius: 50rem;
}

#instructorsCarousel_2 .owl-dots {
    text-align: left;
}

.sales-box {
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    filter: opacity(0.3);
}

span.oi-box {
    border: 1px solid #D86200;
    width: 50px;
    height: 50px;
}

.why__box {
    height: 100px;
    display: flex;
    align-items: end;
    margin-bottom: 20px;
}

.minus,
.plus {
    cursor: pointer;
    width: 34px;
    height: 34px;
    background: #f2f2f2;
    border-radius: 0;
    padding: 0 5px 0 5px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 27px;
    font-size: 2rem;
}

input.pm-input {
    height: 34px;
    width: 61px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #ddd;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
}

.m-banner {
    background-image: url('../images/m-banner.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.m-banner:before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.91) 0%, rgba(0, 0, 0, 0.4004) 100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.free-trial {
    background-image: url('../images/free-trial.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
}
.ht-orange:hover a {
    color: var(--yellow) !important;
}

.ht-orange:hover a svg path {
    fill: var(--yellow) !important;
}

.hb-orange:hover,
.pre-licensing:hover {
    border: 1px solid transparent!important;
}

.tb-border {
    border: 1px solid transparent
}

.pricing-box:hover,
.pre-licensing:hover {
    border-color: #d86200;
}

.hover-box:hover {
    background-color: #fff;
}

.btn-check:focus+.btn,
.btn:focus {
    box-shadow: none !important;
}

.fade.modal-backdrop.show {
    width: 100%;
    height: 100%;
}

.figureClass {
    height: 170px !important;
}

.figure-overlay__yellow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(249 177 67 / 90%);
    width: 100%;
    height: 100%;
}

.figure-overlay__blue:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #05143ce5;
    width: 100%;
    height: 100%;
}

.sticky__note {
    right: -71px;
    transform: rotate(-90deg);
    top: 40%;
}

.z-index-99 {
    z-index: 99;
}

.nav-tabs button p {
    display: none;
}

.nav-tabs button.active {
    background: var(--light-yellow) !important;
}

.nav-tabs button.active p {
    display: block;
}

.nav-tabs button.active .fa-arrow-down:before {
    content: "\f061";
}

.nav-tabs button.active div {
    color: var(--yellow) !important;
    margin-bottom: 18px;
}

div#myTabContent {
    background: var(--light-yellow);
    border-radius: 0 5px 5px 0;
}

.pre-licensing:hover {
    background: var(--yellow);
    border-radius: 15px;
    /* transition: all 0.5s linear; */
}

.pre-licensing:hover h5,
.pre-licensing:hover p {
    color: #fff !important;
}

div#instructorsCarousel {
    padding-top: 15px;
}

div#instructorsCarousel .owl-dots,
div#ourStudentsCarousel .owl-dots {
    padding-top: 15px;
}

div#instructorsCarousel .owl-nav button,
div#ourStudentsCarousel .owl-nav button {
    background: var(--yellow);
    width: 32px;
    height: 29px;
    border-radius: 50rem;
}

.moretext-1,
.moretext-2,
.moretext-3,
.moretext-4,
.moretext-5 {
    display: none;
}

.moreless-button-1,
.moreless-button-2,
.moreless-button-3,
.moreless-button-4,
.moreless-button-5 {
    border: none;
    background: transparent;
    color: orange;
}

@media (max-width: 767px) {
    .container {
        zoom: 100% !important;
    }
     .top-ticker {
        margin-bottom: 5px;
    text-align: center;
    padding-left: 0% !important;

    }
    .figureClass {
        height: auto !important;
    }

    .sticky__note {
        right: -56px;
    }

    .step-list:before {
        display: none
    }

    .mob-border-0 {
        border: 0 !important;
    }

    .ft-62 {
        font-size: 3rem;
    }

    button#showMoreBtn {
        width: 50% !important;
    }

    a#map-container {
        width: 50% !important;
    }

    div#instructorsCarousel .owl-nav,
    div#ourStudentsCarousel .owl-nav {
        width: 80px;
        bottom: 119px;
        right: 20px;
        top: unset;
        height: 45px;
    }

    div#instructorsCarousel .owl-dots,
    div#ourStudentsCarousel .owl-dots {
        padding-top: 0;
        display: none;
    }

    .shopping-cart {
        min-width: 300px;
    }
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--Primary-text);
    content: "»" !important;
    font-weight: 900;
}

.has-megamenu:hover .megamenu {
    display: block;
}

.has-megamenu:hover .dropdown-toggle {
    /*background: #ff9600;*/
    background:#04206a;
    color: #fff;
}

#secondarynavbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
}

.dropdown:hover .dropdown-menu {
    display: block;
}

#navbarSupportedContent .nav-item:hover .nav-link {
    color: #ff9600 !important;
    background-color: #fff !important;
}

#navbarSupportedContent .dropdown-item {
    color: #000 !important;
    background-color: #fff !important;
}

#navbarSupportedContent .dropdown-item:hover {
    color: #ff9600 !important;
}

.rounded-icons {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.light-orange {
    color: #e8ba93 !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--yellow) !important;
}

@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1230px !important;
}
}