@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: "Manrope", sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

a,
a:hover {
    text-decoration: none;
}

button {
    border-radius: 0px;
    border: inherit;
    outline: none;
}

.navbar {
    padding: 0px;
}

button:focus {
    border-radius: 0px;
    border: inherit;
    outline: none;
    box-shadow: none;
}

ul {
    margin: 0px;
    padding: 0px;
}

ul li {
    list-style: none;
}

input:focus {
    border: none;
    outline: none;
    box-shadow: none;
}


:root {
    --orange: #e8611a;
    --white: #fff;
    --blue: #3a9bd5;
    --green: #5ab441;
    --dark: #1b3a52;
    --light: #f8f9fb;
    --text: #2d2d2d;
}

.wb-heading {
    margin-bottom: 20px;
}

.text_theme {
    color: var(--blue);
}

.wb-heading h6 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 9px;
}

.wb-heading h2 {
    color: #000;
    font-weight: 700;
    font-size: 32px;
}

.wb-heading h2 span {
    color: var(--blue);
}

.wb-heading h1 {
    color: #000;
    font-weight: 700;
    font-size: 48px;
}

.wb-heading h1 span {
    color: var(--blue);
}

.header-nav .banner-button .blue-line-btn.red-btn {
    background-color: var(--blue);
    border: 2px solid var(--blue);
}

.header-nav .banner-button .blue-btn.red-btn {
    border: 2px solid var(--blue);
    color: var(--blue);
}

.header-nav .banner-button .blue-line-btn.red-btn:hover {
    background-color: #fff;
    border: 2px solid var(--blue);
    color: var(--blue);
}

.header-nav .banner-button .blue-btn.red-btn:hover {
    border: 2px solid var(--blue);
    background-color: var(--blue);
    color: #fff;
}

.header-nav .banner-button {
    margin-top: 0px;
}

/*menu css start*/

.header-nav {
    background-color: #fff;
    padding: 10px 0px;
    background-color: #fff;
    padding: 0px;
    width: 100%;
    background: #ffffff00;
    top: 0%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.top_bar {
    background-color: var(--blue);
}

.header-nav nav ul li {
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
}

.header-nav nav ul li:hover a {
    color: var(--blue) !important;
}

.header-nav nav ul li .nav-link {
    color: #000 !important;
    font-size: 16px;
    font-weight: 500;
    padding: 32px 20px;
}

.header-nav nav ul li .dropdown-menu {
    border: 0px;
}

.header-nav nav ul li .dropdown-menu li {
    margin-right: 0px;
    margin-left: 0px;
    padding: 5px 0px;
}

.header-nav nav ul li .dropdown-menu li a:hover {
    background-color: inherit !important;
    color: var(--blue) !important;
}

.header-nav nav ul li .dropdown-menu li a {
    color: #000 !important;
}

.header-nav nav ul li .dropdown-menu li:before {
    display: none;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #212529;
    text-decoration: none;
    background-color: #e9ecef;
}

.header-nav .navbar-brand img {
    width: 150px;
    mix-blend-mode: multiply;
}

.tab-pane {
    padding: 20px 69px;
}

.tab-pane img {
    border-radius: 20px;
}

.header-nav nav ul li:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 85px;
    width: 0%;
    height: 3px;
    background-color: var(--blue);
    transform: translateX(-50%);
    -webkit-transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.header-nav nav ul li:hover:before {
    width: 100%;
}

/*menu css end*/
.custom-btn {
    width: 130 px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    outline: none;
}

.custom-btn:hover {
    color: #fff;
}

.btn-15 {
    background: var(--orange);
    border: none;
    z-index: 1;
    position: relative;
}


.btn-15:active {
    top: 2px;
}


.banner-button .blue-line-btn:hover {
    background-color: transparent;
    color: var(--blue);
}

.graybg {
    background-color: #f4f4f4;
}

.br-12 {
    border-radius: 12px;
}

.read-btn {
    background-color: var(--blue);
    color: #fff;
    padding: 8px 25px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    border: 2px solid var(--blue);
    border-radius: 5px;
    transition: 0.3s;
    display: inline-block;
}


/*footer-top css start*/

.top-footer {
    padding: 60px 0px;
    background: #f4f4f4;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.footer-widget.footer-logo-section {
    color: var(--white);
}

.footer-logo-section img {
    width: 150px;
    mix-blend-mode: multiply;
}


.footer-social a {
    background: var(--blue);
    padding: 10px;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    height: 30px;
    width: 30px;
    margin:0px 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-social {
    display: flex;
}

.footer-social a:hover {
    background: var(--blue);
}

.footer-widget h4 {
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}

ul.footer-links li {
    font-size: 16px;
    list-style: none;
    color: #000 !important;
    margin-bottom: 10px;
}

ul.footer-links li a {
    color: #232323 !important;
    position: relative;
}

ul.footer-links li a:hover {
    color: var(--secondry) !important
}



.footer-address p {
    color: #000;
}

.footer-contact-section i {
    color: var(--secondry);
}

.footer-contact-section a {
    color: #000;
    font-size: 16px;
}

.footer-contact-section {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

/*footer css end*/

/*footer_bottom css start*/

.footer_bottom {
    padding: 10px 0px;
    background-color: var(--blue);
    border-top: 1px solid #f5f5f5;
}

.footer_bottom p {
    margin-bottom: 0px;
    color: #fff;
}

.footer_bottom .designed_by {
    text-align: right;
}

.footer_bottom .designed_by p {
    color: #1370cd;
}

.footer_bottom .designed_by p a {
    color: #1370cd;
}


/*footer_bottom css end*/



/*responsive css start*/

@media (min-width: 991px) {
    .header-nav nav ul li:hover .dropdown-menu {
        display: grid;
        position: absolute;
        padding: 0px 0px;
        box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
        border-radius: 10px;
        padding: 5px 0px;
        grid-template-columns: 1fr 1fr;
    }

    .footer-logo-section p {
        width: 88%;
    }

    .header-nav .dropdown-menu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        opacity: 0;
        visibility: hidden;
        transform: translateY(20%);
        transition: all .5s;
        padding-bottom: 0px;
    }

    .header-nav .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0%);
    }

}



