/* Index.php */

/* =====================================
           RESET
        ===================================== */

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, Helvetica, sans-serif;
            background: #ffffff;
        }


        /* =====================================
           SLIDER SECTION
        ===================================== */

        .smart-slider-section {
            width: 100%;
            overflow: hidden;
            background: #333333;
        }


        .smart-slider-wrapper {
            width: 100%;
            max-width: 1351px;
            margin: 0 auto;

            position: relative;
            overflow: hidden;
        }


        /* =====================================
           SLIDER TRACK
        ===================================== */

        .smart-slider-track {
            width: 100%;
            display: flex;

            transition: transform 0.7s ease-in-out;
        }


        .smart-slider-slide {
            min-width: 100%;
            flex-shrink: 0;

            position: relative;
        }


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

        .smart-slider-slide img {
            width: 100%;
            height: auto;

            display: block;

            aspect-ratio: 1351 / 563;

            object-fit: cover;
        }


        /* =====================================
           ARROW BUTTON
           SAME DESIGN AS YOUR IMAGE
        ===================================== */

        .smart-slider-arrow {

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

            width: 30px;
            height: 30px;

            background: rgba(0, 0, 0, 0.95);

            border: none;

            border-radius: 3px;

            padding: 0;

            cursor: pointer;

            z-index: 20;

            display: flex;

            align-items: center;

            justify-content: center;

            transition:
                background 0.3s ease,
                opacity 0.3s ease;
        }


        .smart-slider-arrow:hover {
            background: rgb(11, 156, 189);
        }


        /* LEFT BUTTON POSITION */

        .smart-slider-prev {
            left: 5px;
        }


        /* RIGHT BUTTON POSITION */

        .smart-slider-next {
            right: 5px;
        }


        /* =====================================
           CUSTOM TRIANGLE ICON
        ===================================== */

        .smart-slider-arrow-icon {

            width: 0;
            height: 0;

            display: block;
        }


        /* LEFT TRIANGLE */

        .smart-slider-prev .smart-slider-arrow-icon {

            border-top: 6px solid transparent;

            border-bottom: 6px solid transparent;

            border-right: 7px solid #eeeeee;
        }


        /* RIGHT TRIANGLE */

        .smart-slider-next .smart-slider-arrow-icon {

            border-top: 6px solid transparent;

            border-bottom: 6px solid transparent;

            border-left: 7px solid #eeeeee;
        }


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

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

            .smart-slider-arrow {
                width: 29px;
                height: 29px;
            }

            .smart-slider-prev {
                left: 5px;
            }

            .smart-slider-next {
                right: 5px;
            }

        }


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

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

            .smart-slider-arrow {

                width: 27px;

                height: 29px;

                border-radius: 3px;
            }


            .smart-slider-prev {
                left: 4px;
            }


            .smart-slider-next {
                right: 4px;
            }


            .smart-slider-prev .smart-slider-arrow-icon {

                border-top-width: 5px;

                border-bottom-width: 5px;

                border-right-width: 6px;
            }


            .smart-slider-next .smart-slider-arrow-icon {

                border-top-width: 5px;

                border-bottom-width: 5px;

                border-left-width: 6px;
            }

        }


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

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

            .smart-slider-arrow {

                width: 25px;

                height: 28px;

            }


            .smart-slider-prev {
                left: 3px;
            }


            .smart-slider-next {
                right: 3px;
            }

        }







 /* ==============================
           RESET
        ============================== */

        *{
            margin:0;
            padding:0;
            box-sizing:border-box;
        }

        html{
            scroll-behavior:smooth;
        }

        body{
            font-family:Arial, Helvetica, sans-serif;
            background:#ffffff;
            color:#000;
        }


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

        .smart-about-section{
            width:100%;
            background:#ffffff;
            padding-bottom:60px;
        }

        .smart-about-container{
            width:100%;
            max-width:1070px;
            margin:0 auto;
        }


        /* ==============================
           TOP BOX
        ============================== */

        .smart-sticky-box-wrap{
            width:100%;
        }

        .smart-sticky-box{
            width:648px;
            min-height:135px;

            background:#efefef;

            padding:38px 50px;

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

            /* PAGE LOAD SLIDE-DOWN ANIMATION */
            opacity:0;
            transform:translateY(-90px);
            animation:smartTopBoxSlideDown 1s cubic-bezier(.22,.61,.36,1) .15s forwards;
            will-change:transform, opacity;
        }

        @keyframes smartTopBoxSlideDown{
            0%{
                opacity:0;
                transform:translateY(-90px);
            }

            65%{
                opacity:1;
                transform:translateY(8px);
            }

            100%{
                opacity:1;
                transform:translateY(0);
            }
        }

        .smart-sticky-small-title{
            font-size:16px;
            font-weight:500;

            margin-bottom:17px;

            text-transform:uppercase;
        }

        .smart-sticky-main-title{
            font-size:22px;
            line-height:1.4;
            font-weight:600;
        }


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

        .smart-about-row{
            display:grid;

            grid-template-columns:1fr 1fr;

            gap:64px;

            align-items:center;

            margin-top:49px;
        }


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

        .smart-about-content h2{
            font-size:35px;

            line-height:1.2;

            font-weight:700;

            color:#f25b3a;

            margin-bottom:20px;

            font-family:
                'Ubuntu',
                Helvetica,
                Arial,
                Lucida,
                sans-serif;
        }

        .smart-about-content p{
            font-size:17px;

            line-height:1.72;

            color:#000;

            margin-bottom:27px;
        }


        /* ==============================
           READ MORE BUTTON
        ============================== */

        .smart-about-btn{
            display:inline-flex;

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

            min-width:127px;
            min-height:40px;

            padding:11px 20px;

            border:1px solid #376cd0;

            border-radius:25px;

            text-decoration:none;

            color:#3562b6;

            text-transform:uppercase;

            font-size:15px;

            background:#ffffff;

            transition:
                background-color .3s ease,
                color .3s ease,
                transform .3s ease;
        }

        .smart-about-btn:hover{
            background:#3562b6;
            color:#ffffff;

            transform:translateY(-2px);
        }


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

        .smart-image-slider{
            width:100%;
            height:390px;

            position:relative;

            overflow:hidden;

            background:#eeeeee;
        }


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

        .smart-image-slide{
            width:100%;
            height:100%;

            position:absolute;

            top:0;
            left:0;

            opacity:0;

            visibility:hidden;

            transform:scale(1.06);

            transition:
                opacity 1s ease,
                transform 1.8s ease,
                visibility 1s ease;

            z-index:1;
        }

        .smart-image-slide.smart-active{
            opacity:1;

            visibility:visible;

            transform:scale(1);

            z-index:2;
        }


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

        .smart-image-slide img{
            width:100%;
            height:100%;

            display:block;

            object-fit:cover;

            transform:scale(1);

            transition:transform 4s ease;
        }


        /*
        Active image gets very light
        cinematic zoom.
        */

        .smart-image-slide.smart-active img{
            transform:scale(1.035);
        }


        /* ==============================
           OPTIONAL SOFT OVERLAY
        ============================== */

        .smart-image-slider::after{
            content:"";

            position:absolute;

            inset:0;

            z-index:3;

            pointer-events:none;

            background:
                linear-gradient(
                    90deg,
                    rgba(0,0,0,0.02),
                    rgba(255,255,255,0.02)
                );
        }


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

        @media(max-width:1050px){

            .smart-about-container{
                max-width:900px;

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

            .smart-sticky-box{
                width:65%;
            }

            .smart-about-row{
                gap:40px;
            }

        }


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

        @media(max-width:767px){

            .smart-about-container{
                padding-left:15px;
                padding-right:15px;
            }

            .smart-sticky-box{
                width:100%;

                min-height:115px;

                padding:22px;
            }

            .smart-sticky-small-title{
                font-size:12px;

                margin-bottom:12px;
            }

            .smart-sticky-main-title{
                font-size:18px;
            }

            .smart-about-row{
                grid-template-columns:1fr;

                gap:25px;

                margin-top:30px;
            }

            .smart-about-content h2{
                font-size:26px;

                margin-bottom:15px;
            }

            .smart-about-content p{
                font-size:14px;

                line-height:1.7;
            }

            .smart-image-slider{
                height:auto;

                aspect-ratio:1.45 / 1;
            }

        }


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

        @media(max-width:480px){

            .smart-sticky-box{
                padding:18px;

                min-height:105px;
            }

            .smart-sticky-main-title{
                font-size:17px;
            }

            .smart-about-content h2{
                font-size:23px;
            }

            .smart-about-content p{
                font-size:13.5px;
            }

            .smart-about-btn{
                min-width:115px;

                min-height:38px;

                font-size:13px;
            }

        }


        /* ==============================
           REDUCED MOTION SUPPORT
        ============================== */

        @media(prefers-reduced-motion:reduce){

            .smart-image-slide,
            .smart-image-slide img{
                transition:none;
            }

            .smart-sticky-box{
                animation:none;
                opacity:1;
                transform:none;
            }

        }









 /* ==============================
           RESET
        ============================== */

        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body{
            font-family: Arial, Helvetica, sans-serif;
            background: #ffffff;
        }


        /* ==============================
           PRODUCT SECTION
        ============================== */

        .op-product-section{
            width: 100%;
            background: #eaeaea !important; 
            padding: 58px 10px 10px;

        }


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

        .op-product-heading{
            width: 100%;
            text-align: center;
            margin-bottom: 48px;
        }

        .op-product-heading h2{
            margin: 0;

            /* Screenshot Style Font */
            font-family: "Michroma", sans-serif;
            font-size: 38px;
            line-height: 1.2;
            font-weight: 600;

            text-transform: uppercase;
            letter-spacing: 2px;

            color: #69767a;

            /* Same 3D / Blue Grey Effect */
            /* text-shadow:
                -5px -3px 0 #c2d1dd,
                -3px -2px 0 #c2d1dd,
                2px 2px 0 rgba(255,255,255,0.80); */
                    text-shadow: -6px -5px 1px #4a70b94a;
                    padding-bottom: 14px;
        }


        /* ==============================
           MAIN CONTAINER
        ============================== */

        .op-product-container{
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;

            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }


        /* ==============================
           LEFT BIG IMAGE
        ============================== */

        .op-product-main{
            width: 100%;
            height: 656px;

            overflow: hidden;
            background: #ffffff;
        }

        .op-product-main img{
            width: 100%;
            height: 100%;

            display: block;
            object-fit: cover;

            /* NO HOVER / NO ANIMATION */
            transform: none;
            transition: none;
        }

        .op-product-main:hover img{
            transform: none;
        }


        /* ==============================
           RIGHT SIDE 4 IMAGES
        ============================== */

        .op-product-grid{
            width: 100%;

            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 318px);

            gap: 20px;
        }


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

        .op-product-card{
            width: 100%;
            height: 100%;

            background: #ffffff;
            overflow: hidden;

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

        .op-product-card img{
            width: 100%;
            height: 100%;

            display: block;

            object-fit: contain;
            padding: 8px;

            /* COMPLETELY REMOVE HOVER */
            transition: none;
            transform: none;
        }

        .op-product-card:hover img{
            transform: none;
        }


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

        @media(max-width: 991px){

            .op-product-section{
                padding: 38px 15px 15px;
            }

            .op-product-heading{
                margin-bottom: 40px;
            }

            .op-product-heading h2{
                font-size: 40px;
                letter-spacing: 1.5px;

                text-shadow:
                    -4px -3px 0 #c2d1dd,
                    2px 2px 0 rgba(255,255,255,0.80);
            }

            .op-product-container{
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .op-product-main{
                height: 500px;
            }

            .op-product-grid{
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(2, 300px);
                gap: 15px;
            }

        }


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

        @media(max-width: 767px){

            .op-product-section{
                padding: 35px 12px 12px;
            }

            .op-product-heading{
                margin-bottom: 32px;
            }

            .op-product-heading h2{
                font-size: 31px;
                letter-spacing: 1px;

                text-shadow:
                    -3px -2px 0 #c2d1dd,
                    1.5px 1.5px 0 rgba(255,255,255,0.80);
            }

            .op-product-main{
                height: 420px;
            }

            .op-product-grid{
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(2, 230px);
                gap: 12px;
            }

        }


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

        @media(max-width: 575px){

            .op-product-section{
                padding: 30px 10px 10px;
            }

            .op-product-heading{
                margin-bottom: 28px;
            }

            .op-product-heading h2{
                font-size: 24px;
                letter-spacing: 0.5px;
            }

            .op-product-container{
                gap: 10px;
            }

            .op-product-main{
                height: 350px;
            }

            .op-product-grid{
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(2, 190px);
                gap: 10px;
            }

            .op-product-card img{
                padding: 5px;
            }

        }


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

        @media(max-width: 400px){

            .op-product-heading h2{
                font-size: 20px;
                letter-spacing: 0;
            }

            .op-product-main{
                height: 300px;
            }

            .op-product-grid{
                grid-template-columns: 1fr;
                grid-template-rows: repeat(4, 280px);
            }

        }









       /* ===============================
           RESET
        ================================ */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: Arial, Helvetica, sans-serif;
            background: #ffffff;
            color: #000000;
        }

        img {
            display: block;
            max-width: 100%;
        }


        /* ===============================
           WHAT WE OFFER SECTION
        ================================ */
        .offer-section {
            width: 100%;
            background: #ffffff;
            padding: 65px 20px 75px;
                padding-bottom: 100px;
        }

        .offer-container {
            width: 100%;
            max-width: 1080px;
            margin: 0 auto;
        }


        /* ===============================
           GRID
        ================================ */
        .offer-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }


        /* ===============================
           LEFT CONTENT
        ================================ */
        .offer-content {
            width: 100%;
        }

        .offer-title {
            font-family: 'Audiowide', sans-serif;
            font-size: 45px;
            line-height: 1.2;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 52px;

            color: #64717a;

            /* text-shadow:
                -3px -3px 0 #d5e4f2,
                 1px  1px 0 #ffffff; */

                 text-shadow: -6px -5px 1px #4a70b94a;
        }

        .offer-description {
            font-size: 17px;
            line-height: 1.7;
            font-weight: 400;
            color: #000000;
            text-align: justify;
        }


        /* ===============================
           RIGHT IMAGE
        ================================ */
        .offer-image-box {
            width: 100%;
            overflow: hidden;
        }

        .offer-image-box img {
            width: 100%;
            height: 340px;
            object-fit: cover;
            object-position: center;
        }


        /* ===============================
           SCROLL TOP BUTTON
        ================================ */
        .scroll-top-btn {
            position: fixed;
            right: -45px;
            bottom: 125px;

            width: 40px;
            height: 40px;

            background: #9a9a9a;
            color: #ffffff;

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

            text-decoration: none;
            font-size: 25px;
            font-weight: 600;

            border-radius: 3px 0 0 3px;
            z-index: 999;

            opacity: 0;
            visibility: hidden;
            pointer-events: none;

            transition:
                right 0.35s ease,
                opacity 0.35s ease,
                visibility 0.35s ease,
                background 0.3s ease;
        }

        .scroll-top-btn.scroll-top-show {
            right: 0;
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .scroll-top-btn:hover {
            background: #777777;
        }

        .scroll-top-btn span {
            display: block;
            line-height: 1;
            transform: translateY(1px);
        }


        /* ===============================
           LARGE TABLET
        ================================ */
        @media (max-width: 1100px) {

            .offer-container {
                max-width: 950px;
            }

            .offer-row {
                gap: 45px;
            }

            .offer-title {
                font-size: 36px;
                margin-bottom: 38px;
            }

            .offer-description {
                font-size: 16px;
            }

            .offer-image-box img {
                height: 310px;
            }
        }


        /* ===============================
           TABLET
        ================================ */
        @media (max-width: 850px) {

            .offer-section {
                padding: 55px 25px;
            }

            .offer-row {
                grid-template-columns: 1fr;
                gap: 35px;
            }

            .offer-title {
                font-size: 36px;
                margin-bottom: 28px;
            }

            .offer-description {
                max-width: 100%;
            }

            .offer-image-box img {
                width: 100%;
                height: auto;
                max-height: 500px;
                object-fit: cover;
            }
        }


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

            .offer-section {
                padding: 40px 18px 45px;
            }

            .offer-row {
                gap: 28px;
            }

            .offer-title {
                font-size: 29px;
                line-height: 1.35;
                letter-spacing: 1px;
                margin-bottom: 22px;
            }

            .offer-description {
                font-size: 15px;
                line-height: 1.75;
                text-align: left;
            }

            .offer-image-box img {
                height: auto;
            }

            .scroll-top-btn {
                width: 38px;
                height: 38px;
                bottom: 80px;
            }
        }


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

            .offer-section {
                padding-left: 15px;
                padding-right: 15px;
            }

            .offer-title {
                font-size: 24px;
            }

            .offer-description {
                font-size: 14.5px;
            }
        }



        








