#banner{
    background: url(../img/banner-1.png);
  
    background-size: cover;
    background-position: center;
}


@media screen and (max-width: 580px){
    #banner{
        background-position: unset !important;
    }
}

.wel h2{
    font-size: 40px !important;

    font-family: math;
}


/* =========================================
   SAFE SECURE PACKERS & MOVERS NAVBAR
   Color: Navy + Red + White
========================================= */

.safe-navbar {
    background: #fff1f1;
    padding: 5px 0;
    position: relative;
    z-index: 9999;
    box-shadow: 0 5px 25px rgba(0,0,0,0.12);
}

/* Logo */
.safe-logo {
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
    margin-right: 30px;
}

.logo-icon {
    width: 48px;
    height: 48px;
    background: #e63946;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    box-shadow: 0 5px 15px rgba(230,57,70,0.3);
}

.logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.logo-text strong {
    color: #000;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: .2px;
}

.logo-text small {
    color: #e63946;
    font-size: 11px;
    font-weight: 700;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Pliant:ital,wght@0,100..900;1,100..900&display=swap');



body{
 font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}





/* Main Menu */
.safe-navbar .navbar-nav {
    gap: 5px;
}

.safe-navbar .nav-link {
    color: #000 !important;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 13px !important;
    border-radius: 6px;
    transition: all .3s ease;
}

.safe-navbar .nav-link:hover,
.safe-navbar .nav-link.active {
    color: #fff !important;
    background: #e63946;
}


/* Dropdown */
.safe-dropdown {
    border: none;
    padding: 10px;
    margin-top: 12px;
    border-radius: 10px;
    min-width: 235px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(0,0,0,.15);
}

.safe-dropdown .dropdown-item {
    padding: 11px 13px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 600;
    color: #172033;
    transition: all .25s ease;
}

.safe-dropdown .dropdown-item i {
    width: 25px;
    color: #e63946;
}

.safe-dropdown .dropdown-item:hover {
    color: #fff;
    background: #e63946;
}

.safe-dropdown .dropdown-item:hover i {
    color: #fff;
}


/* CTA */
.navbar-cta {
    margin-left: 15px;
}

.call-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 15px 8px 8px;
    background: #e63946;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    transition: all .3s ease;
    box-shadow: 0 5px 18px rgba(230,57,70,.25);
}

.call-btn:hover {
    color: #fff;
    background: #c92f3b;
    transform: translateY(-2px);
}

.call-icon {
    width: 38px;
    height: 38px;
    background: #fff;
    color: #e63946;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.call-btn span:last-child {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.call-btn small {
    font-size: 10px;
    opacity: .85;
}

.call-btn strong {
    font-size: 13px;
}


@media screen and (max-width: 580px){
    .safe-navbar .nav-link{
        color: #fff !important;
    }
}
/* =====================================================
   SAFE SECURE - MOBILE HAMBURGER
   HIDE DESKTOP / SHOW MOBILE ONLY
===================================================== */


/* ===============================
   DEFAULT - DESKTOP HIDDEN
================================ */

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


/* ===============================
   TABLET + MOBILE SHOW
================================ */

@media (max-width: 991px) {

    .safe-menu-btn {
        width: 46px !important;
        height: 46px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        background: #ffffff !important;

        border: 1px solid #e5e7eb !important;

        border-radius: 8px !important;

        outline: none !important;

        box-shadow:
            0 4px 14px rgba(0, 0, 0, 0.07) !important;

        cursor: pointer !important;

        transition: all 0.3s ease !important;
    }


    /* ===============================
       HOVER
    ================================ */

    .safe-menu-btn:hover {

        background: #f8f8f8 !important;

        border-color: #d1d5db !important;

        transform: translateY(-1px);

        box-shadow:
            0 6px 18px rgba(0, 0, 0, 0.09) !important;
    }


    /* ===============================
       FOCUS
    ================================ */

    .safe-menu-btn:focus,
    .safe-menu-btn:active,
    .safe-menu-btn:focus-visible {

        outline: none !important;

        border-color: #e5e7eb !important;

        box-shadow:
            0 4px 14px rgba(0, 0, 0, 0.07) !important;
    }


    /* ===============================
       HAMBURGER
    ================================ */

    .safe-hamburger {

        width: 25px !important;
        height: 20px !important;

        display: flex !important;

        flex-direction: column !important;

        justify-content: space-between !important;

        position: relative !important;
    }


    /* ===============================
       HAMBURGER LINES
    ================================ */

    .safe-hamburger span {

        display: block !important;

        width: 25px !important;
        height: 2px !important;

        background: #000000 !important;

        border-radius: 10px !important;

        opacity: 1 !important;

        transition:
            transform 0.3s ease,
            opacity 0.3s ease !important;
    }


    /* ===============================
       OPEN → X ICON
    ================================ */

    .safe-menu-btn[aria-expanded="true"]
    .safe-hamburger span:nth-child(1) {

        transform:
            translateY(9px)
            rotate(45deg) !important;
    }


    .safe-menu-btn[aria-expanded="true"]
    .safe-hamburger span:nth-child(2) {

        opacity: 0 !important;
    }


    .safe-menu-btn[aria-expanded="true"]
    .safe-hamburger span:nth-child(3) {

        transform:
            translateY(-9px)
            rotate(-45deg) !important;
    }

}


/* ===============================
   MOBILE
================================ */

@media (max-width: 575px) {

    .safe-menu-btn {

        width: 42px !important;
        height: 42px !important;

        border-radius: 7px !important;

    }

    .safe-hamburger {

        width: 22px !important;
        height: 18px !important;

    }

    .safe-hamburger span {

        width: 22px !important;
        height: 2px !important;

    }

}


/* ===============================
   SMALL MOBILE
================================ */

@media (max-width: 380px) {

    .safe-menu-btn {

        width: 40px !important;
        height: 40px !important;

    }

    .safe-hamburger {

        width: 21px !important;
        height: 17px !important;

    }

    .safe-hamburger span {

        width: 21px !important;

    }

}
/* Mobile Toggle */
.safe-navbar .navbar-toggler {
    border: 1px solid rgb(0 0 0 / 30%);
    padding: 7px 10px;
}

.safe-navbar .navbar-toggler:focus {
    box-shadow: none;
}

.safe-navbar .navbar-toggler-icon {
    filter: brightness(0) invert(1);
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 991px) {

    .safe-navbar {
        padding: 10px 0;
    }

    .safe-navbar .navbar-collapse {
        margin-top: 15px;
        padding: 15px;
        background: #111b36;
        border-radius: 10px;
    }

    .safe-navbar .navbar-nav {
        gap: 3px;
    }

    .safe-navbar .nav-link {
        padding: 12px 14px !important;
    }

    .safe-navbar .nav-link:hover,
    .safe-navbar .nav-link.active {
        background: #e63946;
    }

    .safe-dropdown {
        margin-top: 3px;
        box-shadow: none;
    }

    .navbar-cta {
        margin: 12px 0 0;
    }

    .call-btn {
        justify-content: center;
    }
}