@media (max-width: 1400px) {
    .why-choose-us .why-image img {
        width: 300px !important;
    }

    .why-choose-us .why-image {
        top: -100px;
    }

    .value-added .value-box {
        min-height: 190px;
    }

    .why-choose-us {
        margin-top: 160px;
    }

    .multi-map .site-map .icon-img-one {
        left: 8%;
        top: 8%;
    }

    .multi-map .site-map .icon-img-two {
        left: 60%;
    }

    .multi-map .site-map .icon-img-three {
        top: 65%;
        left: 76%;
    }

    .why-choose-sec .via-sky-box {
        min-height: 195px;
    }

    .why-choose-sec .via-sky-box .sky-box-image:before {
        left: 48px;
        bottom: -15px;
    }

    .why-choose-sec .via-sky-box .sky-box-content h5 {
        font-size: 16px;
    }

    .multi-map .map-box h5 {
        font-size: 20px;
    }

}


@media (max-width: 1200px) {
    .multi-map .map-box h5 {
        font-size: 17px;
    }

    .why-choose-sec .via-sky-box .sky-box-image:before {
        left: 33px;
    }


}

@media (max-width: 991px) {
    .header-nav .navbar-brand img {
        width: 220px;
    }

    .header-nav nav ul li {
        margin-left: 0px;
    }

    .header-nav nav ul li .dropdown-item {
        padding: 0.25rem 0rem;
        ;
    }

    .header-nav nav ul li .dropdown-menu {
        padding: 0rem 0rem;
    }


}


.mybtn_theme {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: capitalize;
    text-align: center;
    background: #26499e !important;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 20px;
    border-radius: 12px;
    -webkit-perspective: 320px;
    perspective: 320px;
    box-shadow: rgb(38 73 158 / 31%) 0px 13px 27px -5px, rgb(38 73 158 / 0%) 0px 8px 16px -8px;
}

.mybtn_theme:hover {
    color: #fff;
}

.mybtn_theme_border {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: capitalize;
    text-align: center;
    background: #fff !important;
    border: 1px solid var(--blue);
    color: #000;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 20px;
    border-radius: 12px;
    -webkit-perspective: 320px;
    perspective: 320px;
}

.fixed {
    background-color: #efefef;
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.062745098);
}

/*responsive css end*/

#hero_slide {
    position: relative;
}

#hero_slide:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgb(34 34 34 / 62%);
}

.banner-section {
    position: relative;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.675) 18.5%, #dddfe0f7 65%), url(../images/banner.webp);
    background-position: left;
    background-size: cover;
    overflow: hidden;
}