/* footer */





        /* ================================
           RESET
        ================================ */

        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body{
            margin: 0;
            font-family: 'Poppins', sans-serif;
        }


        /* ================================
           COPYRIGHT FOOTER
        ================================ */

        .smart-copyright-footer{
            width: 100%;
            min-height: 58px;

            background: #181f1f;

            display: flex;
            align-items: center;

            padding: 0 20px;
        }


        /* ================================
           INNER CONTAINER
        ================================ */

        .smart-copyright-container{
            width: 100%;
            max-width: 1080px;

            margin: 0 auto;
        }


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

        .smart-copyright-text{
            margin: 0;

            color: #666666;

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

            font-weight: 600;

            text-align: left;
        }

        .smart-copyright-text strong{
            color: #666666;
            font-weight: 600;
        }


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

        @media(max-width: 991px){

            .smart-copyright-footer{
                padding: 0 30px;
            }

            .smart-copyright-text{
                font-size: 14px;
            }

        }


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

        @media(max-width: 767px){

            .smart-copyright-footer{
                min-height: 65px;

                padding: 12px 20px;
            }

            .smart-copyright-text{
                font-size: 12px;

                line-height: 1.7;

                text-align: center;
            }

        }


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

        @media(max-width: 480px){

            .smart-copyright-footer{
                min-height: 75px;

                padding:
                    13px
                    15px;
            }

            .smart-copyright-text{
                font-size: 11px;

                line-height: 1.8;
            }

        }

  
        



