@media (max-width: 575px) {

    .logo-icon {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .logo-text strong {
        font-size: 17px;
    }

    .logo-text small {
        font-size: 9px;
    }
}



/* ================================
   TOP BAR
================================ */

.topbar {
    background: #f8fafc;
    border-bottom: 1px solid #e9edf2;
    font-family: Arial, sans-serif;
}

.topbar-inner {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.topbar-left span,
.topbar-right a {
    font-size: 13px;
    color: #475569;
    text-decoration: none;
}

.topbar-left i,
.topbar-right i {
    color: #c62828;
    margin-right: 6px;
}

.topbar-right {
    display: flex;
    align-items: center;
    gap: 24px;
}

.topbar-right a {
    transition: all 0.3s ease;
}

.topbar-right a:hover {
    color: #c62828;
}


/* Mobile */
@media (max-width: 767px) {

    .topbar {
        display: none;
    }

}



.wel {
    position: relative;
    z-index: 2;
    padding: 40px 20px 14px 24px;
}

.welcome-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(230, 57, 70, 0.10);
    color: #e63946;
    padding: 9px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
    margin-bottom: 18px;
    border: 1px solid rgba(230, 57, 70, 0.20);
}

.welcome-tag i {
    font-size: 15px;
}

.wel h2 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}

.wel h1 {
    font-size: 50px;
    line-height: 1.15;
    font-weight: 800;
    color: #1f1f1f;
    margin-bottom: 22px;
    max-width: 650px;
}

.wel h1 span {
    color: #e63946;
    display: block;
}

.wel p {
    font-size: 17px;
    line-height: 1.8;
    color: #555;
    max-width: 600px;
    margin-bottom: 25px;
}

.hero-services {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
}

.hero-services span {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.hero-services i {
    color: #e63946;
    margin-right: 5px;
}

.hero-btn {
    display: flex;
    align-items: center;
    gap: 15px;
}

.btn-primary-custom {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #e63946;
    color: #fff;
    padding: 14px 28px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(230, 57, 70, 0.25);
}

.btn-primary-custom:hover {
    background: #c62835;
    color: #fff;
    transform: translateY(-3px);
}

.btn-outline-custom {
    display: inline-flex;
    align-items: center;
    padding: 13px 27px;
    border: 2px solid #e63946;
    color: #e63946;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-outline-custom:hover {
    background: #e63946;
    color: #fff;
    transform: translateY(-3px);
}


/* Responsive */

@media (max-width: 991px) {

    .wel {
        padding: 50px 30px;
    }

    .wel h1 {
        font-size: 42px;
    }

}

@media (max-width: 576px) {

    .wel {
        padding: 40px 20px;
        text-align: center;
    }

    .welcome-tag {
        font-size: 12px;
    }

    .wel h2 {
        font-size: 20px;
    }

    .wel h1 {
        font-size: 32px;
    }

    .wel p {
        font-size: 15px;
    }

    .hero-services {
        justify-content: center;
        gap: 10px;
    }

    .hero-services span {
        font-size: 13px;
    }

    .hero-btn {
        justify-content: center;
        flex-wrap: wrap;
    }

}



/* =================================
   ABOUT SECTION
================================= */

.ss-about-section {

    width: 100%;

    padding: 85px 20px;

    background: #ffffff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

}


.ss-about-container {

    max-width: 1180px;

    margin: 0 auto;

}


/* =================================
   GRID
================================= */

.ss-about-grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    align-items: center;

    gap: 70px;

}


/* =================================
   LABEL
================================= */

.ss-about-label {

    display: flex;

    align-items: center;

    gap: 9px;

    color: #c62828;

    font-size: 38px;
    margin-bottom: 1em !important;

    font-weight: 800;

    letter-spacing: 1.7px;

}


.ss-about-label span {

    width: 30px;

    height: 2px;

    background: #c62828;

}


/* =================================
   HEADING
================================= */

.ss-about-content h2 {

    margin:
        14px 0 20px;

    color: #20252c;

    font-size: 39px;

    line-height: 1.16;

    font-weight: 800;

    letter-spacing: -.8px;

}


.ss-about-content h2 strong {

    display: block;

    color: #c62828;

    font-weight: 800;

}


/* =================================
   TEXT
================================= */

.ss-about-content > p {

    margin:
        0 0 13px;

    color: #707780;

    font-size: 14px;

    line-height: 1.8;

}


.ss-about-content .ss-about-lead {

    color: #555d66;

}


.ss-about-lead b {

    color: #292e35;

}


/* =================================
   FEATURES
================================= */

.ss-about-features {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        18px 28px;

    margin:
        26px 0;

}


.ss-about-feature {

    display: flex;

    align-items: center;

    gap: 11px;

}


.ss-feature-icon {

    width: 31px;

    height: 31px;

    min-width: 31px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff1f1;

    color: #c62828;

    border-radius: 50%;

    font-size: 12px;

    font-weight: 900;

}


.ss-about-feature h4 {

    margin: 0;

    color: #272c33;

    font-size: 12px;

    font-weight: 800;

}


.ss-about-feature p {

    margin:
        4px 0 0;

    color: #8a9097;

    font-size: 10px;

}


/* =================================
   BUTTON
================================= */

.ss-about-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    height: 44px;

    padding:
        0 19px;

    margin-top: 5px;

    background: #c62828;

    color: #ffffff;

    border-radius: 6px;

    text-decoration: none;

    font-size: 12px;

    font-weight: 800;

    box-shadow:
        0 7px 18px rgba(198,40,40,.18);

    transition:
        all .25s ease;

}


.ss-about-btn span {

    font-size: 17px;

    transition:
        transform .25s ease;

}


.ss-about-btn:hover {

    background: #a91f1f;

    color: #ffffff;

    transform:
        translateY(-2px);

}


.ss-about-btn:hover span {

    transform:
        translateX(4px);

}


/* =================================
   RIGHT IMAGE
================================= */

.ss-about-visual {

    position: relative;

    padding:
        0 18px 25px 0;

}


.ss-about-image {

    width: 100%;

    height: 440px;

    overflow: hidden;

    border-radius: 14px;

    background: #f4f4f4;

    box-shadow:
        0 18px 45px rgba(0,0,0,.12);

}


.ss-about-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .6s ease;

}


.ss-about-image:hover img {

    transform:
        scale(1.04);

}


/* =================================
   EXPERIENCE CARD
================================= */

.ss-experience-card {

    position: absolute;

    left: -5px;

    bottom: 0;

    width: 145px;

    height: 115px;

    padding: 17px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    background: #c62828;

    color: #ffffff;

    border-radius:
        0 12px 0 12px;

    box-shadow:
        0 10px 25px rgba(198,40,40,.22);

}


.ss-experience-card strong {

    font-size: 34px;

    line-height: 1;

    font-weight: 900;

}


.ss-experience-card span {

    margin-top: 7px;

    font-size: 10px;

    line-height: 1.4;

    font-weight: 600;

}


/* =================================
   TRUST CARD
================================= */

.ss-trust-card {

    position: absolute;

    right: 0;

    bottom: 17px;

    display: flex;

    align-items: center;

    gap: 9px;

    padding:
        11px 14px;

    background: #ffffff;

    border:
        1px solid #eeeeee;

    border-radius: 7px;

    box-shadow:
        0 8px 25px rgba(0,0,0,.11);

}


.ss-trust-icon {

    width: 29px;

    height: 29px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #fff7df;

    color: #e1a000;

    font-size: 12px;

}


.ss-trust-card strong {

    display: block;

    color: #292e35;

    font-size: 10px;

    font-weight: 800;

}


.ss-trust-card span {

    display: block;

    margin-top: 3px;

    color: #8b9198;

    font-size: 8px;

}


/* =================================
   TABLET
================================= */

