/* Header menu items */
.header-area .main-menu > ul > li > a {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;

    list-style: none;
    vertical-align: baseline;

    padding: 40px 0; /* keeps your header spacing */
}


.header-area .main-menu ul {
    list-style: none;
    margin: 0;
    padding: 20px;
}


/* Mobile menu */
.header-navigation.breakpoint-on 
.main-menu ul li a {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}


/* Get Quote button typography */
.main-btn.secondary-btn {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;

    height: 41px;
    margin-bottom: 5px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
}


.header-area .nav-right-item .main-btn.secondary-btn {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    height: 41px;
    margin-bottom: 5px;
}


/* ===============================
   HERO SECTION TYPOGRAPHY
================================ */

/* Tag line */
.hero-content .tag-line {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

/* Hero main heading */
.hero-content h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 20px;
}

/* Hero paragraph */
.hero-content p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    max-width: 520px;
}

/* ===============================
   HERO FEATURE BOXES
================================ */

.hero-feature-box h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px;
}

.hero-feature-box p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    opacity: 0.9;
}

/* Feature icon alignment */
.hero-feature-box .icon {
    margin-bottom: 12px;
}

/* ===============================
   HERO FORM (RIGHT SIDE)
================================ */

.hero-contact-area h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.hero-contact-area p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 25px;
}