/* CONTACT US */




        /* ==============================
           RESET
        ============================== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, Helvetica, sans-serif;
            background: #f1f1f1;
            overflow-x: hidden;
        }


        /* ==============================
           CONTACT SECTION
        ============================== */
        .contact-info-section {
            width: 100%;
            min-height: 550px;

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

            padding: 115px 20px;
        }

        .contact-info-container {
            width: 100%;
            max-width: 1080px;

            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 58px;

            align-items: start;
        }


        /* ==============================
           CARD
        ============================== */
        .contact-info-card {
            width: 100%;
            min-height: 278px;

            background: #ffffff;

            text-align: center;

            padding: 30px 30px 28px;

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

            position: relative;

            overflow: hidden;
        }


        /* ADDRESS CARD */
        .contact-info-card.address-card {
            min-height: 322px;
        }


        /* ==============================
           ICON AREA
        ============================== */
        .contact-icon-row {
            width: 100%;

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

            gap: 8px;

            margin-bottom: 25px;
        }

        .contact-icon-line {
            height: 1px;

            background: #bfc1c3;

            flex: 1;

            max-width: 101px;
        }

        .contact-icon-box {
            width: 50px;
            height: 62px;

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

            flex-shrink: 0;
        }


        /* ==============================
           LOCATION SVG
        ============================== */
        .location-svg {
            width: 48px;
            height: 62px;
        }


        /* ==============================
           PHONE SVG
        ============================== */
        .phone-svg {
            width: 39px;
            height: 62px;
        }


        /* ==============================
           EMAIL SVG
        ============================== */
        .email-svg {
            width: 62px;
            height: 48px;
        }


        /* ==============================
           TITLE
        ============================== */
        .contact-info-card h3 {
            font-size: 24px;
            line-height: 1.2;

            font-weight: 400;

            color: #000000;

            margin-bottom: 21px;
        }


        /* ==============================
           CONTENT
        ============================== */
        .contact-card-content {
            font-size: 16px;
            line-height: 1.9;

            font-weight: 600;

            color: #000000;
        }

        .contact-card-content p {
            margin: 0 0 3px;
        }

        .contact-card-content a {
            color: #000000;

            text-decoration: none;
        }

        .contact-card-content a:hover {
            color: #0561ad;
        }



        /* ==========================================
           BOTTOM TO TOP ANIMATION
        ========================================== */

        /*
           Sirf icon, heading aur text move hoga.
           Card apni jagah par fixed rahega.
        */

        .contact-icon-row,
        .contact-info-card h3,
        .contact-card-content {

            opacity: 0;

            transform: translateY(65px);

            transition:
                opacity 0.8s ease,
                transform 0.8s
                cubic-bezier(0.22, 1, 0.36, 1);
        }


        /*
           Section visible hone ke baad
        */

        .contact-info-section.contact-show
        .contact-icon-row {

            opacity: 1;

            transform: translateY(0);
        }


        .contact-info-section.contact-show
        .contact-info-card h3 {

            opacity: 1;

            transform: translateY(0);
        }


        .contact-info-section.contact-show
        .contact-card-content {

            opacity: 1;

            transform: translateY(0);
        }



        /* ==============================
           FIRST CARD ANIMATION DELAY
        ============================== */

        .contact-info-card:nth-child(1)
        .contact-icon-row {
            transition-delay: 0.05s;
        }

        .contact-info-card:nth-child(1)
        h3 {
            transition-delay: 0.18s;
        }

        .contact-info-card:nth-child(1)
        .contact-card-content {
            transition-delay: 0.30s;
        }



        /* ==============================
           SECOND CARD ANIMATION DELAY
        ============================== */

        .contact-info-card:nth-child(2)
        .contact-icon-row {
            transition-delay: 0.15s;
        }

        .contact-info-card:nth-child(2)
        h3 {
            transition-delay: 0.28s;
        }

        .contact-info-card:nth-child(2)
        .contact-card-content {
            transition-delay: 0.40s;
        }



        /* ==============================
           THIRD CARD ANIMATION DELAY
        ============================== */

        .contact-info-card:nth-child(3)
        .contact-icon-row {
            transition-delay: 0.25s;
        }

        .contact-info-card:nth-child(3)
        h3 {
            transition-delay: 0.38s;
        }

        .contact-info-card:nth-child(3)
        .contact-card-content {
            transition-delay: 0.50s;
        }



        /* ==============================
           TABLET
        ============================== */
        @media (max-width: 991px) {

            .contact-info-section {
                padding: 50px 25px;
            }

            .contact-info-container {
                max-width: 750px;

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

                gap: 30px;
            }

            .contact-info-card,
            .contact-info-card.address-card {
                min-height: 300px;
            }

        }



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

            .contact-info-section {
                padding: 40px 20px;
            }

            .contact-info-container {
                max-width: 430px;

                grid-template-columns: 1fr;

                gap: 25px;
            }

            .contact-info-card,
            .contact-info-card.address-card {
                min-height: auto;

                padding: 28px 25px 30px;
            }

            .contact-info-card h3 {
                font-size: 23px;
            }

            .contact-card-content {
                font-size: 15px;
            }


            /* Mobile me thoda kam distance */
            .contact-icon-row,
            .contact-info-card h3,
            .contact-card-content {

                transform: translateY(45px);
            }

            .contact-info-section.contact-show
            .contact-icon-row,

            .contact-info-section.contact-show
            .contact-info-card h3,

            .contact-info-section.contact-show
            .contact-card-content {

                transform: translateY(0);
            }

        }



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

            .contact-info-section {
                padding: 30px 15px;
            }

            .contact-info-card {
                padding: 25px 18px;
            }

            .contact-icon-line {
                max-width: 80px;
            }

            .contact-card-content {
                font-size: 14px;

                line-height: 1.8;
            }

            .contact-info-card h3 {
                font-size: 21px;
            }

        }



        /* ==============================
           REDUCE MOTION ACCESSIBILITY
        ============================== */
        @media (prefers-reduced-motion: reduce) {

            .contact-icon-row,
            .contact-info-card h3,
            .contact-card-content {

                opacity: 1;

                transform: none;

                transition: none;
            }

        }

















 /* ==============================
           RESET
        ============================== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html,
        body {
            width: 100%;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: Arial, Helvetica, sans-serif;
            background: #ffffff;
            overflow-x: hidden;
        }


        /* ==============================
           MAP SECTION
        ============================== */
        .gv-map-section {
            width: 100%;
            position: relative;
            overflow: hidden;
            background: #eeeeee;
            margin-bottom: 10px;
        }

        .gv-map-container {
            width: 100%;
            height: 456px;
            position: relative;
            overflow: hidden;
        }

        .gv-map-container iframe {
            display: block;
            width: 100%;
            height: 100%;
            border: 0;
            margin: 0;
            padding: 0;
        }


        /* ==============================
           TABLET
        ============================== */
        @media (max-width: 991px) {

            .gv-map-container {
                height: 420px;
            }

        }


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

            .gv-map-container {
                height: 380px;
            }

        }


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

            .gv-map-container {
                height: 350px;
            }

        }


        /* ==============================
           EXTRA SMALL MOBILE
        ============================== */
        @media (max-width: 360px) {

            .gv-map-container {
                height: 320px;
            }

        }












        /* =====================================
           RESET
        ====================================== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html,
        body {
            width: 100%;
        }

        body {
            font-family: Arial, Helvetica, sans-serif;
            background: #f4f4f4;
            color: #111111;
        }


        /* =====================================
           INQUIRY SECTION
        ====================================== */
        .inquiry-section {
            width: 100%;
            min-height: 550px;

            background: #f4f4f4;

            padding: 84px  10px;
            padding-bottom:90px;
        }


        .inquiry-container {
            width: 100%;
            max-width: 900px;

            margin: 0 auto;
        }


        /* =====================================
           HEADING
        ====================================== */
        .inquiry-heading {
            text-align: center;

            margin-bottom: 60px;
        }

        .inquiry-heading h2 {
            margin: 0;

            font-size: 37px;
            line-height: 1.2;

            font-weight: 400;
                letter-spacing: 1px;

            color: #111111;
        }


        /* =====================================
           FORM
        ====================================== */
        .inquiry-form {
            width: 100%;
        }


        /* FULL WIDTH FIELD */
        .inquiry-field {
            width: 100%;

            margin-bottom: 28px;
        }


        /* TWO COLUMN ROW */
        .inquiry-row {
            width: 100%;

            display: grid;

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

            gap: 28px;

            margin-bottom: 28px;
        }


        /* =====================================
           INPUTS
        ====================================== */
        .inquiry-input,
        .inquiry-textarea {
            width: 100%;

            border: 1px solid #d0d0d0;

            background: transparent;

            color: #555555;

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

            font-size: 14px;

            outline: none;

            border-radius: 0;

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


        .inquiry-input {
            height: 50px;

            padding: 0 16px;
        }


        .inquiry-textarea {
            min-height: 150px;

            padding: 16px;

            resize: vertical;

            display: block;
        }


        /* PLACEHOLDER */
        .inquiry-input::placeholder,
        .inquiry-textarea::placeholder {
            color: #727272;

            opacity: 1;
        }


        /* FOCUS */
        .inquiry-input:focus,
        .inquiry-textarea:focus {
            /* border-color: #0561ad; */

            background: #ffffff;
        }


        /* =====================================
           BUTTON AREA
        ====================================== */
        .inquiry-button-wrap {
            width: 100%;

            display: flex;

            justify-content: flex-end;

            margin-top: 0px;
        }


        .inquiry-submit-btn {
            min-width: 213px;

            height: 45px;

            padding: 0 20px;

            border: none;

            background: #0561ad;

            color: #ffffff;

            font-size: 18px;

            font-weight: 600;

            letter-spacing: 2px;

            text-transform: uppercase;

            cursor: pointer;

            transition:
                background 0.25s ease,
                transform 0.25s ease;
        }


        .inquiry-submit-btn:hover {
            background: #034c8b;

            transform: translateY(-2px);
        }


        /* =====================================
           TABLET
        ====================================== */
        @media (max-width: 991px) {

            .inquiry-section {
                padding:
                    65px 30px 25px;
            }

            .inquiry-heading {
                margin-bottom: 50px;
            }

            .inquiry-heading h2 {
                font-size: 34px;
            }

        }


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

            .inquiry-section {
                min-height: auto;

                padding:
                    50px 20px 40px;
            }


            .inquiry-heading {
                margin-bottom: 38px;
            }


            .inquiry-heading h2 {
                font-size: 30px;
            }


            .inquiry-row {
                grid-template-columns: 1fr;

                gap: 20px;

                margin-bottom: 20px;
            }


            .inquiry-field {
                margin-bottom: 20px;
            }


            .inquiry-input {
                height: 50px;
            }


            .inquiry-textarea {
                min-height: 140px;
            }


            .inquiry-button-wrap {
                margin-top: 12px;
            }


            .inquiry-submit-btn {
                min-width: 190px;

                height: 45px;

                font-size: 16px;
            }

        }


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

            .inquiry-section {
                padding:
                    40px 15px 30px;
            }


            .inquiry-heading {
                margin-bottom: 32px;
            }


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


            .inquiry-input {
                padding: 0 14px;

                font-size: 14px;
            }


            .inquiry-textarea {
                padding: 14px;

                font-size: 14px;

                min-height: 135px;
            }


            .inquiry-button-wrap {
                justify-content: stretch;
            }


            .inquiry-submit-btn {
                width: 100%;

                min-width: 0;

                font-size: 16px;
            }

        }




