@media (max-width: 991px) {

    .ss-about-section {

        padding:
            70px 20px;

    }


    .ss-about-grid {

        grid-template-columns:
            1fr;

        gap: 50px;

    }


    .ss-about-content {

        max-width: 700px;

        margin: auto;

    }


    .ss-about-visual {

        max-width: 650px;

        width: 100%;

        margin: auto;

    }

}


/* =================================
   MOBILE
================================= */

@media (max-width: 600px) {

    .ss-about-section {

        padding:
            55px 15px;

    }


    .ss-about-grid {

        gap:
            35px;

    }


    .ss-about-content h2 {

        font-size: 29px;

        letter-spacing:
            -.4px;

    }


    .ss-about-content > p {

        font-size: 13px;

        line-height:
            1.7;

    }


    .ss-about-features {

        grid-template-columns:
            1fr;

        gap: 13px;

        margin:
            22px 0;

    }


    .ss-about-visual {

        padding:
            0 8px 20px 0;

    }


    .ss-about-image {

        height: 320px;

        border-radius:
            10px;

    }


    .ss-experience-card {

        width: 115px;

        height: 92px;

        padding: 13px;

        border-radius:
            0 10px 0 10px;

    }


    .ss-experience-card strong {

        font-size: 27px;

    }


    .ss-experience-card span {

        font-size: 9px;

    }


    .ss-trust-card {

        padding:
            9px 10px;

        bottom:
            10px;

    }


    .ss-trust-icon {

        width: 25px;

        height: 25px;

        font-size: 10px;

    }


    .ss-trust-card strong {

        font-size: 8px;

    }


    .ss-trust-card span {

        font-size: 7px;

    }

}


/* =================================
   SMALL MOBILE
================================= */

@media (max-width: 380px) {

    .ss-about-content h2 {

        font-size: 26px;

    }


    .ss-about-image {

        height: 285px;

    }


    .ss-experience-card {

        width: 105px;

        height: 84px;

    }

}
/* =====================================================
   WHY CHOOSE US
===================================================== */

.ss-why-section {

    width: 100%;

    padding: 85px 20px;

    background:
        #f8f9fa;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

}


.ss-why-container {

    max-width: 1180px;

    margin: auto;

}


/* =====================================================
   HEADER
===================================================== */

.ss-why-header {

    max-width: 700px;

    margin:
        0 auto 50px;

    text-align: center;

}


.ss-why-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    color:
        #c62828;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.7px;

}


.ss-why-label span {

    width: 28px;

    height: 2px;

    background:
        #c62828;

}


.ss-why-header h2 {

    margin:
        14px 0 15px;

    color:
        #20252c;

    font-size: 38px;

    line-height: 1.15;

    font-weight: 800;

    letter-spacing:
        -.7px;

}


.ss-why-header h2 strong {

    display: block;

    color:
        #c62828;

    font-weight: 800;

}


.ss-why-header p {

    margin: 0;

    color:
        #747b83;

    font-size: 14px;

    line-height:
        1.75;

}


/* =====================================================
   MAIN GRID
===================================================== */

.ss-why-grid {

    display: grid;

    grid-template-columns:
        36% 64%;

    gap:
        35px;

    align-items:
        stretch;

}


/* =====================================================
   LEFT
===================================================== */

.ss-why-left {

    display: flex;

    flex-direction:
        column;

    justify-content:
        space-between;

}


/* =====================================================
   HIGHLIGHT
===================================================== */

.ss-why-highlight {

    padding:
        28px 25px;

    display: flex;

    gap:
        15px;

    background:
        #ffffff;

    border:
        1px solid #ededed;

    border-radius:
        10px;

    box-shadow:
        0 8px 28px rgba(0,0,0,.05);

}


.ss-highlight-icon {

    width: 40px;

    height: 40px;

    min-width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius:
        50%;

    background:
        #c62828;

    color:
        #ffffff;

    font-size:
        16px;

    font-weight:
        900;

}


.ss-why-highlight strong {

    display: block;

    color:
        #252a31;

    font-size:
        15px;

    line-height:
        1.4;

    font-weight:
        800;

}


.ss-why-highlight p {

    margin:
        8px 0 0;

    color:
        #7a8188;

    font-size:
        11px;

    line-height:
        1.7;

}


/* =====================================================
   STATS
===================================================== */

.ss-why-stats {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:
        8px;

    margin-top:
        15px;

}


.ss-stat {

    padding:
        18px 8px;

    text-align:
        center;

    background:
        #ffffff;

    border:
        1px solid #eeeeee;

    border-radius:
        8px;

}


.ss-stat strong {

    display: block;

    color:
        #c62828;

    font-size:
        23px;

    line-height:
        1;

    font-weight:
        900;

}


.ss-stat span {

    display: block;

    margin-top:
        7px;

    color:
        #7e858c;

    font-size:
        8px;

    font-weight:
        600;

}


/* =====================================================
   FEATURES
===================================================== */

.ss-why-features {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        16px;

}


/* =====================================================
   FEATURE CARD
===================================================== */

.ss-why-card {

    position:
        relative;

    display:
        flex;

    gap:
        15px;

    padding:
        24px 21px;

    background:
        #ffffff;

    border:
        1px solid #e9e9e9;

    border-radius:
        10px;

    box-shadow:
        0 7px 25px rgba(0,0,0,.045);

    transition:
        all .3s ease;

    overflow:
        hidden;

}


.ss-why-card::after {

    content:
        "";

    position:
        absolute;

    left:
        0;

    bottom:
        0;

    width:
        0;

    height:
        2px;

    background:
        #c62828;

    transition:
        width .3s ease;

}


.ss-why-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 14px 30px rgba(0,0,0,.09);

    border-color:
        #e3d3d3;

}


.ss-why-card:hover::after {

    width:
        100%;

}


/* =====================================================
   ICON
===================================================== */

.ss-why-icon {

    position:
        relative;

    width:
        42px;

    height:
        42px;

    min-width:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        9px;

    background:
        #fff1f1;

    color:
        #c62828;

    font-size:
        16px;

    font-weight:
        900;

}


.ss-why-icon span {

    position:
        absolute;

    top:
        -6px;

    right:
        -5px;

    padding:
        2px 4px;

    background:
        #ffffff;

    color:
        #999999;

    border:
        1px solid #eeeeee;

    border-radius:
        4px;

    font-size:
        7px;

    font-weight:
        700;

}


/* =====================================================
   CARD CONTENT
===================================================== */

.ss-why-card h3 {

    margin:
        1px 0 7px;

    color:
        #272c33;

    font-size:
        13px;

    font-weight:
        800;

}