.icon-img {
    position: absolute;
    width: 320px;
    top: -80px;
    left: 50%;
    z-index: -1;
    opacity: 0.1;
}

.slide_content h1 {
    font-size: 52px;
    color: #000000;
    line-height: normal;
    font-weight: 700;
}

.slide_content {
    position: relative;
    z-index: 4;
}

.customer {
    background-color: var(--blue);
    padding: 20px 10px;
}

.customer img {
    padding: 10px;
    background-color: #fff;
    border-radius: 12px;
}

/* ─── SECTION SHARED ─── */
section {
    padding: 50px 0;
}

.section-label {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--blue);
    margin-bottom: .5rem;
}

.section-title {
    font-family: 'Manrope', serif;
    font-size: clamp(1.8rem, 3.5vw, 2.6rem);
    font-weight: 800;
    color: #000;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.section-title span {
    color: var(--orange);
}

.divider {
    width: 60px;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--orange), var(--blue));
    margin-bottom: 1.5rem;
}

/* ─── ABOUT ─── */
#about {
    background: var(--light);
}

.about-img-wrap {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
}

.about-blob {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 60% 40% 55% 45% / 50% 55% 45% 50%;
    background: linear-gradient(135deg, var(--blue), var(--dark));
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    padding: 2.5rem;
}

.about-blob .quote {
    font-family: 'Manrope', serif;
    font-size: 1.35rem;
    font-style: italic;
    line-height: 1.55;
}

.about-highlight {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.about-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

/* ─── MISSION ─── */
#mission {
    background: url(../images/gradient-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #000
}
#courses {
    background: url(../images/gradient-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #000;
    padding: 50px 0px;
}
#mission h3 {
    color: #000;
    max-width: 850px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
}

#mission .section-label {
    color: var(--blue);
}

#mission .section-title {
    color: #000
}

.mission-card {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 16px;
    padding: 2rem;
    height: 100%;
    transition: transform .25s, background .25s;
}

.mission-card:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, .12);
}

.mission-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
}

/* ─── WHAT WE DO ─── */
#services {
    background: #fff;
}

.service-card {
    border: none;
    border-radius: 16px;
    padding: 2rem 1.6rem;
    height: 100%;
    transition: transform .25s, box-shadow .25s;
    background: var(--light);
    border-left: 4px solid transparent;
    position: relative;
    overflow: hidden;
}

.service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .1);
}


.service-card .s-icon {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
}

.service-card h5 {
    font-weight: 700;
    font-size: 1.05rem;
    color: #000;
    margin-bottom: .6rem;
}

.service-card p {
    font-size: 1rem;
    color: #000000;
    line-height: 1.7;
}

/* ─── HOW WE DIFFER ─── */


.differ-row {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    padding: 1.4rem;
    border-radius: 14px;
    margin-bottom: 1rem;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
    transition: transform .2s;
    z-index: 5;
    position: relative;
}

.differ-row:hover {
    transform: translateX(5px);
}

.differ-badge {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.traditional-box {
    background: #f0f0f0;
    border-radius: 16px;
    padding: 2rem;
}

.trad-item {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .9rem;
    background: #fff;
    border-radius: 10px;
    margin-bottom: .8rem;
    opacity: .7;
}


#stats::before {
    content: '';
    position: absolute;
    top: -85px;
    left: -70px;
    width: 400px;
    height: 400px;
    background: url(../images/icon.svg);
    background-size: 41%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    opacity: 0.2;
    z-index: 0;
}

.gradient-bg {
    background: url(../images/gradient-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.stat-card {
    text-align: center;
    padding: 2rem 1rem;
}

.stat-num {
    font-family: 'Manrope', serif;
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: .3rem;
}

.stat-label {
    font-size: 1rem;
    font-weight: 500;
}

.stat-icon-wrap {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    margin: 0 auto 1rem;
}

/* ─── TESTIMONIALS ─── */
#testimonials {
    background: #fff;
}

.testi-card {
    background: var(--light);
    border-radius: 18px;
    padding: 2rem;
    height: 100%;
    position: relative;
    border: 1px solid #e8eef4;
    transition: transform .25s, box-shadow .25s;
}


.testi-quote {
    font-size: 2.5rem;
    color: var(--orange);
    line-height: 1;
    margin-bottom: .5rem;
    font-family: Georgia, serif;
}

.testi-card p {
    font-size: .9rem;
    color: #5a6a78;
    line-height: 1.75;
    margin-bottom: 1.5rem;
    font-style: italic;
}

.testi-author {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.testi-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
    color: #fff;
    flex-shrink: 0;
}

.testi-name {
    font-weight: 700;
    font-size: .9rem;
    color: var(--dark);
}

.testi-role {
    font-size: .75rem;
    color: #8a9ba8;
}

.stars {
    color: #f4b400;
    font-size: .85rem;
}

/* ─── FAQ ─── */
#faq {
    background: var(--light);
}