/* Form inputs */
.hero-contact-form .form_control,
.hero-contact-form .nice-select {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

/* Submit button */
.hero-contact-form .main-btn.primary-btn {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}


@media (max-width: 767px) {
    .hero-content h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .hero-content p {
        font-size: 15px;
        line-height: 24px;
    }
}


/* Reduce header height */
.header-area.header-two 
.main-menu > ul > li > a {
    padding: 30px 0;
}


.header-area.header-two 
.main-btn.secondary-btn {
    padding: 10px 24px;
    height: 41px;

    
}


.header-area.header-two 
.site-branding img {
    max-height: 60px;
}


@media (max-width: 1199px) {
    .header-navigation {
        padding: 10px 0;
    }

    .header-navigation .main-menu ul li a {
        padding: 12px 0;
    }
}



/* MENU ITEMS AS OUTLINED BUTTONS */
.header-area.header-two 
.main-menu > ul > li > a {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;

    /* Button shape */
    padding: 10px 18px;
    border-radius: 999px;

    /* Outline style */
    background-color: transparent;
    border: 1px solid #fda995;
    color: #0F0F2D;

    /* Keep height intact */
    box-sizing: border-box;

    transition: background-color 0.25s ease, 
                color 0.25s ease;
}


.header-area.header-two 
.main-menu > ul > li > a:hover,
.header-area.header-two 
.main-menu > ul > li.active > a {
    background-color: #fda995;
    color: #0F0F2D;
}


@media (max-width: 1199px) {
    .header-navigation.breakpoint-on 
    .main-menu ul li a {
        padding: 12px 16px;
        border-radius: 10px;
    }
}


.header-area.header-two 
.main-menu > ul > li > a {
    transition: background-color 0.25s ease,
                color 0.25s ease,
                box-shadow 0.25s ease;
}

.header-area.header-two 
.main-menu > ul > li > a:hover {
    box-shadow: 0 4px 12px rgba(255, 185, 102, 0.25);
}





.features-section .section-title h2 {
    letter-spacing: -0.02em;
}

.fancy-icon-box .content h4.title {
    font-weight: 700;
    font-size: 18px;
}

.fancy-icon-box .content p {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
}


/* UNIFIED BUTTON SYSTEM */
.header-area.header-two .main-menu > ul > li > a,
.header-area.header-two .main-btn.secondary-btn {
    height: 42px;
    min-width: 130px;

    padding: 0 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;

    border-radius: 999px;
    line-height: 1;

    box-sizing: border-box;
}


/* MENU PILLS – PREMIUM STYLE */
.header-area.header-two .main-menu > ul > li > a {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(253, 169, 149, 0.6);
    color: #0F0F2D;

    transition: all 0.25s ease;
}

.header-area.header-two .main-menu > ul > li > a:hover,
.header-area.header-two .main-menu > ul > li.active > a {
    background: #fda995;
    border-color: #fda995;
    color: #0F0F2D;

    box-shadow: 0 6px 16px rgba(253, 169, 149, 0.35);
}


/* PRIMARY CTA – STRONG & PREMIUM */
.header-area.header-two .main-btn.secondary-btn {
    background: #7FB7B7;
    border: none;
    color: #0F0F2D;

    padding: 0 26px;
    font-weight: 600;

    box-shadow: 0 8px 22px rgba(15, 15, 45, 0.18);
}

.header-area.header-two .main-btn.secondary-btn:hover {
    background: #6AA8A8;
    transform: translateY(-1px);
}



/* RIGHT SIDE ALIGNMENT */
.header-area.header-two .nav-right-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-area.header-two .header-phone {
    font-weight: 500;
    font-size: 15px;
    color: #0F0F2D;
    white-space: nowrap;
}


/* PREMIUM SEPARATION – STICKY SAFE */
.header-area.header-two .header-navigation {
    background: #E6F0F0;
}

/* Shadow only when sticky (BEST UX) */
.header-area.header-two .header-navigation.sticky {
    box-shadow: 0 10px 30px rgba(15, 15, 45, 0.08);
}


/* REMOVE HEADER-TWO OVERLAY BLOCK (LOGO AREA FIX) */
.header-area.header-two 
.header-navigation 
.inner-navigation:after {
    display: none !important;
}


.header-area.header-two .site-branding img {
    max-height: 52px;
}


/* HEADER WIDTH ALIGNMENT FIX */
.header-area.header-two .inner-navigation {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}



/* MATCH GLOBAL PAGE GUTTERS */
.header-area.header-two .inner-navigation .container-fluid {
    padding-left: 70px;
    padding-right: 70px;
}

/* Tablet */
@media (max-width: 1199px) {
    .header-area.header-two .inner-navigation .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* CTA BUTTON – DISTINCT HOVER (NOT MENU COLOR) */
.header-area.header-two 
.nav-right-item 
.main-btn.secondary-btn {
    background: rgba(253, 169, 149, 0.6);
    color: #0F0F2D;
    transition: 
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

/* CTA HOVER – BRAND ACCENT */
.header-area.header-two 
.nav-right-item 
.main-btn.secondary-btn:hover {
    background: #5FA3A3; /* darker teal */
    box-shadow: 0 10px 26px rgba(95, 163, 163, 0.45);
    transform: translateY(-1px);
}
/* SEARCH MODAL – THEME ALIGNED & PREMIUM */
.search-modal {
    background: rgba(15, 15, 45, 0.88);
}

/* Modal container */
.search-modal .modal-content {
    background: transparent;
    border: none;
}

/* Input wrapper */
.search-modal .form_group {
    position: relative;
}

/* Search input */
.search-modal .form_control {
    width: 100%;
    background: transparent;
    border: none;

    /* Peach underline (menu color) */
    border-bottom: 2px solid rgba(253, 169, 149, 0.6);

    padding: 18px 42px 18px 0;

    font-size: 20px;
    font-weight: 500;
    color: #fff;

    transition: border-color 0.25s ease;
}

/* Placeholder */
.search-modal .form_control::placeholder {
    color: rgba(255, 255, 255, 0.75);
}

/* Focus state */
.search-modal .form_control:focus {
    outline: none;
    border-bottom-color: #5FA3A3; /* CTA teal */
}

/* Search icon */
.search-modal label {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    color: #5FA3A3;
    font-size: 18px;

    transition: color 0.25s ease;
}

/* Icon hover / focus feedback */
.search-modal .form_control:focus + label,
.search-modal label:hover {
    color: #5FA3A3;
    text-shadow: 0 0 12px rgba(95, 163, 163, 0.45);
}


.search-modal .modal-dialog {
    transform: scale(0.96);
    transition: transform 0.25s ease;
}

.search-modal.show .modal-dialog {
    transform: scale(1);
}



/* SEARCH RESULTS PAGE */
.search-results-section {
    background: #FEFBE9;
}

.search-empty-state {
    background: #fff;
    padding: 50px 40px;
    border-radius: 16px;

    box-shadow: 0 18px 40px rgba(15, 15, 45, 0.08);
}

.search-empty-state .icon {
    font-size: 42px;
    color: #5FA3A3;
}

.search-empty-state h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.search-empty-state p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 20px;
}



@media (max-width: 1199px) {

    /* SHOW SEARCH ICON ON MOBILE */
    .header-area.header-two .search-btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    /* PHONE: ICON ONLY */
    .header-area.header-two .header-phone {
        font-size: 0; /* hide text */
    }

    .header-area.header-two .header-phone i {
        font-size: 16px;
        margin: 0;
    }

}


@media (max-width: 1199px) {

    /* RESET MENU ITEMS TO NORMAL LINKS */
    .header-area.header-two 
    .main-menu ul li a {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;

        padding: 12px 0;
        border-radius: 0;

        font-size: 16px;
        font-weight: 500;
        color: #0F0F2D;
    }

    /* Hover / active (simple, native feel) */
    .header-area.header-two 
    .main-menu ul li a:hover {
        color: #5FA3A3;
    }

}


@media (max-width: 1199px) {

    .header-area.header-two 
    .menu-button .main-btn.secondary-btn {
        width: 100%;
        justify-content: center;

        border-radius: 12px;
        font-size: 16px;
    }

}


@media (max-width: 1199px) {

    .header-area.header-two .header-navigation {
        padding: 10px 0;
    }

}







/* ===============================
   KLOVER HERO – FRESH BUILD
================================ */

/* HERO WRAPPER */
.klover-hero {
    position: relative;
    padding: 90px 20px 90px;
    background: linear-gradient(
        180deg,
        #E6F0F0 0%,
        #EEF6F6 65%,
        #FEFBE9 100%
    );
    text-align: center;
}

/* INNER CONTAINER */
.klover-hero-inner {
    max-width: 900px;
    margin: 0 auto;
}

/* EYEBROW / TAG */
.klover-hero-eyebrow {
    display: inline-block;
    margin-bottom: 14px;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;

    color: #fda995;
}

/* MAIN TITLE */
.klover-hero-title {
    font-size: 48px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.02em;

    color: #0F0F2D;
    margin-bottom: 22px;
}

.klover-hero-title span {
    color: #193B1E;
}

/* SUBTITLE */
.klover-hero-subtitle {
    max-width: 620px;
    margin: 0 auto 46px;

    font-size: 18px;
    line-height: 1.65;
    color: #4A4A4A;
}

/* ACTIONS */
.klover-hero-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

/* ACTION CARD */
.klover-action-card {
    min-width: 220px;
    padding: 18px 26px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    background: #ffffff;
    border-radius: 18px;

    font-size: 15px;
    font-weight: 700;
    color: #0F0F2D;
    text-decoration: none;

    box-shadow:
        0 12px 32px rgba(15, 15, 45, 0.08);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background-color 0.25s ease,
        color 0.25s ease;
}

.klover-action-card i {
    font-size: 18px;
    color: #fda995;
}

/* HOVER */
.klover-action-card:hover {
    background: #5FA3A3;
    color: #ffffff;
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(95, 163, 163, 0.4);
}

.klover-action-card:hover i {
    color: #ffffff;
}

/* TRUST LINE */
.klover-hero-trust {
    display: flex;
    justify-content: center;
    gap: 28px;
    flex-wrap: wrap;

    font-size: 13px;
    font-weight: 500;
    color: #555;
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 991px) {
    .klover-hero-title {
        font-size: 40px;
    }
}

@media (max-width: 575px) {
    .klover-hero {
        padding: 120px 16px 90px;
    }

    .klover-hero-title {
        font-size: 30px;
        line-height: 1.25;
    }

    .klover-hero-subtitle {
        font-size: 16px;
        margin-bottom: 36px;
    }

    .klover-action-card {
        width: 100%;
        max-width: 320px;
    }
}


/* Adjust hero when header is present */
.header-area + .klover-hero {
    padding-top: 90px;
}


@media (max-width: 575px) {
    .klover-hero {
        padding: 90px 16px 90px;
    }
}


.klover-hero {
    background: linear-gradient(
        180deg,
        #E6F0F0 0%,
        #EEF6F6 50%,
        #FEFBE9 100%
    );
}



/* ABOUT SECTION TYPOGRAPHY CLEANUP */

.about-section .section-title h2 {
    font-size: 40px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.fancy-icon-box-three .content h4 {
    font-size: 18px;
    font-weight: 700;
}

.fancy-icon-box-three .content p {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
}

/* Animated headline text */
.animate-headline .bgi {
    font-size: 42px;
    font-weight: 800;
    letter-spacing: 0.12em;
    opacity: 0.08;
}


/* ABOUT SECTION SVG SIZE CONTROL */
.about-section .about-image img {
    max-width: 100%;
    width: 100%;
    max-height: 420px;

    object-fit: contain;
    display: block;
    margin: 0 auto;
}



/* ===============================
   ANIMATE HEADLINE – COLOR POLISH
   (NO ANIMATION CHANGES)
================================ */

.animate-headline {
    padding: 30px 0 10px;
}

/* Animated text */
.animate-headline .bgi {
    font-family: 'Poppins', sans-serif;
    font-size: 48px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    /* Brand-based soft color */
    color: rgba(95, 163, 163, 0.22); /* teal-based */

    /* Make it feel like background text */
    opacity: 1;
}

/* Optional peach accent version (comment teal, use this instead) */
/*
.animate-headline .bgi {
    color: rgba(253, 169, 149, 0.22);
}
*/

/* Responsive tuning */
@media (max-width: 991px) {
    .animate-headline .bgi {
        font-size: 38px;
        letter-spacing: 0.14em;
    }
}

@media (max-width: 575px) {
    .animate-headline .bgi {
        font-size: 30px;
        letter-spacing: 0.12em;
    }
}




/* ===============================
   FEATURES SECTION – HERO STYLE
================================ */

/* Section background (soft like hero) */
.features-section {
    background: linear-gradient(
        180deg,
        #E6F0F0 0%,
        #EEF6F6 60%,
        #FEFBE9 100%
    );
}

/* Feature item – no hard card */
.features-section .fancy-icon-box {
    background: transparent;
    border-radius: 0;
    padding: 22px 18px;

    box-shadow: none;

    transition: transform 0.25s ease;
}

/* Gentle lift only */
.features-section .fancy-icon-box:hover {
    transform: translateY(-4px);
}

/* Icon – soft emphasis */
.features-section .fancy-icon-box .icon {
    margin-bottom: 14px;
}

.features-section .fancy-icon-box .icon img {
    width: 46px;
    height: 46px;
    object-fit: contain;
    opacity: 0.9;
}

/* Title – unchanged hierarchy */
.features-section .fancy-icon-box .content h4.title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #0F0F2D;
}

/* Text – calm & readable */
.features-section .fancy-icon-box .content p {
    font-size: 15px;
    line-height: 1.6;
    color: #4A4A4A;
}



.features-section .section-title h2 {
    letter-spacing: -0.02em;
    font-weight: 700;
    color: #0F0F2D;
}



/* Desktop spacing balance */
@media (min-width: 1200px) {
    .features-section .service-iamge-box {
        padding-left: 32px;
    }
}

/* Mobile spacing */
@media (max-width: 767px) {
    .features-section .fancy-icon-box {
        padding: 20px 10px;
    }
}


/* ===============================
   ABOUT SECTION – FONT SYSTEM ALIGNMENT
================================ */

/* Section heading – match Features & How It Works */
.about-section .section-title h2 {
    font-size: 36px;          /* down from 40 */
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #0F0F2D;
}



/* Icon box titles – unify with feature titles */
.about-section .fancy-icon-box-three .content h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #0F0F2D;
}

/* Body copy – same tone as Features */
.about-section .fancy-icon-box-three .content p {
    font-size: 15px;
    line-height: 1.6;
    color: #4A4A4A;
}

/* Icon spacing – breathing room */
.about-section .fancy-icon-box-three .icon {
    margin-bottom: 14px;
}

/* Mobile tuning */
@media (max-width: 575px) {
    .about-section .section-title h2 {
        font-size: 28px;
    }
}



/* ===============================
   FAQ SECTION – FONT SYSTEM
================================ */

/* Section heading */
.faq-section .section-title h2 {
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #0F0F2D;
}



/* Question title */
.faq-section .accordion-title {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #0F0F2D;
}

/* Question number */
.faq-section .accordion-title .number {
    font-weight: 700;
    color: #fda995;
    margin-right: 6px;
}

/* Answer text */
.faq-section .accordion-content p {
    font-size: 15px;
    line-height: 1.65;
    color: #4A4A4A;
}

/* Open state emphasis */
.faq-section .accordion-title:not(.collapsed) {
    color: #0F0F2D;
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 575px) {
    .faq-section .section-title h2 {
        font-size: 28px;
    }

    .faq-section .accordion-title {
        font-size: 15px;
    }
}



/* ===============================
   TESTIMONIAL SECTION – FONT SYSTEM
   (NO SUBTITLE STYLING)
================================ */

/* Section heading */
.testimonial-section .section-title h2 {
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #0F0F2D;
}

/* Review text */
.testimonial-section .testimonial-content p {
    font-size: 16px;
    line-height: 1.65;
    font-weight: 400;
    color: #4A4A4A;
}

/* Reviewer name */
.testimonial-section .author-title h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    color: #0F0F2D;
}