.ss-why-card p {

    margin:
        0;

    color:
        #7c838b;

    font-size:
        10px;

    line-height:
        1.65;

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .ss-why-section {

        padding:
            70px 20px;

    }


    .ss-why-grid {

        grid-template-columns:
            1fr;

    }


    .ss-why-left {

        max-width:
            700px;

        width:
            100%;

        margin:
            auto;

    }


    .ss-why-features {

        max-width:
            700px;

        width:
            100%;

        margin:
            auto;

    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {

    .ss-why-section {

        padding:
            55px 15px;

    }


    .ss-why-header {

        margin-bottom:
            32px;

    }


    .ss-why-header h2 {

        font-size:
            29px;

    }


    .ss-why-header p {

        font-size:
            13px;

    }


    .ss-why-features {

        grid-template-columns:
            1fr;

        gap:
            12px;

    }


    .ss-why-card {

        padding:
            19px 17px;

    }


    .ss-why-stats {

        margin-top:
            10px;

    }


    .ss-stat {

        padding:
            15px 5px;

    }


    .ss-stat strong {

        font-size:
            20px;

    }


    .ss-stat span {

        font-size:
            7px;

    }


    .ss-why-highlight {

        padding:
            21px 18px;

    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 380px) {

    .ss-why-header h2 {

        font-size:
            26px;

    }


    .ss-why-stats {

        gap:
            5px;

    }


    .ss-stat strong {

        font-size:
            18px;

    }

}
/* =====================================================
   SERVICES SECTION
===================================================== */

.kcm-services-section {

    width: 100%;

    padding: 70px 20px 80px;

    background: #f7f8fa;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

}


/* CONTAINER */

.kcm-services-container {

    width: 100%;

    max-width: 1210px;

    margin: 0 auto;

}


/* =====================================================
   HEADING
===================================================== */

.kcm-services-heading {

    text-align: center;

    margin-bottom: 48px;

}


/* LABEL */

.kcm-services-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #e52b2f;

    font-size: 23px;
    margin-bottom: 1em !important;

    font-weight: 800;

    letter-spacing: .7px;

}


.kcm-services-label span {

    font-size: 14px;

}


/* HEADING */

.kcm-services-heading h2 {

    margin: 0;

    color: #101c32;

    font-size: 37px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: -.6px;

}


.kcm-services-heading h2 strong {

    color: #df292d;

    font-weight: 800;

}


/* DESCRIPTION */

.kcm-services-heading p {

    max-width: 680px;

    margin: 11px auto 0;

    color: #667085;

    font-size: 15px;

    line-height: 1.55;

}


/* =====================================================
   GRID
===================================================== */

.kcm-services-grid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 24px;

}


/* =====================================================
   CARD
===================================================== */

.kcm-service-card {

    position: relative;

    background: #ffffff;

    border-radius: 13px;

    overflow: hidden;

    border: 1px solid #e7e9ed;

    box-shadow:
        0 5px 18px rgba(16, 24, 40, .05);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.kcm-service-card:hover {

    transform:
        translateY(-6px);

    box-shadow:
        0 15px 35px rgba(16, 24, 40, .12);

}


/* =====================================================
   IMAGE
===================================================== */

.kcm-service-image {

    position: relative;

    height: 205px;

    overflow: hidden;

    background: #ddd;

}


.kcm-service-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .5s ease;

}


.kcm-service-card:hover
.kcm-service-image img {

    transform:
        scale(1.07);

}


/* IMAGE OVERLAY */

.kcm-image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02) 30%,
            rgba(0,0,0,.48) 100%
        );

}


/* =====================================================
   MOST POPULAR
===================================================== */

.kcm-popular {

    position: absolute;

    top: 13px;

    left: 13px;

    padding:
        6px 12px;

    background:
        #ed2d32;

    color:
        #ffffff;

    border-radius:
        20px;

    font-size:
        10px;

    font-weight:
        800;

    z-index:
        2;

}


/* =====================================================
   SERVICE ICON
===================================================== */

.kcm-service-icon {

    position: absolute;

    left: 13px;

    bottom: 12px;

    width: 39px;

    height: 39px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        #ed292e;

    color:
        #ffffff;

    border-radius:
        8px;

    font-size:
        17px;

    box-shadow:
        0 5px 14px rgba(0,0,0,.15);

    z-index:
        2;

}


.kcm-service-icon span {

    line-height: 1;

}


/* =====================================================
   CONTENT
===================================================== */

.kcm-service-content {

    padding:
        21px 20px 18px;

}


.kcm-service-content h3 {

    margin:
        0 0 8px;

    color:
        #172033;

    font-size:
        17px;

    line-height:
        1.3;

    font-weight:
        800;

}


.kcm-service-content p {

    margin:
        0;

    min-height:
        67px;

    color:
        #737b8c;

    font-size:
        12px;

    line-height:
        1.65;

}


/* =====================================================
   LEARN MORE
===================================================== */

.kcm-learn-more {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    margin-top:
        13px;

    color:
        #e52b2f;

    text-decoration:
        none;

    font-size:
        12px;

    font-weight:
        800;

}


.kcm-learn-more span {

    font-size:
        21px;

    line-height:
        10px;

    transition:
        transform .25s ease;

}


.kcm-learn-more:hover {

    color:
        #bd1f23;

}


