/* @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: 12px!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: 12px!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 .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 (max-width: 992px) {
    .dropdown-menu.megamenu {
    top: unset;
}
}
@media (min-width: 992px) {
.has-megamenu:hover .megamenu {

    display: block;

}

}
@media (min-width: 1400px) {

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

    max-width: 1230px !important;

}

}