:root {
            /* Original fonts (commented out):
            --floens-font: "DM Sans", sans-serif;
            --floens-font2: "Plus Jakarta Sans", sans-serif;
            --floens-font3: "Quicksand", sans-serif;
            --floens-font4: "Manrope", sans-serif;
            */
            --floens-font: 'BDOGrotesk', 'BDO Grotesk', sans-serif !important;
            --floens-font2: 'BDOGrotesk', 'BDO Grotesk', sans-serif !important;
            --floens-font3: 'BDOGrotesk', 'BDO Grotesk', sans-serif !important;
            --floens-font4: 'BDOGrotesk', 'BDO Grotesk', sans-serif !important;
            --floens-base: #02D8E9 !important;
            /* Deep Blue from logo */
            --floens-base-rgb: 0, 59, 128 !important;
            --floens-base2: #f26522 !important;
            /* Orange from logo */
            --floens-base2-rgb: 242, 101, 34 !important;
        }

        /* Global Font-Family Override for All Sections */
        body,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        span,
        a,
        button,
        input,
        select,
        textarea,
        div,
        li,
        label,
        section {
            font-family: 'BDOGrotesk', 'BDO Grotesk', sans-serif !important;
        }

        /* Topbar Background & Text Color Override */
        .topbar-one,
        .topbar-one__inner {
            background-color: #5a5a5a  !important;
        }

        .topbar-one__info__item,
        .topbar-one__info__item a,
        .topbar-one__info__item address,
        .topbar-one__info__item span,
        .topbar-one__social a,
        .topbar-one__social a i {
            color: #ffffff !important;
        }

        /* Navigation Links Color (Black) and Hover (Orange) */
        .main-menu__list>li>a {
            color: #000000 !important;
            /* Black text */
            font-weight: 600;
            transition: color 0.3s ease;
        }

        .main-menu__list>li:hover>a,
        .main-menu__list>li.current>a {
            color: #f26522 !important;
            /* Orange from logo on hover */
        }

        /* Get a Quote Button Custom Colors (Orange Background, White Text) */
        .main-header__btn {
            /* background-color: #f26522 !important; */
            /* Orange from logo */
            color: #ffffff !important;
            background-image: none !important;
            transition: all 0.3s ease !important;
        }

        .main-header__btn:hover {
            background-color: #02D8E9 !important;
            /* Turns Deep Blue on hover */
            background-image: none !important;
            color: #ffffff !important;
        }

        .main-header__btn::before {
            display: none !important;
            /* Remove split transition background */
        }

        .main-header__btn span,
        .main-header__btn i {
            color: #333333 !important;
        }

        /* Slider Discover More Button Custom Colors */
        .main-slider-two__btn {
            background-color: #f26522 !important;
            /* Orange from logo */
            color: #ffffff !important;
            background-image: none !important;
            transition: all 0.3s ease !important;
        }

        .main-slider-two__btn:hover {
            background-color: #02D8E9 !important;
            /* Turns Deep Blue on hover */
            background-image: none !important;
            color: #ffffff !important;
        }

        .main-slider-two__btn::before {
            display: none !important;
            /* Remove split transition background */
        }

        .main-slider-two__btn span,
        .main-slider-two__btn i {
            color: #3d3d3d !important;
        }

        /* Slider Navigation Buttons (Prev/Next Arrows) */
        .main-slider-two .hero-slider__slick-button {
            /* Deep Blue from logo */
            background-color: #333333 !important;
            color: #3d3d3d !important;
            border: 2px solid #333333 !important;
            background-image: none !important;
            transition: all 0.3s ease !important;
        }

        .main-slider-two .hero-slider__slick-button:hover {
            background: #f26522 !important;
            /* Bright Orange on hover */
            background-color: #f26522 !important;
            border-color: #f26522 !important;
            color: #ffffff !important;
            background-image: none !important;
        }

        .main-slider-two .hero-slider__slick-button::before {
            display: none !important;
            /* Remove split transition background */
        }

        .main-slider-two .hero-slider__slick-button,
        .main-slider-two .hero-slider__slick-button i {
            color: #ffffff !important;
        }

        /* Services Section Clean Blue Background Color */
        .services-one {
            background-color: #02D8E9 !important;
            /* Premium Deep Blue */
            background-image: none !important;
        }

        .services-one__bg {
            display: none !important;
            /* Hide original wooden pattern */
        }

        .services-one .sec-title__title {
            color: #ffffff !important;
            /* White title on blue section */
        }

        .services-one .sec-title__tagline {
            color: #f26522 !important;
            /* Orange tagline */
        }

        /* Service Cards Icon Size & Font Adjustment */
        .service-card__icon {
            width: 75px !important;
            height: 75px !important;
            line-height: 75px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 50% !important;
            box-shadow: 0 4px 15px rgba(0, 59, 128, 0.15) !important;
        }

        .service-card__icon i {
            font-size: 26px !important;
            color: #ffffff !important;
        }

        /* Custom Service Card Layout Overrides - Blue Normal State */
        .service-card {
            background-color: #ffffff !important;
            /* Reveals White background underneath */
            transition: all 0.4s ease-in-out !important;
            border: 1px solid rgba(255, 255, 255, 0.12) !important;
            border-radius: 8px !important;
            overflow: hidden !important;
            position: relative !important;
            z-index: 1 !important;
        }

        /* Slide-down/Curtain shrink Blue Background on Hover */
        .service-card .service-card__bg {
            position: absolute !important;
            left: 0 !important;
            top: 0 !important;
            width: 100% !important;
            height: 100% !important;
            background-color: #012c61 !important;
            /* Darker blue to stand out */
            background-image: none !important;
            opacity: 1 !important;
            z-index: -1 !important;
            transform-origin: bottom !important;
            transform: scaleY(1) !important;
            /* Covers card in blue by default */
            transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        }

        /* When hovered, Blue curtain shrinks to reveal White background */
        .service-card:hover .service-card__bg {
            transform: scaleY(0) !important;
            opacity: 0 !important;
        }

        /* Enable animated border-drawing lines */
        .service-card::before,
        .service-card::after {
            z-index: 2;
            pointer-events: none;
            transition: all 0.6s ease-in-out !important;
        }

        .service-card:hover::before,
        .service-card:hover::after {
            border-color: #f26522 !important;
            /* Orange from logo */
        }

        .service-card .service-card__title a {
            color: #ffffff !important;
            /* White title by default */
            transition: color 0.3s ease !important;
        }

        .service-card .service-card__text {
            color: rgba(255, 255, 255, 0.8) !important;
            /* Light text by default */
            transition: color 0.3s ease !important;
        }

        .service-card .service-card__btn {
            background-color: #f26522 !important;
            /* Orange button by default */
            border-color: #f26522 !important;
            color: #ffffff !important;
            transition: all 0.3s ease !important;
        }

        .service-card .service-card__btn span,
        .service-card .service-card__btn i {
            color: #ffffff !important;
        }

        /* Service Cards Hover State - Turns White */
        .service-card:hover {
            border-color: rgba(255, 255, 255, 0.12) !important;
            transform: translateY(-5px) !important;
            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4) !important;
        }

        .service-card:hover .service-card__title a {
            color: #02D8E9 !important;
            /* Title turns Blue on hover */
        }

        .service-card:hover .service-card__text {
            color: #333333 !important;
            /* Text turns Dark Grey on hover */
        }

        .service-card:hover .service-card__btn {
            background-color: #02D8E9 !important;
            /* Button turns Blue on hover */
            border-color: #02D8E9 !important;
            color: #ffffff !important;
        }

        .service-card:hover .service-card__btn span,
        .service-card:hover .service-card__btn i {
            color: #ffffff !important;
        }

        /* Icon Hover Adjustments to prevent blending in */
        .service-card__icon {
            transition: all 0.3s ease-in-out !important;
        }

        .service-card:hover .service-card__icon {
            background: #f26522 !important;
            /* Icon stays Orange on hover */
            background-color: #f26522 !important;
        }

        /* Staggered micro-animations inside service cards */
        .service-card .service-card__icon,
        .service-card .service-card__title,
        .service-card .service-card__text,
        .service-card .service-card__btn {
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        }

        .service-card:hover .service-card__icon {
            transform: scale(1.1) translateY(-5px) !important;
        }

        .service-card:hover .service-card__title {
            transform: translateY(-2px) !important;
        }

        .service-card:hover .service-card__btn {
            transform: scale(1.05) !important;
        }

        /* Tagline Small Decorative Boxes Color Override */
        .sec-title__tagline::before {
            background-color: #111111 !important;
        }

        .sec-title__tagline::after {
            background-color: #F1F1F1 !important;
            border: 1px solid rgba(17, 17, 17, 0.2) !important;
        }

        /* About Us Section overlapping images hover lift effect */
        .about-one__image-grid {
            /* background-color: #F1F1F1 !important; */
            padding: 0px !important;
            border-radius: 16px !important;
        }

        .about-one__image-grid img {
            transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
            cursor: pointer;
            border-radius: 10px;
        }

        .about-one__image-grid img:hover {
            /* transform: scale(1.04) translateY(-10px) !important; */
            z-index: 10 !important;
            box-shadow: 0 15px 30px rgba(0, 59, 128, 0.25) !important;
        }

        /* Custom Premium Scroll Entry Animations */
        .premium-scroll-anim {
            opacity: 0;
            transform: translateY(60px) scale(0.98);
            transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1), transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) !important;
            will-change: transform, opacity;
        }

        .premium-scroll-anim.section-active {
            opacity: 1;
            transform: translateY(0) scale(1);
        }

        /* Sequential Character Animation via Script class */
        .main-slider-two__title .char {
            opacity: 0 !important;
            transform: translateY(20px) !important;
            transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1), transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
            display: inline-block !important;
        }

        .main-slider-two__title .char.animate-char {
            opacity: 1 !important;
            transform: translateY(0) !important;
        }

        /* Make projects-three card background images show by default */
        .projects-three__card__bg {
            top: 0 !important;
            height: 100% !important;
            opacity: 1 !important;
        }

        /* Permanent dark overlay to make text highly readable */
        .projects-three__card__bg::after {
            content: "" !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            background: rgba(0, 0, 0, 0.35) !important;
            /* Fixed dark overlay */
            z-index: 1 !important;
        }

        /* Gallery Slide layout overrides to display heading */
        .gallery-slide {
            /* margin-top: -180px !important; */
            /* Reduced negative margin to make room for the title */
            position: relative !important;
            z-index: 15 !important;
        }

        .gallery-slide .sec-title {
            position: relative !important;
            z-index: 20 !important;
        }

        /* Top Layout for Image & Icon side-by-side */
        .service-card__top {
            position: relative !important;
            display: flex !important;
            gap: 42px !important;
            margin-bottom: 27px !important;
            z-index: 1 !important;
            align-items: center !important;
        }

        .service-card__image {
            width: calc(100% - 117px) !important;
            /* Perfect space allocation for gap + icon */
            flex-shrink: 0 !important;
            overflow: hidden !important;
            border-radius: 6px !important;
        }

        .service-card__image img {
            width: 100% !important;
            height: 250px !important;
            /* Consistent image height */
            object-fit: cover !important;
            transition: transform 0.5s ease-in-out !important;
            /* Premium zoom transition */
        }

        .service-card:hover .service-card__image img {
            transform: scale(1.08) !important;
            /* Smooth zoom on hover */
        }

        /* About Us Service Icons Size Adjustment */
        .about-one__service__icon {
            width: 65px !important;
            height: 65px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 50% !important;
        }

        .about-one__service__icon i {
            font-size: 24px !important;
            color: #ffffff !important;
        }



        .main-slider-two__title {
            line-height: 1.0 !important;
            margin-bottom: 23px !important;
        }

        .main-slider-two__tagline {
            line-height: 1.5 !important;
            margin-bottom: 15px !important;
        }

        /* Sequential Text Animation */
        .main-slider-two__content .wow {
            visibility: hidden;
        }

        .slick-active .main-slider-two__content .wow {
            visibility: visible;
        }

        /* Client Carousel Dark Logos */
        .client-carousel--two .client-carousel__one__item img {
            /* filter: grayscale(100%) brightness(0.3) contrast(1.2);
            opacity: 0.6; */
            transition: all 500ms ease;
        }

        .client-carousel--two .client-carousel__one__item:hover img {
            filter: grayscale(0%) brightness(1) contrast(1);
            opacity: 1;
        }

        /* Gallery Card Size Override */
        .gallery-one__card {
            width: 493px;
            height: 493px;
            position: relative;
            overflow: hidden;
        }

        .gallery-one__card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
        }

        /* Work Process Section White Theme & Circle Background Customization */
        .work-process {
            background-color: #ffffff !important;
            background-image: none !important;
        }

        .work-process__bg {
            display: none !important;
        }


        .process-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #F1F1F1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease;
}