.accordion-item {
    border: 1px solid #e0e8ef !important;
    border-radius: 12px !important;
    margin-bottom: .8rem;
    overflow: hidden;
}

.accordion-button {
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--dark) !important;
    background: #fff !important;
    box-shadow: none !important;
    padding: 1.2rem 1.4rem;
}

.accordion-button:not(.collapsed) {
    color: var(--orange) !important;
}

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

.accordion-body {
    font-size: 1rem;
    color: #070707;
    line-height: 1.75;
    padding: 0 1.4rem 1.2rem;
}

/* ─── CONTACT ─── */
#contact {
    background: #fff;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
    border: 1.5px solid #dde5ef;
    border-radius: 10px;
    padding: .75rem 1rem;
    font-size: .9rem;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    outline: none;
    transition: border-color .2s;
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: var(--orange);
}

.contact-form label {
    font-size: .82rem;
    font-weight: 600;
    color: var(--dark);
    margin-bottom: .35rem;
}

.btn-submit {
    background: var(--orange);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: .85rem 2.5rem;
    font-weight: 700;
    font-size: .95rem;
    font-family: 'Poppins', sans-serif;
    transition: background .2s, transform .15s;
    cursor: pointer;
}

.btn-submit:hover {
    background: #c94e0f;
    transform: translateY(-2px);
}



@media (max-width: 767px) {
    .footer_bottom .copyroght {
        text-align: center;
    }

    .footer_bottom .designed_by {
        text-align: center;
        padding-top: 10px;
    }

    .slide_content h1 {
        font-size: 28px !important;
    }

    .track-box {
        margin-top: 30px;
    }

    .top_bar a {
        font-size: 12px;
    }

    .banner-section {
        background-position: center;
        height: 50vh !important;
    }

    .slide_content p {
        width: 100%;
        margin: 0 auto 10px;
    }

    .wb-heading h2 {
        font-size: 24px;
    }

    .process .nav-pills .nav-link h3 {
        font-size: 16px;
        font-weight: 600;
    }

    .channel h4 {
        font-size: 16px;
    }

    .banner-content {
        top: 50%;
    }
}


@media (max-width: 768px) {
    .footer_bottom .copyroght {
        text-align: center;
    }

    .footer_bottom .designed_by {
        text-align: center;
        padding-top: 10px;
    }

    .slide_content h1 {
        font-size: 22px !important;
    }

    .track-box {
        margin-top: 30px;
    }

    .top_bar a {
        font-size: 12px;
    }

    .banner-section {
        background-position: center;
        height: 75vh !important;
    }

    .slide_content p {
        width: 100%;
        margin: 0 auto 10px;
        font-size: 16px;
    }

    .wb-heading h2 {
        font-size: 24px;
    }

    .process .nav-pills .nav-link h3 {
        font-size: 16px;
        font-weight: 600;
    }

    .channel h4 {
        font-size: 16px;
    }

    .banner-content {
        top: 50%;
    }

    .header-nav {
        background-color: #fff;
        padding: 1px 0px;
        background-color: #fff;
        padding: 10px 0px;
        position: relative;
        width: 100%;
        background: #ededed94;
        top: 0%;
    }

    .slide_content {
        padding: 30px 10px;
    }

    .header-nav .navbar-brand img {
        width: 173px;
    }

    .top-footer {
        padding: 17px 0px;
    }

    .footer-logo-section img {
        width: 189px;
    }

    .wb-heading h6 {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 9px;
        MARGIN-TOP: 24PX;
    }

    .chooseus,
    section {
        padding: 30px 0;
    }

    .dropdown-toggle {
        white-space: nowrap;
        padding: 0px;
        color: #000;
        font-weight: 500;
    }

    .dropdown-toggle .dropdown-menu {
        position: relative;
        z-index: 999;
    }

    .dropdown-menu {
        background-color: transparent;
    }

    .header-nav nav ul li:before {
        position: absolute;
        content: "";
        left: 50%;
        top: 40px;
        width: 0%;
        height: 0px;
        background-color: transparent;

    }

    .title-banner {
        padding: 56px 0px 47px 0px;
        margin: 0px !important;
    }

    .title-banner h1 {
        font-size: 33px;
    }

    .services-sec {
        margin-bottom: 30px;
    }

    .services-content h3 {
        font-size: 23px;
    }

    .btn-whatsapp-pulse {
        padding: 25px;
    }
    .resume-builder .features {
    margin-top: 20px;
    margin-bottom: 20px;
}

}