/* Product css */


 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, Helvetica, sans-serif;
            background: #ffffff;
            color: #000000;
            overflow-x: hidden;
        }

        /* ==========================
           MAIN SECTION
        ========================== */
        .cnc1325-section {
            width: 100%;
            padding: 0 20px 60px;
        }

        .cnc1325-container {
            width: 100%;
            max-width: 1088px;
            margin: 0 auto;
        }

        /* ==========================
           ONLY THIS BOX HAS ANIMATION
        ========================== */
        .cnc1325-heading-box {
            width: 720px;
            max-width: 100%;
            min-height: 120px;
            background: #f1f1f1;

            display: flex;
            align-items: flex-start;

            padding: 32px 50px;
            margin-bottom: 32px;

            /* Initial Animation Position */
            opacity: 0;
            transform: translateY(-100px);

            transition:
                transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.9s ease;
        }

        .cnc1325-heading-box.cnc1325-heading-show {
            opacity: 1;
            transform: translateY(0);
        }

        .cnc1325-heading-box h2 {
            font-size: 24px;
            line-height: 1.8em;
            font-weight: 700;
            color: #000;
            letter-spacing: 0.2px;
        }

        /* ==========================
           CONTENT
           NO ANIMATION
        ========================== */
        .cnc1325-content {
            display: grid;
            grid-template-columns: 511px 1fr;
            gap: 59px;
            align-items: flex-start;
        }

        /* ==========================
           IMAGE
        ========================== */
        .cnc1325-image-box {
            width: 100%;
            min-height: 425px;

            background: #ffffff;

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

           box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            overflow: hidden;
        }
        .cnc1325-image-box:hover{
            box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
        }

        .cnc1325-image-box img {
            width: 100%;
            height: 510px;
            object-fit: contain;
            display: block;
            transition: box-shadow 300ms ease 0ms;
        }

        /* ==========================
           RIGHT CONTENT
        ========================== */
        .cnc1325-text-box {
            width: 100%;
            padding-top: 8px;
        }

        .cnc1325-product-title {
            color: #f25435;
            font-size: 24px;
            line-height: 1.3;
            font-weight: 700;
            margin-bottom: 16px;
        }

        .cnc1325-text-box p {
            font-size: 16px;
            line-height: 1.8em;
            color: #000;
            margin-bottom: 17px;
            text-align: justify;
        }

        .cnc1325-text-box strong {
            font-weight: 700;
        }

        .cnc1325-feature-title {
            font-size: 16px;
            line-height: 1.8em;
            font-weight: 700;
            margin-top: 12px;
            margin-bottom: 15px;
        }

        .cnc1325-feature-list {
            list-style: none;
        }

        .cnc1325-feature-list li {
            position: relative;
            padding-left: 14px;
            font-size: 16px;
            line-height: 1.8em;
            margin-bottom: 7px;
        }

        .cnc1325-feature-list li::before {
            content: "•";
            position: absolute;
            left: 0;
            top: 0;
            font-weight: 700;
        }

        /* ==========================
           TABLET
        ========================== */
        @media (max-width: 1100px) {

            .cnc1325-container {
                max-width: 940px;
            }

            .cnc1325-content {
                grid-template-columns: minmax(380px, 1fr) 1fr;
                gap: 42px;
            }

            .cnc1325-image-box,
            .cnc1325-image-box img {
                min-height: 390px;
                height: 390px;
            }

            .cnc1325-text-box p {
                font-size: 16px;
            }
        }

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

            .cnc1325-section {
                padding: 20px 25px 50px;
            }

            .cnc1325-heading-box {
                width: 100%;
                min-height: auto;
                padding: 25px 30px;
                margin-bottom: 30px;
            }

            .cnc1325-heading-box h2 {
                font-size: 23px;
            }

            .cnc1325-content {
                grid-template-columns: 1fr;
                gap: 35px;
            }

            .cnc1325-image-box {
                max-width: 600px;
                min-height: auto;
                margin: 0 auto;
            }

            .cnc1325-image-box img {
                height: auto;
                min-height: auto;
                aspect-ratio: 1.2 / 1;
                object-fit: contain;
            }

            .cnc1325-text-box {
                padding-top: 0;
            }
        }

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

            .cnc1325-section {
                padding: 15px 15px 40px;
            }

            .cnc1325-heading-box {
                padding: 20px;
                margin-bottom: 25px;
            }

            .cnc1325-heading-box h2 {
                font-size: 20px;
            }

            .cnc1325-content {
                gap: 28px;
            }

            .cnc1325-product-title {
                font-size: 21px;
            }

            .cnc1325-text-box p {
                font-size: 15px;
                line-height: 1.7;
                text-align: left;
            }

            .cnc1325-feature-list li {
                font-size: 15px;
            }
        }

        /* Reduced Motion */
        @media (prefers-reduced-motion: reduce) {
            .cnc1325-heading-box {
                opacity: 1;
                transform: none;
                transition: none;
            }
        }