.kcm-learn-more:hover span {

    transform:
        translateX(5px);

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1000px) {

    .kcm-services-grid {

        grid-template-columns:
            repeat(2, 1fr);

        gap:
            20px;

    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 650px) {

    .kcm-services-section {

        padding:
            50px 15px 60px;

    }


    .kcm-services-heading {

        margin-bottom:
            30px;

    }


    .kcm-services-heading h2 {

        font-size:
            27px;

        line-height:
            1.22;

    }


    .kcm-services-heading p {

        font-size:
            12px;

        line-height:
            1.65;

    }


    .kcm-services-grid {

        grid-template-columns:
            1fr;

        gap:
            17px;

    }


    .kcm-service-image {

        height:
            205px;

    }


    .kcm-service-content {

        padding:
            19px 18px 17px;

    }


    .kcm-service-content h3 {

        font-size:
            16px;

    }


    .kcm-service-content p {

        min-height:
            auto;

        font-size:
            11px;

    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 380px) {

    .kcm-services-heading h2 {

        font-size:
            24px;

    }


    .kcm-service-image {

        height:
            190px;

    }

}

/* =====================================================
   WORK PROCESS SECTION
===================================================== */

.kpm-process-section {

    width: 100%;

    padding: 10px 20px;

    background: #f7f8fa;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

}


.kpm-process-container {

    max-width: 1180px;

    margin: 0 auto;

}


/* =====================================================
   HEADING
===================================================== */

.kpm-process-heading {

    text-align: center;

    max-width: 720px;

    margin: 0 auto 55px;

}


.kpm-process-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    color: #c62828;

margin-bottom: 1.6em !important;
    font-size: 20px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.kpm-process-label span {

    font-size: 13px;

}


.kpm-process-heading h2 {

    margin: 10px 0 12px;

    color: #101c32;

    font-size: 33px;

    line-height: 1.18;

    font-weight: 800;

    letter-spacing: -.7px;

}


.kpm-process-heading h2 strong {

    color: #c62828;

}


.kpm-process-heading p {

    margin: 0;

    color: #697386;

    font-size: 14px;

    line-height: 1.7;

}


/* =====================================================
   PROCESS GRID
===================================================== */

.kpm-process-grid {

    position: relative;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 25px;

}


/* CONNECTING LINE */

.kpm-process-grid::before {

    content: "";

    position: absolute;

    top: 39px;

    left: 12%;

    right: 12%;

    height: 1px;

    background:
        #dfe2e6;

    z-index: 0;

}


/* =====================================================
   PROCESS ITEM
===================================================== */

.kpm-process-item {

    position: relative;

    text-align: center;

    z-index: 1;

}


/* =====================================================
   CIRCLE
===================================================== */

.kpm-process-circle {

    position: relative;

    width: 78px;

    height: 78px;

    margin: 0 auto 23px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #ffffff;

    border: 1px solid #e2e5e9;

    border-radius: 50%;

    box-shadow:
        0 8px 25px rgba(16,24,40,.07);

    transition:
        all .3s ease;

}


.kpm-process-icon {

    color: #c62828;

    font-size: 24px;

    line-height: 1;

    transition:
        all .3s ease;

}


.kpm-process-circle b {

    position: absolute;

    top: -4px;

    right: -4px;

    width: 25px;

    height: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #c62828;

    color: #ffffff;

    border-radius: 50%;

    font-size: 8px;

    font-weight: 800;

    border: 3px solid #f7f8fa;

}


/* HOVER */

.kpm-process-item:hover
.kpm-process-circle {

    background: #c62828;

    border-color: #c62828;

    transform:
        translateY(-5px);

    box-shadow:
        0 14px 30px rgba(198,40,40,.20);

}


.kpm-process-item:hover
.kpm-process-icon {

    color: #ffffff;

}


/* =====================================================
   CONTENT
===================================================== */

.kpm-process-content {

    padding:
        0 8px;

}


.kpm-process-content h3 {

    margin:
        0 0 9px;

    color:
        #172033;

    font-size:
        16px;

    font-weight:
        800;

}


.kpm-process-content p {

    margin:
        0 auto;

    max-width:
        220px;

    color:
        #747d8d;

    font-size:
        11px;

    line-height:
        1.7;

}


/* =====================================================
   BOTTOM CTA
===================================================== */

.kpm-process-bottom {

    margin-top:
        55px;

    min-height:
        70px;

    padding:
        12px 20px;

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    background:
        #ffffff;

    border:
        1px solid #e5e7eb;

    border-radius:
        9px;

    box-shadow:
        0 5px 20px rgba(16,24,40,.04);

}


.kpm-process-bottom-icon {

    width:
        38px;

    height:
        38px;

    min-width:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        #fff0f0;

    color:
        #c62828;

    border-radius:
        50%;

    font-size:
        14px;

    font-weight:
        900;

}


.kpm-process-bottom div:nth-child(2) {

    flex:
        1;

}


.kpm-process-bottom strong {

    display:
        block;

    color:
        #172033;

    font-size:
        12px;

    font-weight:
        800;

}


.kpm-process-bottom span {

    display:
        block;

    margin-top:
        3px;

    color:
        #818895;

    font-size:
        9px;

}


.kpm-process-bottom a {

    height:
        38px;

    padding:
        0 17px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    background:
        #c62828;

    color:
        #ffffff;

    border-radius:
        5px;

    text-decoration:
        none;

    font-size:
        10px;

    font-weight:
        800;

    transition:
        all .25s ease;

}


.kpm-process-bottom a:hover {

    background:
        #a91f1f;

    transform:
        translateY(-2px);

}


.kpm-process-bottom a span {

    margin:
        0;

    color:
        #ffffff;

    font-size:
        14px;

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 900px) {

    .kpm-process-grid {

        grid-template-columns:
            repeat(2, 1fr);

        row-gap:
            45px;

    }


    .kpm-process-grid::before {

        display:
            none;

    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {

    .kpm-process-section {

        padding:
            55px 15px;

    }


    .kpm-process-heading {

        margin-bottom:
            35px;

    }


    .kpm-process-heading h2 {

        font-size:
            28px;

    }


    .kpm-process-heading p {

        font-size:
            12px;

    }


    .kpm-process-grid {

        grid-template-columns:
            1fr;

        gap:
            28px;

    }


    .kpm-process-item {

        display:
            grid;

        grid-template-columns:
            65px 1fr;

        gap:
            15px;

        text-align:
            left;

        align-items:
            center;

    }


    .kpm-process-circle {

        width:
            62px;

        height:
            62px;

        margin:
            0;

    }


    .kpm-process-icon {

        font-size:
            20px;

    }


    .kpm-process-circle b {

        width:
            22px;

        height:
            22px;

        font-size:
            7px;

    }


    .kpm-process-content {

        padding:
            0;

    }


    .kpm-process-content h3 {

        font-size:
            15px;

        margin-bottom:
            5px;

    }


    .kpm-process-content p {

        max-width:
            none;

        font-size:
            10px;

        line-height:
            1.6;

    }


    .kpm-process-bottom {

        margin-top:
            35px;

        flex-wrap:
            wrap;

        padding:
            16px;

    }


    .kpm-process-bottom a {

        width:
            100%;

    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 380px) {

    .kpm-process-heading h2 {

        font-size:
            25px;

    }


    .kpm-process-item {

        grid-template-columns:
            57px 1fr;

        gap:
            12px;

    }


    .kpm-process-circle {

        width:
            57px;

        height:
            57px;

    }

}
/* =====================================================
   MISSION & VISION
===================================================== */

.kpm-mv-section {

    width: 100%;

    padding: 85px 20px;

    background: #f7f8fa;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

}


.kpm-mv-container {

    max-width: 1180px;

    margin: auto;

}


/* =====================================================
   HEADING
===================================================== */

.kpm-mv-heading {

    max-width: 720px;

    margin: 0 auto 48px;

    text-align: center;

}


.kpm-mv-label {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    color: #c62828;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1.7px;

}


.kpm-mv-label span {

    font-size: 13px;

}


.kpm-mv-heading h2 {

    margin: 11px 0 13px;

    color: #101c32;

    font-size: 38px;

    line-height: 1.15;

    font-weight: 800;

    letter-spacing: -.8px;

}


.kpm-mv-heading h2 strong {

    color: #c62828;

}


.kpm-mv-heading p {

    margin: 0;

    color: #70798a;

    font-size: 13px;

    line-height: 1.75;

}


/* =====================================================
   MAIN GRID
===================================================== */

.kpm-mv-grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 20px;

}


/* =====================================================
   CARD
===================================================== */

.kpm-mv-card {

    position: relative;

    min-height: 340px;

    padding: 30px;

    display: flex;

    gap: 22px;

    background: #ffffff;

    border: 1px solid #e5e7eb;

    border-radius: 12px;

    overflow: hidden;

    box-shadow:
        0 8px 28px rgba(16,24,40,.05);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.kpm-mv-card:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 38px rgba(16,24,40,.09);

}


/* =====================================================
   CARD ACCENT
===================================================== */

.kpm-mv-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background: #c62828;

}


.kpm-vision::before {

    background: #101c32;

}


/* =====================================================
   NUMBER
===================================================== */

.kpm-mv-number {

    position: absolute;

    top: 24px;

    right: 25px;

    color: #e9eaec;

    font-size: 30px;

    font-weight: 900;

    line-height: 1;

}


/* =====================================================
   ICON
===================================================== */

.kpm-mv-icon {

    width: 62px;

    height: 62px;

    min-width: 62px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 5px;

    background: #fff1f1;

    color: #c62828;

    border-radius: 12px;

    font-size: 27px;

    transition: all .3s ease;

}


.kpm-vision .kpm-mv-icon {

    background: #f0f3f7;

    color: #101c32;

}


.kpm-mv-card:hover .kpm-mv-icon {

    background: #c62828;

    color: #ffffff;

    transform:
        rotate(-4deg);

}


/* =====================================================
   CONTENT
===================================================== */

.kpm-mv-content {

    position: relative;

    z-index: 2;

    padding-right: 35px;

}


.kpm-mv-small {

    color: #c62828;

    font-size: 23px;

    font-weight: 800;

    letter-spacing: 1.4px;

}


.kpm-vision .kpm-mv-small {

    color: #101c32;

}


.kpm-mv-content h3 {

    margin: 9px 0 14px;

    color: #182238;

    font-size: 24px;

    line-height: 1.2;

    font-weight: 500;

}


.kpm-mv-content h3 strong {

    display: block;

    font-weight: 800;

    color: #c62828;

}


.kpm-vision .kpm-mv-content h3 strong {

    color: #101c32;

}


.kpm-mv-content p {

    margin: 0;

    color: #737c8b;

    font-size: 11px;

    line-height: 1.8;

}


/* =====================================================
   LINE
===================================================== */

.kpm-mv-line {

    width: 42px;

    height: 2px;

    margin-top: 20px;

    background: #c62828;

}


.kpm-vision .kpm-mv-line {

    background: #101c32;

}


/* =====================================================
   TAG
===================================================== */

.kpm-mv-tag {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    margin-top: 14px;

    color: #555e6d;

    font-size: 9px;

    font-weight: 800;

}


.kpm-mv-tag::first-letter {

    color: #c62828;

}


/* =====================================================
   HIGHLIGHTS
===================================================== */

.kpm-mv-highlights {

    margin-top: 20px;

    padding: 17px 22px;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    background: #ffffff;

    border: 1px solid #e5e7eb;

    border-radius: 10px;

}


.kpm-mv-highlight {

    display: flex;

    align-items: center;

    gap: 11px;

    padding:
        0 20px;

    border-right:
        1px solid #eeeeee;

}


.kpm-mv-highlight:first-child {

    padding-left: 0;

}


.kpm-mv-highlight:last-child {

    border-right: 0;

}


.kpm-mv-highlight > span {

    width: 30px;

    height: 30px;

    min-width: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff1f1;

    color: #c62828;

    border-radius: 50%;

    font-size: 11px;

    font-weight: 900;

}


.kpm-mv-highlight strong {

    display: block;

    color: #202938;

    font-size: 10px;

    font-weight: 800;

}


.kpm-mv-highlight small {

    display: block;

    margin-top: 3px;

    color: #858d99;

    font-size: 8px;

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 850px) {

    .kpm-mv-grid {

        grid-template-columns:
            1fr;

    }


    .kpm-mv-card {

        min-height:
            auto;

    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {

    .kpm-mv-section {

        padding:
            55px 15px;

    }


    .kpm-mv-heading {

        margin-bottom:
            30px;

    }


    .kpm-mv-heading h2 {

        font-size:
            28px;

    }


    .kpm-mv-heading p {

        font-size:
            11px;

    }


    .kpm-mv-card {

        padding:
            24px 20px;

        gap:
            15px;

        flex-direction:
            column;

    }


    .kpm-mv-icon {

        width:
            52px;

        height:
            52px;

        min-width:
            52px;

        font-size:
            23px;

    }


    .kpm-mv-content {

        padding-right:
            0;

    }


    .kpm-mv-content h3 {

        font-size:
            21px;

    }


    .kpm-mv-content p {

        font-size:
            10px;

    }


    .kpm-mv-highlights {

        grid-template-columns:
            1fr;

        gap:
            14px;

        padding:
            18px;

    }


    .kpm-mv-highlight {

        padding:
            0 0 13px;

        border-right:
            0;

        border-bottom:
            1px solid #eeeeee;

    }


    .kpm-mv-highlight:last-child {

        padding-bottom:
            0;

        border-bottom:
            0;

    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 380px) {

    .kpm-mv-heading h2 {

        font-size:
            25px;

    }


    .kpm-mv-content h3 {

        font-size:
            19px;

    }

}
/* ================= ALL INDIA BRANCH ================= */

.kailasha-branches {

    padding: 75px 20px;

    background: #f8f9fb;

    font-family: Arial, Helvetica, sans-serif;

}

.branches-container {

    max-width: 1180px;

    margin: auto;

}


/* ================= HEADING ================= */

.branches-heading {

    max-width: 680px;

    margin: 0 auto 45px;

    text-align: center;

}

.branches-subtitle {

    display: inline-block;

    margin-bottom: 10px;

    color: #c62828;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1.8px;

}

.branches-heading h2 {

    margin: 0;

    color: #172033;

    font-size: 38px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: -.5px;

}

.branches-heading h2 span {

    color: #c62828;

}

.branches-heading p {

    max-width: 620px;

    margin: 13px auto 0;

    color: #737b89;

    font-size: 13px;

    line-height: 1.7;

}


/* ================= GRID ================= */

.branches-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 18px;

}


/* ================= CARD ================= */

.branch-card {

    position: relative;

    display: flex;

    gap: 17px;

    padding: 23px 20px;

    background: #ffffff;

    border: 1px solid #e7e9ed;

    border-radius: 9px;

    overflow: hidden;

    transition: .3s ease;

}

.branch-card::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 3px;

    height: 0;

    background: #c62828;

    transition: .3s ease;

}

.branch-card:hover {

    transform: translateY(-4px);

    border-color: #dedfe3;

    box-shadow:
        0 12px 30px rgba(16,24,40,.08);

}

.branch-card:hover::before {

    height: 100%;

}


/* ================= NUMBER ================= */

.branch-icon {

    width: 45px;

    height: 45px;

    min-width: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff2f2;

    border-radius: 8px;

    transition: .3s ease;

}

.branch-icon i {

    color: #c62828;

    font-size: 11px;

    font-style: normal;

    font-weight: 800;

}

.branch-card:hover .branch-icon {

    background: #c62828;

}

.branch-card:hover .branch-icon i {

    color: #ffffff;

}


/* ================= CONTENT ================= */

.branch-info {

    flex: 1;

}

.branch-info > span {

    color: #9299a5;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.2px;

    text-transform: uppercase;

}

.branch-info h3 {

    margin: 5px 0 7px;

    color: #172033;

    font-size: 17px;

    font-weight: 800;

}

.branch-info p {

    margin: 0;

    color: #747d8b;

    font-size: 10px;

    line-height: 1.7;

}

.branch-info a {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    margin-top: 11px;

    color: #c62828;

    text-decoration: none;

    font-size: 9px;

    font-weight: 800;

}

.branch-info a b {

    font-size: 14px;

    font-weight: 500;

    transition: .25s ease;

}

.branch-info a:hover b {

    transform: translateX(4px);

}


/* ================= BOTTOM CTA ================= */

.branches-bottom {

    margin-top: 20px;

    padding: 18px 22px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    background: #ffffff;

    border: 1px solid #e5e7eb;

    border-radius: 9px;

}

.branches-bottom strong {

    display: block;

    color: #172033;

    font-size: 12px;

    font-weight: 800;

}

.branches-bottom p {

    margin: 4px 0 0;

    color: #808895;

    font-size: 9px;

}

.branches-bottom a {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 11px 17px;

    background: #c62828;

    color: #ffffff;

    border-radius: 5px;

    text-decoration: none;

    font-size: 9px;

    font-weight: 800;

    white-space: nowrap;

    transition: .25s ease;

}

.branches-bottom a:hover {

    background: #a91f1f;

    transform: translateY(-2px);

}

.branches-bottom a span {

    font-size: 14px;

}


/* ================= TABLET ================= */

@media (max-width: 950px) {

    .branches-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}


/* ================= MOBILE ================= */

@media (max-width: 600px) {

    .kailasha-branches {

        padding: 55px 15px;

    }

    .branches-heading {

        margin-bottom: 30px;

    }

    .branches-heading h2 {

        font-size: 28px;

    }

    .branches-heading p {

        font-size: 11px;

    }

    .branches-grid {

        grid-template-columns: 1fr;

        gap: 12px;

    }

    .branch-card {

        padding: 20px 17px;

    }

    .branches-bottom {

        align-items: flex-start;

        flex-direction: column;

        padding: 17px;

    }

    .branches-bottom a {

        width: 100%;

        justify-content: center;

    }

}


/* ================= SMALL MOBILE ================= */

@media (max-width: 380px) {

    .branches-heading h2 {

        font-size: 25px;

    }

    .branch-info h3 {

        font-size: 16px;

    }

}
.city-section {
    width: 100%;
    padding: 65px 20px;
    background: #f7f8fa;
    font-family: Arial, Helvetica, sans-serif;
}

.city-container {
    max-width: 1150px;
    margin: auto;
}

/* HEADING */

.city-heading {
    text-align: center;
    margin-bottom: 35px;
}

.city-heading span {
    color: #c62828;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.city-heading h2 {
    margin: 8px 0 0;
    color: #172033;
    font-size: 34px;
    font-weight: 800;
}

.city-heading h2 b {
    color: #c62828;
}

/* GRID */

.city-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}

/* CITY BOX */

.city-box {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.04);
    transition: .3s ease;
}

.city-box h3 {
    margin: 0;
    color: #172033;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
}

.city-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

/* LIGHT COLORS */

.city-red {
    background: #fff0f0;
}

.city-blue {
    background: #edf5ff;
}

.city-orange {
    background: #fff5e9;
}

.city-green {
    background: #edfaf3;
}

.city-purple {
    background: #f5efff;
}

.city-cyan {
    background: #eafaff;
}

.city-pink {
    background: #fff0f7;
}

.city-yellow {
    background: #fffbea;
}

.city-indigo {
    background: #eef0ff;
}

.city-teal {
    background: #eafaf7;
}


/* TABLET */

@media (max-width: 1000px) {

    .city-grid {
        grid-template-columns: repeat(4, 1fr);
    }

}


/* MOBILE */

@media (max-width: 700px) {

    .city-section {
        padding: 50px 15px;
    }

    .city-heading h2 {
        font-size: 27px;
    }

    .city-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .city-box {
        min-height: 70px;
    }

    .city-box h3 {
        font-size: 13px;
    }

}


/* SMALL MOBILE */

@media (max-width: 380px) {

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

    .city-box h3 {
        font-size: 12px;
    }

}

/* =====================================================
   FAQ SECTION
===================================================== */

.kpm-faq-section {

    width: 100%;

    padding: 80px 20px;

    background: #f7f8fa;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

}


.kpm-faq-container {

    max-width: 1150px;

    margin: auto;

}


/* =====================================================
   HEADING
===================================================== */

.kpm-faq-heading {

    max-width: 700px;

    margin:
        0 auto 45px;

    text-align: center;

}


.kpm-faq-label {

    color: #c62828;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.8px;

}


.kpm-faq-heading h2 {

    margin:
        10px 0 12px;

    color: #172033;

    font-size: 37px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: -.6px;

}


.kpm-faq-heading h2 strong {

    color: #c62828;

}


.kpm-faq-heading p {

    max-width: 600px;

    margin: auto;

    color: #737c8b;

    font-size: 12px;

    line-height: 1.7;

}


/* =====================================================
   LAYOUT
===================================================== */

.kpm-faq-layout {

    display: grid;

    grid-template-columns:
        300px 1fr;

    gap: 30px;

    align-items: start;

}


/* =====================================================
   LEFT INTRO
===================================================== */

.kpm-faq-intro {

    position: relative;

    padding:
        28px 25px;

    background:
        #172033;

    border-radius:
        10px;

    overflow: hidden;

}


.kpm-faq-intro::after {

    content: "?";

    position: absolute;

    right: -18px;

    bottom: -35px;

    color:
        rgba(255,255,255,.04);

    font-size:
        150px;

    font-weight:
        900;

    line-height:
        1;

}


.kpm-faq-intro-icon {

    width:
        42px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        20px;

    background:
        #c62828;

    color:
        #ffffff;

    border-radius:
        8px;

    font-size:
        19px;

    font-weight:
        800;

}


.kpm-faq-intro > span {

    color:
        #e85a5a;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        1.3px;

}


.kpm-faq-intro h3 {

    margin:
        8px 0 13px;

    color:
        #ffffff;

    font-size:
        24px;

    line-height:
        1.25;

    font-weight:
        500;

}


.kpm-faq-intro h3 strong {

    display:
        block;

    color:
        #ffffff;

    font-weight:
        800;

}


.kpm-faq-intro p {

    position:
        relative;

    z-index:
        2;

    margin:
        0;

    color:
        rgba(255,255,255,.62);

    font-size:
        10px;

    line-height:
        1.8;

}


.kpm-faq-intro a {

    position:
        relative;

    z-index:
        2;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    margin-top:
        20px;

    padding:
        10px 14px;

    background:
        #c62828;

    color:
        #ffffff;

    border-radius:
        5px;

    text-decoration:
        none;

    font-size:
        9px;

    font-weight:
        800;

    transition:
        .25s ease;

}


.kpm-faq-intro a:hover {

    background:
        #e53935;

    transform:
        translateY(-2px);

}


.kpm-faq-intro a b {

    font-size:
        14px;

    font-weight:
        400;

}


/* =====================================================
   FAQ LIST
===================================================== */

.kpm-faq-list {

    display:
        flex;

    flex-direction:
        column;

    gap:
        9px;

}


.kpm-faq-item {

    background:
        #ffffff;

    border:
        1px solid #e5e7eb;

    border-radius:
        8px;

    overflow:
        hidden;

    transition:
        .25s ease;

}


.kpm-faq-item:hover {

    border-color:
        #d5d8de;

}


/* ACTIVE */

.kpm-faq-item.active {

    border-color:
        #ead0d0;

    box-shadow:
        0 7px 20px rgba(16,24,40,.04);

}


/* =====================================================
   QUESTION
===================================================== */

.kpm-faq-question {

    width:
        100%;

    min-height:
        58px;

    padding:
        0 17px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    border:
        0;

    outline:
        none;

    background:
        transparent;

    color:
        #202938;

    cursor:
        pointer;

    text-align:
        left;

    font-family:
        inherit;

    font-size:
        12px;

    font-weight:
        800;

}


.kpm-faq-question i {

    width:
        25px;

    height:
        25px;

    min-width:
        25px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        #f4f5f7;

    color:
        #c62828;

    font-size:
        16px;

    font-style:
        normal;

    font-weight:
        400;

    transition:
        .3s ease;

}


.kpm-faq-item.active
.kpm-faq-question i {

    background:
        #c62828;

    color:
        #ffffff;

    transform:
        rotate(45deg);

}


/* =====================================================
   ANSWER
===================================================== */

.kpm-faq-answer {

    max-height:
        0;

    overflow:
        hidden;

    transition:
        max-height .35s ease;

}


.kpm-faq-item.active
.kpm-faq-answer {

    max-height:
        180px;

}


.kpm-faq-answer p {

    margin:
        0;

    padding:
        0 50px 17px 17px;

    color:
        #747d8b;

    font-size:
        10px;

    line-height:
        1.75;

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 800px) {

    .kpm-faq-layout {

        grid-template-columns:
            1fr;

    }


    .kpm-faq-intro {

        padding:
            25px;

    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {

    .kpm-faq-section {

        padding:
            55px 15px;

    }


    .kpm-faq-heading {

        margin-bottom:
            30px;

    }


    .kpm-faq-heading h2 {

        font-size:
            28px;

    }


    .kpm-faq-heading p {

        font-size:
            11px;

    }


    .kpm-faq-intro {

        padding:
            23px 20px;

    }


    .kpm-faq-intro h3 {

        font-size:
            21px;

    }


    .kpm-faq-question {

        min-height:
            55px;

        padding:
            0 14px;

        font-size:
            11px;

    }


    .kpm-faq-question i {

        width:
            23px;

        height:
            23px;

        min-width:
            23px;

    }


    .kpm-faq-answer p {

        padding:
            0 40px 15px 14px;

        font-size:
            9px;

    }

}



/* ================================
   ABOUT US BREADCRUMB
================================ */
.about-breadcrumb {
    position: relative;
    width: 100%;
    padding: 75px 20px;
    background: linear-gradient(
        135deg,
        #fff1f1 0%,
        #ffffff 55%,
        #fff1f1 100%
    );
    overflow: hidden;
}

/* Red Decorative Shape */
.about-breadcrumb::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 260px;
    height: 260px;
    background: #c62828;
    border-radius: 50%;
    opacity: 0.08;
}

/* Bottom Shape */
.about-breadcrumb::after {
    content: "";
    position: absolute;
    bottom: -100px;
    left: -80px;
    width: 280px;
    height: 200px;
    background: #c62828;
    border-radius: 50%;
    opacity: 0.06;
}

.about-breadcrumb-content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.about-breadcrumb h1 {
    margin: 0 0 15px;
    font-size: 46px;
    font-weight: 800;
    color: #c62828;
    line-height: 1.2;
}

.breadcrumb-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumb-list li {
    font-size: 16px;
    font-weight: 500;
}

.breadcrumb-list a {
    color: #333;
    text-decoration: none;
    transition: 0.3s ease;
}

.breadcrumb-list a:hover {
    color: #c62828;
}

.breadcrumb-list .separator {
    color: #c62828;
    font-weight: 700;
}

.breadcrumb-list .active {
    color: #c62828;
    font-weight: 700;
}

/* ================================
   MOBILE
================================ */
@media (max-width: 767px) {

    .about-breadcrumb {
        padding: 55px 15px;
    }

    .about-breadcrumb h1 {
        font-size: 34px;
    }

    .breadcrumb-list li {
        font-size: 14px;
    }
}



.rahul h2:before{
    position: relative;
}


.rahul h2:after{
    position: absolute;
    content: '';
    width: 200px;
    height: 7px;
    left: 100px;
    margin-top: 1.3em;
    background: #D71920;
background: linear-gradient(0deg, rgba(215, 25, 32, 1) 0%, rgba(255, 255, 255, 1) 100%);
    z-index: 63635 !important;
}/* =====================================================
   PREMIUM SERVICE MENU
===================================================== */

.premium-service-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.premium-service-menu li {
    margin-bottom: 12px;
}

/* Service Item */
.service-menu-item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 68px;
    padding: 10px 16px 10px 10px;

    background: #fff1f1;
    border: 1px solid rgba(198, 40, 40, 0.12);
    border-radius: 12px;

    text-decoration: none;
    overflow: hidden;

    transition: all 0.35s ease;
}

/* Left Red Line */
.service-menu-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    background: #c62828;
    border-radius: 0 5px 5px 0;

    transition: height 0.35s ease;
}

/* Icon */
.service-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;

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

    margin-right: 14px;

    color: #fff;
    background: #c62828;

    border-radius: 10px;

    font-size: 19px;

    transition: all 0.35s ease;
}