@media (max-width: 576px) {
    .title-banner {
        padding: 29px 0px 15px 0px;
        margin: 0px !important;
    }

    .title-banner h1 {
        font-size: 24px;

    }

    .process {
        padding: 10px 0;
        background-color: #f5fbff;
    }

    .wb-heading h2 {
        font-size: 18px;
    }

    .wb-heading p {
        font-size: 16px;
    }

    .footer-widget h4 {

        margin-bottom: 18px;
    }

    .footer_bottom {
        padding: 0px;
        background-color: var(--blue);
        border-top: 1px solid #f5f5f5;
    }

    .slide_content h1 {
        font-size: 34px !important;
    }

    .slide_content p {
        width: 100%;
        margin: 0 auto px;
        font-size: 12px;
    }

    .custom-btn {
        width: auto;
        /* height: 33px; */
        color: #fff;
        border-radius: 5px;
        padding: 6px 12px;
        font-weight: 500;

    }

    .footer_bottom .designed_by {
        padding-top: 0px;
    }

    .btn-whatsapp-pulse {
        padding: 21px;
    }
}

.contact-info-card {
    background: #effbff;
    border-radius: 18px;
    padding: 2.5rem;
    color: #000;
    height: 100%;
}

.contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.c-icon {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    background: rgb(255 255 255);
    border: 1px solid #bcbcbc;
    box-shadow: 3px 3px 0px #0ab6fe;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.breadcrump {
    background:linear-gradient(to right, var(--dark) 50%, transparent), url(../images/bread_bg.webp);
    background-position: right;
    background-size: cover;
    padding: 70px 0px;
}

.resume-breadcrump {
    background: linear-gradient(to right, var(--dark) 50%, transparent), url(../images/resume-bg.webp);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 90px 0px;
}
.resume-breadcrump.interview {
    background: linear-gradient(to right, var(--dark) 50%, transparent), url(../images/interview-reject.webp);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 90px 0px;
}

.franchise-breadcrump {
    background-image: url(../images/futureforce.jpeg);
    background-color: #141416;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 120px 0px;
}

.career-breadcrump {
    background-image:linear-gradient(to right, var(--dark) 60%, transparent 80%), url(../images/career-bg.webp);
    background-color: #141416;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 60px 0px;
}

.breadcrump h1,
.resume-breadcrump h1,
.franchise-breadcrump h1,
.career-breadcrump h1 {
    font-weight: 700;
    color: #fff;
}

.resume_wrap ul li {
    padding: 5px 15px;
    border-radius: 8px;
    background-color: #dbedf5;
    margin-bottom: 5px;
}

.interview_wrap ul li {
    padding: 5px 15px;
    border-radius: 8px;
    background-color: #dcf5db;
    margin-bottom: 5px;
}

.career_wrap ul li {
    padding: 5px 15px;
    border-radius: 8px;
    background-color: #f5eddb;
    margin-bottom: 5px;
}

.take-control {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-top: 20px;
}

.take-control-wrap {
    background: #fff !important;
}

.take-control-wrap h4 {
    font-size: 40px !important;
}

.take-control .card {
    background-color: #e1f2f2;
    padding: 20px 10px;
    text-align: center;
    border-radius: 16px;
    width: 100%;
}

.take-control .card .control-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffc701;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10px;
    font-size: 16px;
}

/* Navbar */
.header-nav {
    z-index: 999;
}