/* ==========================================
           RESET
        ========================================== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, Helvetica, sans-serif;
            background: #ffffff;
            color: #000000;
        }


        /* ==========================================
           SPECIFICATION SECTION
        ========================================== */
        .machine-spec-section {
            width: 100%;
            padding: 0px 20px;
            background: #ffffff;
            padding-bottom: 86px;
        }


        /* Same desktop width like reference */
        .machine-spec-container {
            width: 100%;
            max-width: 1080px;
            margin: 0 auto;
        }


        /* ==========================================
           RESPONSIVE TABLE WRAPPER
        ========================================== */
        .machine-spec-table-wrap {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }


        /* ==========================================
           TABLE
        ========================================== */
        .machine-spec-table {
            width: 100%;
            min-width: 900px;

            border-collapse: collapse;
            table-layout: fixed;

            background: #ffffff;

            border: 1px solid #000000;
        }


        /* Column Widths */
        .machine-spec-table col:nth-child(1) {
            width: 24%;
        }

        .machine-spec-table col:nth-child(2) {
            width: 16.2%;
        }

        .machine-spec-table col:nth-child(3) {
            width: 59.8%;
        }


        /* ==========================================
           HEADER
        ========================================== */
        .machine-spec-table thead th {
            background: #0b5fab;
            color: #ffffff;
            letter-spacing: 1px;
            font-size: 15px;
            font-weight: 700;

            text-align: left;
            vertical-align: middle;

            padding: 14px 24px;

            height: 49px;

            border: 1px solid #000000;
        }


        /* ==========================================
           BODY
        ========================================== */
        .machine-spec-table tbody td {
            font-size: 16px;
            font-weight: 400;

            line-height: 1.25;

            text-align: left;
            vertical-align: middle;

            color: #000000;
            background: #ffffff;

            padding: 10px 24px;

            min-height: 42px;

            border: 1px solid #000000;
        }


        /* Slightly reduced spacing for unit column */
        .machine-spec-table tbody td:nth-child(2) {
            padding-left: 24px;
            padding-right: 15px;
        }


        /* ==========================================
           SCROLLBAR
        ========================================== */
        .machine-spec-table-wrap::-webkit-scrollbar {
            height: 7px;
        }

        .machine-spec-table-wrap::-webkit-scrollbar-track {
            background: #eeeeee;
        }

        .machine-spec-table-wrap::-webkit-scrollbar-thumb {
            background: #0b5fab;
            border-radius: 10px;
        }


        /* ==========================================
           TABLET
        ========================================== */
        @media (max-width: 991px) {

            .machine-spec-section {
                padding: 25px 15px;
            }

            .machine-spec-table thead th {
                font-size: 15px;
                padding: 13px 18px;
            }

            .machine-spec-table tbody td {
                font-size: 15px;
                padding: 10px 18px;
            }

        }


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

            .machine-spec-section {
                padding: 20px 12px;
            }

            .machine-spec-table {
                min-width: 760px;
            }

            .machine-spec-table thead th {
                font-size: 14px;
                padding: 12px 15px;
            }

            .machine-spec-table tbody td {
                font-size: 14px;
                padding: 10px 15px;
            }

        }


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

            .machine-spec-section {
                padding: 15px 10px;
            }

            .machine-spec-table {
                min-width: 700px;
            }

            .machine-spec-table thead th {
                font-size: 13px;
                padding: 11px 12px;
            }

            .machine-spec-table tbody td {
                font-size: 13px;
                padding: 9px 12px;
            }

        }