/* Text */
.service-text {
    flex: 1;

    color: #222;
    font-size: 16px;
    font-weight: 600;

    transition: color 0.3s ease;
}

/* Arrow */
.service-arrow {
    color: #c62828;
    font-size: 14px;

    opacity: 0;
    transform: translateX(-8px);

    transition: all 0.35s ease;
}

/* =====================================================
   HOVER
===================================================== */

.service-menu-item:hover {
    background: #ffffff;
    border-color: #c62828;
    transform: translateX(6px);

    box-shadow: 0 8px 22px rgba(198, 40, 40, 0.12);
}

.service-menu-item:hover::before {
    height: 100%;
}

.service-menu-item:hover .service-icon {
    background: #fff1f1;
    color: #c62828;

    transform: scale(1.05);
}

.service-menu-item:hover .service-text {
    color: #c62828;
}

.service-menu-item:hover .service-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* =====================================================
   ACTIVE
===================================================== */

.service-menu-item.active {
    background: #c62828;
    border-color: #c62828;
}

.service-menu-item.active .service-icon {
    background: #fff;
    color: #c62828;
}

.service-menu-item.active .service-text,
.service-menu-item.active .service-arrow {
    color: #fff;
    opacity: 1;
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .premium-service-menu li {
        margin-bottom: 10px;
    }

    .service-menu-item {
        min-height: 62px;
        padding: 8px 12px 8px 8px;
    }

    .service-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;

        margin-right: 12px;
        font-size: 17px;
    }

    .service-text {
        font-size: 15px;
    }

    .service-arrow {
        opacity: 1;
        transform: none;
    }

    .service-menu-item:hover {
        transform: translateX(3px);
    }
}
/* =========================================
   GALLERY SECTION
========================================= */