/* Mega Menu */
.mega-menu {
    width: 100%;
    left: 0;
    right: 0;
    border: none;
    border-radius: 12px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

/* Show on hover */
.mega-dropdown:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Links */
.mega-menu a {
    display: block;
    padding: 6px 0;
    color: #333;
    text-decoration: none;
    transition: 0.3s;
}

.mega-menu a:hover {
    color: #0d6efd;
    padding-left: 5px;
}

/* Titles */
.mega-title {
    font-weight: 600;
    margin-bottom: 10px;
}

.dropdown-menu .s-icon {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
}

.modal .modal-content {
    border: 0;
    border-radius: 15px !important;
}

.scale_anim {
    animation: scale_anim .3s cubic-bezier(.57, .21, .69, 1.25);
}

@keyframes scale_anim {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}



.resume-builder .hero h1 {
    font-size: 50px;
    font-weight: 800;
    color: var(--dark);
}

.resume-builder .hero h1 span {
    color: var(--orange);
}

.resume-builder .hero p {
    margin: 0px 0;
    font-size: 18px;
    color: #444;
}

/* IMAGE */
.resume-builder .hero img {
    width: 100%;
    border-radius: 12px;
}

/* FEATURES */
.resume-builder .features {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.resume-builder .feature-box {
    background: #fff6f0;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    gap: 15px;
    align-items: center;
    /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); */
}

.resume-builder .feature-box img {
    width: 40px;
}

.resume-builder .feature-box p {
    font-size: 15px;
}

/* CTA */
.resume-builder .cta {
    margin-top: 50px;
}

.resume-builder h2 {
    line-height: 1.5;
}

.resume-builder .cta p {
    font-size: 18px;
    margin-bottom: 8px;
}

.resume-builder .btn {
    margin-top: 20px;
    display: inline-block;
    background: var(--orange);
    color: var(--white);
    padding: 14px 30px;
    border-radius: 6px;
    text-decoration: none;
}

/* CONTACT */
.resume-builder .contact {
    margin-top: 40px;
    text-align: center;
    font-size: 15px;
}

.resume-builder .contact p {
    font-size: 32px;
    font-weight: bold;
}

/* MOBILE */
@media(max-width:768px) {
    .resume-builder .hero {
        grid-template-columns: 1fr;
    }

    .resume-builder .features {
        grid-template-columns: 1fr;
    }
    .resume-breadcrump.interview {
    background: var(--dark);
    padding: 40px 0px;
}
.resume-breadcrump {
    background: var(--dark);
    padding: 40px 0px;
}
.career-breadcrump {
   background: var(--dark);
    padding: 40px 0px;
}
}

.resume-cta-card {
    padding: 30px;
    border-radius: 16px;
    text-align: center;
}

.box-1 {
    background-color: #ecf3f6;
}

.box-2 {
    background-color: #fff1ea;
}

.box-3 {
    background-color: #e2efde;
}

.resume-cta-card p {
    font-size: 24px !important;
    font-weight: 700;
    margin-bottom: 20px !important;
}

.box-1 p {
    color: var(--blue);
}

.box-2 p {
    color: var(--orange)
}

.box-3 p {
    color: var(--green)
}

.career-programs .box-1 i {
    color: var(--blue);
}

.career-programs .box-2 i {
    color: var(--orange)
}

.career-programs .box-3 i{
    color: var(--green)
}
.career-programs p{
    font-size: 18px !important;
    font-weight: 700;
    color: #000;
}
.resume-cta-card img {
    border-radius: 8px;
}

.breadcrump_list {
    padding: 15px 20px;
    background: #2a5474;
    border-radius: 12px;
    box-shadow: 5px 5px 0px #07b8fe;
}

.breadcrump_list h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
}

.owl-nav {
    pointer-events: none;
    width: 100%;
    position: absolute;
    top: 40%;
    transform: translateY(-50%)
}

.owl-prev,.owl-next {
    pointer-events: all;
    color: var(--orange)!important;
    background: #fff !important;
    border: none;
    border-radius: 50% !important; 
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    font-size: 22px;
    transition: all .3s;
    display: flex;
    position: absolute;
    box-shadow: 0 8px 20px rgba(0,0,0,.25);
    z-index: 9!important
}

.owl-prev:before,.owl-next:before {
    color: var(--orange) !important;
    font-size: 40px!important
}

.owl-nav button.owl-prev {
    left: -30px
}

.owl-nav button.owl-next {
    right: -30px
}

.owl-nav button.owl-prev:hover,.owl-nav button.owl-next:hover {
    transform: scale(1.12);
    box-shadow: 0 12px 28px rgba(0,0,0,.35)
}

.owl-nav button span {
    line-height: 1
}
.franchise h5{
    font-size: 20px !important;
}
.whatsapp_connect {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 999;
}
.whatsapp_connect img {
    width:60px;
}