.process-icon i {
    font-size: 50px;
    color: #414141;
    transition: .4s ease;
}

.work-process__item:hover .process-icon {
    background: #414141;
    transform: translateY(-8px);
}

.work-process__item:hover .process-icon i {
    color: #fff;
    transform: scale(1.1);
}

        /* Black Dots Customization */
        .sec-title__tagline::before,
        .sec-title__tagline::after {
            background-color: #111111 !important;
            border-color: #111111 !important;
        }

        .work-process__container {
            position: relative !important;
        }

        .work-process__shape-three {
            display: block !important;
            filter: brightness(0) !important;
            opacity: 1 !important;
            /* z-index: 1; */
        }

        /* Industries We Serve - Horizontal Pinned Scroll Showcase */
        .projects-horizontal-section {
            background-color: #ffffff !important;
        }

        .horizontal-scroll-wrapper {
            width: 100%;
            overflow: hidden;
            padding: 20px 0;
        }

        .horizontal-scroll-track {
            display: flex;
            gap: 30px;
            padding-left: calc((100vw - 1200px) / 2 + 15px);
            padding-right: 80px;
            width: max-content;
        }

        @media (max-width: 1250px) {
            .horizontal-scroll-track {
                padding-left: 30px;
            }
        }

        .horizontal-card {
            width: 420px;
            flex-shrink: 0;
        }

        @media (max-width: 768px) {
            .horizontal-card {
                width: 320px;
            }
        }

        /* ---- Horizontal Card : New Layout (image + below-image link) ---- */
        .horizontal-card__image-container {
            position: relative;
            height: 450px;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
            transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
                box-shadow 0.5s ease;
            background: #111111;
        }


        .horizontal-card:hover .horizontal-card__image-container {
            transform: translateY(-8px);
            box-shadow: 0 22px 50px rgba(0, 0, 0, 0.16);
        }

        .horizontal-card__bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .horizontal-card:hover .horizontal-card__bg {
            transform: scale(1.07);
        }

        /* Overlay – only at the bottom under the text */
        .horizontal-card__overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 60%;
            background: linear-gradient(to top,
                    rgba(17, 17, 17, 0.92) 0%,
                    rgba(17, 17, 17, 0.5) 50%,
                    rgba(17, 17, 17, 0) 100%);
            z-index: 2;
            pointer-events: none;
        }

        /* Text sits on top of overlay inside the image */
        .horizontal-card__content {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 22px 24px;
            z-index: 3;
        }

        .horizontal-card__title {
            color: #ffffff;
            font-size: 20px;
            line-height: 26px;
            font-weight: 700;
            margin-bottom: 5px;
            font-family: var(--floens-font, "BDOGrotesk", sans-serif);
        }

        .horizontal-card__desc {
            color: rgba(255, 255, 255, 0.82);
            font-size: 13px;
            line-height: 19px;
            margin: 0;
        }

        /* "Explore Industry" button sits below the image */
        .horizontal-card__bottom {
            padding: 14px 4px 0 4px;
        }

        .horizontal-card__btn {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            color: #111111;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            text-decoration: none;
            transition: color 0.3s ease, gap 0.3s ease;
        }

        .horizontal-card__btn i {
            font-size: 12px;
            transition: transform 0.35s ease, color 0.3s ease;
        }

        .horizontal-card:hover .horizontal-card__btn {
            color: #f26522;
        }

        .horizontal-card:hover .horizontal-card__btn i {
            transform: translateX(5px);
            color: #f26522;
        }

        .horizontal-scroll-progress {
            width: 200px;
            height: 4px;
            background: #E5E7EB;
            border-radius: 2px;
            margin: 20px auto 0;
            overflow: hidden;
        }

        .horizontal-scroll-progress__bar {
            width: 0%;
            height: 100%;
            background: #111111;
            transition: width 0.1s linear;
        }

        /* ---- Horizontal Card Reveal Animation ---- */
        .horizontal-card {
            opacity: 0;
            transform: translateY(40px) scale(0.96);
            transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1),
                transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .horizontal-card.wow.animated {
            opacity: 1;
            transform: translateY(0) scale(1);
        }

        /* Why Choose Us - custom image float animation */
        .reliable-one__image__one {
            transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        .reliable-one__images:hover .reliable-one__image__one {
            transform: scale(1.04);
        }

        .reliable-one__image__inner {
            animation: floatUpDownWhy 5s ease-in-out infinite;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
            border: 6px solid #ffffff;
            transition: transform 0.5s ease, border-color 0.3s ease;
        }

        .reliable-one__images:hover .reliable-one__image__inner {
            transform: scale(1.04) rotate(-1deg);
            border-color: #02D8E9;
        }

        @keyframes floatUpDownWhy {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-10px);
            }
        }

        .reliable-one__experience {
            animation: floatBadgeWhy 6s ease-in-out 1s infinite;
        }

        @keyframes floatBadgeWhy {

            0%,
            100% {
                transform: translateY(0) rotate(0deg);
            }

            50% {
                transform: translateY(-8px) rotate(2deg);
            }
        }

        /* Prevent Overlapping - Make Gallery Slide a Standalone Section */
        .gallery-slide {
                background-color: #F1F1F1 !important;
            margin-top: 0 !important;
            position: relative !important;
            z-index: 10 !important;
            clear: both !important;
        }

        .gallery-slide .sec-title__tagline,
        .gallery-slide .sec-title__title {
            color: #111111 !important;
        }

        .owl-dots .owl-dot span,
        .slick-dots li button {
            background-color: #111111 !important;
        }

        /* Work Process Shapes Customization */
        .work-process__shapes .work-process__shape-one,
        .work-process__shapes .work-process__shape-two {
            /* Retain original positioning from theme CSS */
            z-index: 1;
            opacity: 0.8;
            width: 200px;
            /* Set a fixed reasonable width */
            height: auto;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }

        .work-process__shapes .work-process__shape-one {
            animation: floatBobOne 15s infinite ease-in-out;
        }

        .work-process__shapes .work-process__shape-two {
            bottom: 120px !important;
            animation: floatBobTwo 18s infinite ease-in-out;
        }

        /* Responsive adjustments */
        @media (max-width: 991px) {

            .work-process__shapes .work-process__shape-one,
            .work-process__shapes .work-process__shape-two {
                width: 150px;
                opacity: 0.5;
            }
        }

        @keyframes floatBobOne {
            0% {
                transform: translate(0, 0) rotate(0deg);
            }

            33% {
                transform: translate(30px, -50px) rotate(10deg);
            }

            66% {
                transform: translate(-20px, 20px) rotate(-5deg);
            }

            100% {
                transform: translate(0, 0) rotate(0deg);
            }
        }

        @keyframes floatBobTwo {
            0% {
                transform: translate(0, 0) rotate(0deg);
            }

            33% {
                transform: translate(-30px, 40px) rotate(-10deg);
            }

            66% {
                transform: translate(20px, -30px) rotate(5deg);
            }

            100% {
                transform: translate(0, 0) rotate(0deg);
            }
        }

        /* Footer Background & Color Customization */
        .main-footer {
            background-color: #F1F1F1 !important;
            background-image: none !important;
        }

        .main-footer__bg {
            display: none !important;
        }

        .main-footer__bottom__inner {
            border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
        }

        /* Footer Text Color Overrides to Black */
        .main-footer,
        .main-footer p,
        .main-footer a,
        .main-footer h2,
        .main-footer h3,
        .main-footer h4,
        .main-footer h5,
        .main-footer h6,
        .main-footer li,
        .main-footer span,
        .main-footer__copyright {
            color: #111111 !important;
        }

        .main-footer a:hover {
            color: #f26522 !important;
            /* Orange hover from logo */
        }

        /* Social links for footer background and borders */
        .main-footer .main-footer__social a {
            background-color: transparent !important;
            border: 1px solid rgba(0, 0, 0, 0.1) !important;
            color: #111111 !important;
        }

        .main-footer .main-footer__social a:hover {
            background-color: #f26522 !important;
            border-color: #f26522 !important;
            color: #ffffff !important;
        }

        /* slider discover more */
        .main-slider-two__btn {
            background-color: #02D8E9 !important;
            color: #ffffff !important;
            background-image: none !important;
            transition: all 0.3s ease !important;

            /* Puthiya styles */
            padding: 18px 23px !important;
            padding-right: 60px !important;
            font-size: 15px !important;
        }

        .main-slider-two__btn i {
            font-size: 18px !important;
            /* Arrow size control */
        }

        /* Custom Why Choose Us styles for reliable-one section */
        .reliable-one--why-choose-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin-top: 40px;
        }

        .reliable-one--why-choose-item {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 18px;
            background: #f9f9f9;
            border: 1px solid rgba(0, 0, 0, 0.05);
            border-radius: 12px;
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            position: relative;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01);
        }

        .reliable-one--why-choose-item:hover {
            background-color: #111111 !important;
            border-color: #111111 !important;
            transform: translateY(-5px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
        }

        .reliable-one--why-choose-icon {
            width: 44px;
            height: 44px;
            background-color: #111111;
            color: #ffffff;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            flex-shrink: 0;
            transition: all 0.4s ease;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        .reliable-one--why-choose-item:hover .reliable-one--why-choose-icon {
            background-color: #f26522;
            transform: scale(1.05) rotate(5deg);
            box-shadow: 0 4px 12px rgba(242, 101, 34, 0.25);
        }

        .reliable-one--why-choose-text {
            margin: 0;
            font-size: 14px;
            font-weight: 600;
            color: #111111;
            line-height: 1.35;
            transition: color 0.3s ease;
        }

        .reliable-one--why-choose-item:hover .reliable-one--why-choose-text {
            color: #ffffff !important;
        }

        /* Set padding top to 90px for why choose us section */
        .reliable-one--home {
            padding-top: 140px !important;
        }

        /* Responsive grid */
        @media (max-width: 767px) {
            .reliable-one--why-choose-list {
                grid-template-columns: 1fr;
                gap: 15px;
            }
        }





/************************************/
/***   14. Our Testimonials css   ***/
/************************************/

.our-testimonials{
	background-image: url('../images/testimonial-bg-img.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.our-testimonials .sec-title__title{
    text-align: center;
    padding-bottom: 30px;
}

.testimonial-slider .swiper .swiper-wrapper{
	cursor: none;
}

.testimonial-item{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	/* min-height: 420px; */
	background-color: #5a5a5a ;
	padding: 40px;
	border-radius: 14px;
}

.testimonial-item-rating span{
    color: #ffffff;
}

.testimonial-item-content{
	margin-top: 30px;
}

.testimonial-item-content p{
	margin-bottom: 20px;
    color: #ffffff;
}

.testimonial-item-content h2{
	font-size: 20px;
    color: #ffffff;
}

.testimonial-item-counter-content{
	display: flex;
	align-items: center;
	gap: 15px;
	border-top: 1px solid var(--divider-color);
	padding-top: 30px;
}

.testimonial-item-counter-content h2{
	width: 34%;
	font-size: 46px;
	line-height: 1em;
}

.testimonial-item-counter-content p{
	width: 66%;
	margin-bottom: 0;
}

.our-testimonials .section-footer-text{
	margin-top: 60px;
}

/************************************/
/***      34. Responsive css      ***/
/************************************/

@media only screen and (max-width: 1850px){

    .bg-section{
        width: calc(100% - 30px);
    }
}

@media only screen and (max-width: 991px){

	.bg-section{
		width: 100%;
		border-radius: 0;
		margin: 0;
	}

	.section-row{
		margin-bottom: 40px;
	}
	
	.section-title{
		margin-bottom: 30px;
	}

	.section-title .section-sub-title{
		margin-bottom: 10px;
	}

	.section-title .section-sub-title{
		padding: 6px 12px 6px 34px;
	}
	
	.section-title .section-sub-title::before{
		width: 14px;
		height: 14px;
		left: 12px;
	}

	.section-title h2{
		font-size: 36px;
	}

	.section-title p{
		margin-top: 10px;
	}

	.section-footer-text{
		margin-top: 10px;
	}

	.section-footer-text ul{
		margin-top: 10px;
	}

	.section-footer-text ul li{
		margin-right: 5px;
	}

	.section-footer-text ul.section-footer-border-list li{
		padding-right: 10px;
	}

	.our-testimonials{
		padding: 60px 0;
	}

	.testimonial-item{
		gap: 20px;
		padding: 30px;
		min-height: 380px;
	}

	.testimonial-item-counter-content{
		padding-top: 20px;
	}

	.testimonial-item-counter-content h2{
    	font-size: 36px;
    	width: 30%;
	}

	.testimonial-item-counter-content p{
		width: 70%;
	}

	.our-testimonials .section-footer-text{
    	margin-top: 40px;
	}
}

@media only screen and (max-width: 767px){

	.section-row{
		margin-bottom: 30px;
	}

	.section-title h2{
		font-size: 26px;
	}

	.section-footer-text ul li,
	.section-footer-text ul li i{
		font-size: 14px;
	}

	.testimonial-item{
        min-height: auto;
        padding: 20px;
    }

	.testimonial-item-content{
		margin-top: 20px;
	}

	.testimonial-item-content p{
		margin-bottom: 15px;
	}

	.testimonial-item-content h2{
    	font-size: 18px;
	}

	.testimonial-item-counter-content h2{
		width: 20%;
		font-size: 26px;
	}
}

.main-slider-two__item:nth-child(1) .main-slider-two__bg {
    background-image: url("../images/myimages/ish-1.webp");
}

.main-slider-two__item:nth-child(2) .main-slider-two__bg {
    background-image: url("../images/myimages/ish-2.webp");
}

.main-slider-two__item:nth-child(3) .main-slider-two__bg {
    background-image: url("../images/myimages/ish-3.webp");
}

.main-slider-two__item:nth-child(4) .main-slider-two__bg {
    background-image: url("../images/myimages/ish-4.webp");
}

@media (max-width: 767px) {

    .main-slider-two__item:nth-child(1) .main-slider-two__bg {
        background-image: url("../images/myimages/ish-1.webp");
    }

    .main-slider-two__item:nth-child(2) .main-slider-two__bg {
        background-image: url("../images/myimages/ish-2.webp");
    }

    .main-slider-two__item:nth-child(3) .main-slider-two__bg {
        background-image: url("../images/myimages/ish-3.webp");
    }

    .main-slider-two__item:nth-child(4) .main-slider-two__bg {
        background-image: url("../images/myimages/ish-4.webp");
    }

}