.ss-gallery-section {
    padding: 80px 0;
    background: #fff1f1;
}

/* Heading */
.ss-gallery-heading {
    text-align: center;
    margin-bottom: 45px;
}

.ss-gallery-heading span {
    display: inline-block;
    margin-bottom: 8px;

    color: #c62828;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.ss-gallery-heading h2 {
    margin: 0 0 12px;

    color: #222;
    font-size: 38px;
    font-weight: 800;
}

.ss-gallery-heading p {
    max-width: 650px;
    margin: auto;

    color: #666;
    font-size: 16px;
    line-height: 1.7;
}


/* =========================================
   GALLERY ITEM
========================================= */

.ss-gallery-item {
    position: relative;

    width: 100%;
    height: 280px;

    overflow: hidden;
    border-radius: 14px;

    background: #fff;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.10);

    cursor: pointer;
}

.ss-gallery-item img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition: transform 0.5s ease;
}


/* =========================================
   OVERLAY
========================================= */

.ss-gallery-overlay {
    position: absolute;

    inset: 0;

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

    background: rgba(198, 40, 40, 0.75);

    opacity: 0;

    transition: all 0.4s ease;
}

.ss-gallery-overlay i {
    width: 52px;
    height: 52px;

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

    background: #fff;
    color: #c62828;

    border-radius: 50%;

    font-size: 18px;

    transform: scale(0.6);
    transition: transform 0.4s ease;
}


/* =========================================
   HOVER EFFECT
========================================= */

.ss-gallery-item:hover img {
    transform: scale(1.08);
}

.ss-gallery-item:hover .ss-gallery-overlay {
    opacity: 1;
}

.ss-gallery-item:hover .ss-gallery-overlay i {
    transform: scale(1);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .ss-gallery-section {
        padding: 65px 0;
    }

    .ss-gallery-heading h2 {
        font-size: 32px;
    }

    .ss-gallery-item {
        height: 250px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575px) {

    .ss-gallery-section {
        padding: 50px 15px;
    }

    .ss-gallery-heading {
        margin-bottom: 30px;
    }

    .ss-gallery-heading h2 {
        font-size: 27px;
    }

    .ss-gallery-heading p {
        font-size: 14px;
    }

    .ss-gallery-item {
        height: 230px;
        border-radius: 12px;
    }
}