/* Reviewer meta (role / verified user) */
.testimonial-section .author-title .position {
    font-size: 13px;
    font-weight: 500;
    color: #777;
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 575px) {
    .testimonial-section .section-title h2 {
        font-size: 28px;
    }

    .testimonial-section .testimonial-content p {
        font-size: 15px;
    }
}



/* ===============================
   FEATURES – CONSULTATION (FONTS ONLY)
================================ */

/* Section heading */
.features-section .section-title h2 {
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #0F0F2D;
}

/* Description paragraph */
.features-section .features-content-box p {
    font-size: 16px;
    line-height: 1.65;
    font-weight: 400;
    color: #4A4A4A;
}

/* CTA button text */
.features-section .features-content-box .main-btn {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 575px) {
    .features-section .section-title h2 {
        font-size: 28px;
    }

    .features-section .features-content-box p {
        font-size: 15px;
    }
}


/* ===============================
   FOOTER – STRUCTURE & BACKGROUNDS
================================ */

/* Whole footer wrapper */
.footer-area {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* ===============================
   FOOTER TOP (CONTENT AREA)
================================ */

.footer-widget-area {
    background: linear-gradient(
        180deg,
        #E6F0F0 0%,
        #EEF6F6 60%,
        #FEFBE9 100%
    );
    padding-bottom: 40px;
    color: #0F0F2D;
}

/* ===============================
   FOOTER BOTTOM (FULL WIDTH BAR)
================================ */

.footer-copyright {
    width: 100%;
    background: rgba(95, 163, 163, 0.18);
    padding: 18px 0;
}

/* ===============================
   FOOTER TYPOGRAPHY
================================ */

.footer-widget-area .widget-title {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #0F0F2D;
}

.footer-widget-area p,
.footer-widget-area li {
    font-size: 15px;
    line-height: 1.65;
    color: #4A4A4A;
}

/* Links */
.footer-widget-area a,
.footer-copyright a {
    font-size: 15px;
    font-weight: 500;
    color: #0F0F2D;
    transition: color 0.25s ease;
}

.footer-widget-area a:hover,
.footer-copyright a:hover {
    color: #5FA3A3;
}

/* ===============================
   CONTACT LIST
================================ */

.footer-widget-area .contact-info-widget ul li {
    margin-bottom: 8px;
}

/* ===============================
   NEWSLETTER
================================ */

.footer-widget-area .form_control {
    font-size: 15px;
    color: #0F0F2D;
}

/* ===============================
   SOCIAL ICONS
================================ */

.footer-widget-area .social-link {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-widget-area .social-link span {
    font-size: 15px;
    font-weight: 600;
    margin-right: 6px;
    color: #0F0F2D;
}

.footer-widget-area .social-link li a {
    width: 36px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #ffffff;
    color: #0F0F2D;

    transition: all 0.25s ease;
}

.footer-widget-area .social-link li a:hover {
    background: #5FA3A3;
    color: #ffffff;
}

/* ===============================
   BOTTOM BAR TEXT
================================ */

.footer-copyright p {
    font-size: 14px;
    margin: 0;
    color: #0F0F2D;
}

.footer-nav ul {
    display: flex;
    gap: 22px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-nav ul li a {
    font-size: 14px;
    font-weight: 500;
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 991px) {
    .footer-nav {
        margin-top: 12px;
        float: none !important;
    }

    .footer-nav ul {
        justify-content: flex-start;
    }
}

@media (max-width: 575px) {
    .footer-widget-area .widget-title {
        font-size: 17px;
    }

    .footer-widget-area p,
    .footer-widget-area li,
    .footer-widget-area a {
        font-size: 14px;
    }
}