/* =========================================================
   CLIENTS & TESTIMONIALS SECTION
========================================================= */

.lakhsai-testimonial-section {
    width: 100%;
    padding: 0;
    margin: 0;
    background: #ffffff;
    overflow: hidden;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.lakhsai-testimonial-content {
    width: 100%;
    min-height: 255px;

    display: flex;
    align-items: center;

    position: relative;

    margin: 0;
    padding: 0;
}


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

.lakhsai-testimonial-text {
    width: 48%;

    padding: 38px 25px 28px 48px;

    position: relative;
    z-index: 5;

    box-sizing: border-box;
}


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

.lakhsai-testimonial-label {
    font-family: Arial, sans-serif;

    font-size: 15px;
    font-weight: 700;

    letter-spacing: 0.4px;

    color: #ed7023;

    margin-bottom: 13px;
}


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

.lakhsai-testimonial-text h2 {
    margin: 0;

    font-family: Arial, sans-serif;

    font-size: 36px;
    line-height: 1.12;

    font-weight: 700;

    letter-spacing: -1px;

    color: #07132f;
}


.lakhsai-testimonial-text h2 span {
    color: #1549c5;
}


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

.lakhsai-title-line {
    width: 51px;
    height: 3px;

    background: #ed7624;

    margin-top: 14px;
    margin-bottom: 15px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.lakhsai-testimonial-text p {
    max-width: 420px;

    margin: 0;

    font-family: Arial, sans-serif;

    font-size: 15px;
    line-height: 1.55;

    font-weight: 400;

    color: #171717;
}


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

.lakhsai-testimonial-visual {
    width: 52%;

    height: 238px;

    flex-shrink: 0;

    display: flex;

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

    box-sizing: border-box;

    padding: 0 2.5% 0 20px;

    position: relative;

    z-index: 2;
}


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

.lakhsai-award-card {
    width: 100%;
    height: 250px;

    margin: 0;
    padding: 0;

    overflow: hidden;

    border-radius: 10px;

    position: relative;

    z-index: 3;
}


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

.lakhsai-award-card img {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

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

    border-radius: 10px;
}


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

@media (max-width: 991px) {

    .lakhsai-testimonial-content {
        min-height: auto;
    }

    .lakhsai-testimonial-text {
        width: 50%;

        padding: 32px 20px 28px 30px;
    }

    .lakhsai-testimonial-text h2 {
        font-size: 30px;
    }

    .lakhsai-testimonial-text p {
        max-width: 100%;
        font-size: 14px;
    }

    .lakhsai-testimonial-visual {
        width: 50%;
        height: 210px;

        padding-right: 20px;
        padding-left: 10px;
    }

    .lakhsai-award-card {
        width: 100%;
        height: 210px;
    }

}


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

@media (max-width: 767px) {

    .lakhsai-testimonial-section {
        padding: 0;
    }

    .lakhsai-testimonial-content {
        width: 100%;

        display: flex;
        flex-direction: column;

        align-items: stretch;

        min-height: auto;
    }


    /* LEFT CONTENT */

    .lakhsai-testimonial-text {
        width: 100%;

        padding: 30px 20px 20px 20px;

        order: 1;
    }

    .lakhsai-testimonial-label {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .lakhsai-testimonial-text h2 {
        font-size: 28px;
        line-height: 1.15;
    }

    .lakhsai-title-line {
        margin-top: 12px;
        margin-bottom: 13px;
    }

    .lakhsai-testimonial-text p {
        max-width: 100%;

        font-size: 14px;
        line-height: 1.55;
    }


    /* RIGHT IMAGE */

    .lakhsai-testimonial-visual {
        width: 100%;

        height: auto;

        padding: 0 20px 30px 20px;

        display: block;

        order: 2;

        box-sizing: border-box;
    }

    .lakhsai-award-card {
        width: 100%;
        height: 220px;

        border-radius: 10px;
    }

    .lakhsai-award-card img {
        width: 100%;
        height: 100%;

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

}


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

@media (max-width: 480px) {

    .lakhsai-testimonial-text {
        padding: 25px 16px 18px 16px;
    }

    .lakhsai-testimonial-text h2 {
        font-size: 25px;
    }

    .lakhsai-testimonial-label {
        font-size: 12px;
    }

    .lakhsai-testimonial-text p {
        font-size: 13.5px;
    }

    .lakhsai-testimonial-visual {
        padding: 0 16px 25px 16px;
    }

    .lakhsai-award-card {
        height: 190px;
    }

}


        /* ========================================
           MAIN SECTION
        ======================================== */

        .clients-section {
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
            padding: 8px 40px 25px;
        }

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

        .top-title {
            text-align: center;
            margin-bottom: 8px;
        }

        .small-title {
            color: #df7136;
            font-size: 15px;
            font-weight: 700;
            letter-spacing: 0.5px;
            margin-bottom: 3px;
        }

        .star-line {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            height: 20px;
            margin-bottom: 2px;
        }

        .star-line::before,
        .star-line::after {
            content: "";
            width: 75px;
            height: 2px;
            background: #e6b17f;
        }

        .star {
            color: #df7136;
            font-size: 18px;
            line-height: 1;
        }

        .main-title {
            font-size: 31px;
            line-height: 1.1;
            font-weight: 700;
            color: #101828;
        }

        .main-title span {
            color: #123f9d;
        }

        /* ========================================
           FIRST 10 CLIENTS
        ======================================== */

        .clients-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 14px 17px;
            margin-top: 13px;
        }

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

        .client-card {
            height: 153px;

            border: 1px solid #e6e8ec;
            border-radius: 11px;

            background: #ffffff;

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

            text-align: center;

            overflow: hidden;

            box-shadow:
                0 1px 3px rgba(0, 0, 0, 0.02),
                inset 0 0 15px rgba(240, 243, 247, 0.3);

            transition: all 0.25s ease;
        }

        .client-card:hover {
            transform: translateY(-3px);

            box-shadow:
                0 8px 20px rgba(0, 0, 0, 0.08);
        }

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

        .client-logo {
            width: 90px;
            height: 68px;

            object-fit: contain;

            display: block;

            margin-bottom: 7px;
        }

        /*
        If some logos need to be slightly bigger,
        you can use:

        .logo-large {
            width: 110px;
            height: 75px;
        }

        .logo-small {
            width: 75px;
            height: 60px;
        }
        */

        /* ========================================
           CLIENT NAME
        ======================================== */

        .client-name {
            font-size: 14px;
            line-height: 1.35;

            font-weight: 700;

            color: #111827;

            text-transform: uppercase;
        }

        .client-location {
            font-size: 13px;
            line-height: 1.35;

            font-weight: 700;

            color: #111827;

            text-transform: uppercase;
        }

        /* ========================================
           BOTTOM CLIENT GRID
        ======================================== */

        .bottom-grid {
            width: 82%;

            margin: 8px auto 0;

            display: grid;

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

            gap: 14px 17px;
        }

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

        @media (max-width: 1100px) {

            .clients-section {
                padding-left: 25px;
                padding-right: 25px;
            }

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

            .bottom-grid {
                width: 100%;
                grid-template-columns: repeat(4, 1fr);
            }
        }

        @media (max-width: 850px) {

            .clients-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .bottom-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .main-title {
                font-size: 27px;
            }
        }

        @media (max-width: 650px) {

            .clients-section {
                padding: 10px 15px 25px;
            }

            .clients-grid,
            .bottom-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .bottom-grid {
                width: 100%;
            }

            .client-card {
                height: 150px;
            }

            .main-title {
                font-size: 25px;
            }

            .client-name {
                font-size: 13px;
            }

            .client-location {
                font-size: 12px;
            }
        }

        @media (max-width: 430px) {

            .clients-grid,
            .bottom-grid {
                grid-template-columns: 1fr;
            }

            .client-card {
                height: 155px;
            }

            .star-line::before,
            .star-line::after {
                width: 45px;
            }

            .main-title {
                font-size: 24px;
            }
        }
		
		
		  /* =====================================================
           MAIN TESTIMONIAL SECTION
        ===================================================== */

        .testimonial-section {
            width: 100%;
            max-width: 1650px;
            margin: 0 auto;

            padding: 10px 28px 15px;

            background: #ffffff;
        }


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

        .testimonial-heading {
            text-align: center;
            margin-bottom: 5px;
        }

        .heading-small {
            color: #df7136;

            font-size: 15px;
            font-weight: 700;

            letter-spacing: 0.5px;

            margin-bottom: 1px;
        }

        .heading-decoration {
            height: 18px;

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

            gap: 12px;

            margin-bottom: 0;
        }

        .heading-decoration::before,
        .heading-decoration::after {
            content: "";

            width: 72px;
            height: 2px;

            background: #e4b07d;
        }

        .heading-star {
            color: #df7136;

            font-size: 17px;
            line-height: 1;
        }

        .heading-title {
            font-size: 29px;

            line-height: 1.1;

            font-weight: 700;

            color: #111827;

            margin-top: -1px;
        }

        .heading-title span {
            color: #123f9d;
        }

        .heading-description {
            font-size: 14px;

            color: #252b36;

            font-weight: 600;

            margin-top: 3px;
        }


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

        .testimonial-grid {

            display: grid;

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

            gap: 14px 10px;

            margin-top: 3px;
        }


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

        .testimonial-card {

            min-height: 221px;

            border: 1px solid #e4e7ec;

            border-radius: 10px;

            background: #ffffff;

            padding: 10px 20px 12px;

            display: flex;

            flex-direction: column;

            justify-content: space-between;

            overflow: hidden;

            box-shadow:
                0 1px 3px rgba(0, 0, 0, 0.025),
                inset 0 0 15px rgba(245, 247, 250, 0.25);

            transition: all 0.25s ease;
        }

        .testimonial-card:hover {

            transform: translateY(-2px);

            box-shadow:
                0 7px 18px rgba(0, 0, 0, 0.08);
        }


        /* =====================================================
           QUOTE MARK
        ===================================================== */

        .quote-mark {

            color: #1554c7;

            font-size: 31px;

            line-height: 20px;

            font-weight: 900;

            height: 22px;

            margin-bottom: 1px;
        }


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

        .testimonial-text {

            color: #171b24;

            font-size: 14px;

            line-height: 1.45;

            font-weight: 600;

            flex: 1;

            margin-top: 0;

            margin-bottom: 3px;
        }


        /* =====================================================
           STARS
        ===================================================== */

        .stars {

            color: #ef6f19;

            font-size: 17px;

            letter-spacing: 1px;

            line-height: 20px;

            margin-bottom: 7px;
        }


        /* =====================================================
           CLIENT INFORMATION
        ===================================================== */

        .client-info {

            display: flex;

            align-items: center;

            gap: 10px;

            min-height: 43px;
        }


        /* =====================================================
           CLIENT LOGO IMAGE
        ===================================================== */

        .client-logo {

            width: 43px;

            height: 43px;

            object-fit: contain;

            object-position: center;

            flex-shrink: 0;

            display: block;
        }


        /* =====================================================
           CLIENT NAME
        ===================================================== */

        .client-details {

            display: flex;

            flex-direction: column;

            justify-content: center;

            min-width: 0;
        }

        .client-name {

            font-size: 13px;

            line-height: 1.3;

            font-weight: 800;

            color: #111827;

            text-transform: uppercase;
        }

        .client-location {

            font-size: 12px;

            line-height: 1.3;

            font-weight: 800;

            color: #111827;

            text-transform: uppercase;

            margin-top: 2px;
        }


        /* =====================================================
           OPTIONAL: DIFFERENT LOGO SIZES
           
           Use these classes if one logo needs adjustment.
        ===================================================== */

        .logo-large {
            width: 48px;
            height: 48px;
        }

        .logo-small {
            width: 40px;
            height: 40px;
        }


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

        @media (max-width: 1250px) {

            .testimonial-section {
                padding-left: 20px;
                padding-right: 20px;
            }

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

            .testimonial-card {
                min-height: 220px;
            }
        }


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

        @media (max-width: 900px) {

            .testimonial-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .heading-title {
                font-size: 27px;
            }

            .testimonial-card {
                padding-left: 16px;
                padding-right: 16px;
            }
        }


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

        @media (max-width: 650px) {

            .testimonial-section {
                padding: 10px 15px 20px;
            }

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

                gap: 12px;
            }

            .testimonial-card {
                min-height: 235px;

                padding: 10px 14px 12px;
            }

            .testimonial-text {
                font-size: 13px;
            }

            .client-name {
                font-size: 12px;
            }

            .client-location {
                font-size: 11px;
            }

            .heading-title {
                font-size: 25px;
            }
        }


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

        @media (max-width: 430px) {

            .testimonial-grid {
                grid-template-columns: 1fr;
            }

            .testimonial-card {
                min-height: 210px;
            }

            .heading-decoration::before,
            .heading-decoration::after {
                width: 45px;
            }

            .heading-title {
                font-size: 24px;
            }
        }
/* =========================================================
   HAPPY CLIENTS CTA SECTION
========================================================= */

.lakhsai-happy-client-section {
    width: 100%;
    padding: 14px 20px;
    margin: 0;

    box-sizing: border-box;

    background: #ffffff;
}


/* =========================================================
   MAIN BANNER
========================================================= */

.lakhsai-happy-client-banner {
    position: relative;

    width: 100%;
    max-width: 1200px;

    min-height: 100px;

    margin: 0 auto;

    display: flex;
    align-items: center;

    box-sizing: border-box;

    padding: 17px 50px;

    overflow: hidden;

    border-radius: 16px;

    border: 1px solid #e4ebf8;

    background:
        linear-gradient(
            90deg,
            #f7faff 0%,
            #ffffff 48%,
            #f7faff 100%
        );

    box-shadow:
        0 2px 10px rgba(31, 73, 125, 0.04);
}


/* =========================================================
   LEFT DOT PATTERN
========================================================= */

.lakhsai-happy-client-banner::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 150px;
    height: 100%;

    pointer-events: none;

    opacity: 0.45;

    background-image:
        radial-gradient(
            circle,
            #cbd7ee 1.4px,
            transparent 1.5px
        );

    background-size: 17px 17px;

    mask-image:
        linear-gradient(
            to right,
            black 0%,
            rgba(0,0,0,.65) 50%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to right,
            black 0%,
            rgba(0,0,0,.65) 50%,
            transparent 100%
        );
}


/* =========================================================
   RIGHT DOT PATTERN
========================================================= */

.lakhsai-happy-client-banner::after {
    content: "";

    position: absolute;

    right: 0;
    top: 0;

    width: 150px;
    height: 100%;

    pointer-events: none;

    opacity: 0.45;

    background-image:
        radial-gradient(
            circle,
            #cbd7ee 1.4px,
            transparent 1.5px
        );

    background-size: 17px 17px;

    mask-image:
        linear-gradient(
            to left,
            black 0%,
            rgba(0,0,0,.65) 50%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to left,
            black 0%,
            rgba(0,0,0,.65) 50%,
            transparent 100%
        );
}


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

.lakhsai-happy-client-left {
    position: relative;

    z-index: 2;

    width: 45%;

    padding: 0;

    margin: 0;
}


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

.lakhsai-happy-client-left h2 {
    margin: 0 0 7px 0;

    padding: 0;

    font-family: Arial, sans-serif;

    font-size: 25px;

    line-height: 1.1;

    font-weight: 700;

    letter-spacing: -0.6px;

    color: #07132f;
}


.lakhsai-happy-client-left h2 span {
    color: #1549c5;
}


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

.lakhsai-happy-client-left p {
    margin: 0;

    padding: 0;

    font-family: Arial, sans-serif;

    font-size: 12px;

    line-height: 1.4;

    font-weight: 400;

    color: #171717;
}


/* =========================================================
   CENTER GLOBE
========================================================= */

.lakhsai-happy-client-globe {
    position: relative;

    z-index: 3;

    width: 12%;

    min-width: 95px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;
}


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

.lakhsai-happy-client-globe i {
    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 48px;

    color: #1649c7;

    line-height: 1;

    -webkit-text-stroke: 0.4px #1649c7;
}


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

.lakhsai-happy-client-right {
    position: relative;

    z-index: 3;

    width: 43%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    box-sizing: border-box;
}


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

.lakhsai-happy-client-right h3 {
    margin: 0 0 8px 0;

    padding: 0;

    font-family: Arial, sans-serif;

    font-size: 15px;

    line-height: 1.25;

    font-weight: 700;

    letter-spacing: -0.15px;

    color: #111827;
}


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

.lakhsai-happy-client-btn {
    width: 242px;

    height: 35px;

    padding: 0 13px 0 18px;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    text-decoration: none;

    border-radius: 7px;

    background:
        linear-gradient(
            90deg,
            #194ecb 0%,
            #1645ba 100%
        );

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 15px;

    font-weight: 700;

    box-shadow:
        0 3px 7px rgba(21, 73, 197, 0.18);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.lakhsai-happy-client-btn span {
    white-space: nowrap;
}


.lakhsai-happy-client-btn i {
    font-size: 14px;

    flex-shrink: 0;

    transition: transform .25s ease;
}


.lakhsai-happy-client-btn:hover {
    color: #ffffff;

    text-decoration: none;

    transform: translateY(-1px);

    box-shadow:
        0 5px 12px rgba(21, 73, 197, 0.25);
}


.lakhsai-happy-client-btn:hover i {
    transform: translateX(3px);
}


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

@media (max-width: 991px) {

    .lakhsai-happy-client-section {
        padding: 12px 15px;
    }

    .lakhsai-happy-client-banner {
        min-height: 100px;

        padding: 16px 30px;
    }

    .lakhsai-happy-client-left {
        width: 43%;
    }

    .lakhsai-happy-client-left h2 {
        font-size: 21px;
    }

    .lakhsai-happy-client-left p {
        font-size: 11px;
    }

    .lakhsai-happy-client-globe {
        width: 13%;
        min-width: 75px;
    }

    .lakhsai-happy-client-globe i {
        font-size: 40px;
    }

    .lakhsai-happy-client-right {
        width: 44%;
    }

    .lakhsai-happy-client-right h3 {
        font-size: 13px;
    }

    .lakhsai-happy-client-btn {
        width: 220px;
        height: 34px;

        font-size: 13px;
    }

}


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

@media (max-width: 767px) {

    .lakhsai-happy-client-section {
        padding: 10px 12px;
    }

    .lakhsai-happy-client-banner {
        min-height: auto;

        padding: 22px 20px;

        flex-direction: column;

        align-items: center;

        text-align: center;

        gap: 14px;

        border-radius: 14px;
    }


    /* LEFT */

    .lakhsai-happy-client-left {
        width: 100%;
    }

    .lakhsai-happy-client-left h2 {
        font-size: 22px;

        line-height: 1.2;

        margin-bottom: 6px;
    }

    .lakhsai-happy-client-left p {
        font-size: 12px;
    }


    /* GLOBE */

    .lakhsai-happy-client-globe {
        width: 100%;

        min-width: 0;

        height: 42px;
    }

    .lakhsai-happy-client-globe i {
        font-size: 38px;
    }


    /* RIGHT */

    .lakhsai-happy-client-right {
        width: 100%;

        align-items: center;
    }

    .lakhsai-happy-client-right h3 {
        font-size: 13px;

        line-height: 1.35;

        margin-bottom: 9px;
    }

    .lakhsai-happy-client-btn {
        width: 230px;

        height: 36px;

        font-size: 13px;
    }


    /* DOTS */

    .lakhsai-happy-client-banner::before,
    .lakhsai-happy-client-banner::after {
        width: 100px;
    }

}


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

@media (max-width: 480px) {

    .lakhsai-happy-client-section {
        padding: 8px 10px;
    }

    .lakhsai-happy-client-banner {
        padding: 20px 15px;

        gap: 12px;
    }

    .lakhsai-happy-client-left h2 {
        font-size: 20px;
    }

    .lakhsai-happy-client-left p {
        font-size: 11px;
    }

    .lakhsai-happy-client-globe i {
        font-size: 35px;
    }

    .lakhsai-happy-client-right h3 {
        font-size: 12px;
    }

    .lakhsai-happy-client-btn {
        width: 220px;

        height: 35px;

        font-size: 12px;
    }

}