/* index css */
    /* fonts */
    .font-lato { font-family: 'Lato', sans-serif; }
    .SairaStencilOne { font-family: 'Saira Stencil One'; }

    /* responsive hex image sizes */
    @media (max-width: 1023px) { .hex-img { width: 12rem !important; } }
    @media (min-width: 1024px) { .hex-img { width: 23rem !important; } }

    /* slider */
    .slider-wrapper { max-width: 95%; margin: 0 auto; overflow: hidden; }
    #testimonialSlider { display: flex; transition: transform 0.5s ease-in-out; }
    .testimonial-slide { flex: 0 0 100%; display: flex; justify-content: center; }

    /* menu / sidebar */
    .menu-btn, .close-btn { font-size: 24px; cursor: pointer; background: none; border: none; color: black; }
    .sidebar { transform: translateX(100%); transition: transform 0.4s ease-in-out; }
    .sidebar.open { transform: translateX(0); }
    .menu-btn { transition: transform 0.4s ease-in-out; }
    .menu-btn.move-left { transform: translateX(-331px); }
    .close-btn { opacity: 0; pointer-events: none; transition: opacity 0.4s ease; }
    .close-btn.show { opacity: 1; pointer-events: all; }

    /* Background images moved from inline -> internal */
    .hero-bg {
      background-image: url('image/Rectangle63.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    .home-bg {
      background-image: url('image/home1bg.jpg');
      background-size: cover;
      background-position: 5% center;
      clip-path: polygon(23% 0%, 100% 0%, 100% 100%, 75% 100%, 23% 100%, 0% 50%);
      z-index: 1;
    }

    .our-upvc-services-desktop {
      background: linear-gradient(180deg, #00335B 0%, #328290 50.01%, #46B7CB 98.45%);
      background-image: url('image/OUR UPVC SERVICES.png');
      background-repeat: no-repeat;
      background-position: top;
      background-size: 100% auto;
    }

    .third-product-desktop {
      background-image: url('image/3rd product.png');
      background-position: top right;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .third-product-mobile {
      background-image: url('image/Frame 181.png');
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }
    .third-product-contain {background: linear-gradient(-270deg, #46B7CB 0%, #328290 13.05%, #003566 99.23%)}

    .brands-bg {
      background-image: url('image/brands.png');
      background-position: right;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .brands-gradient {
      background: linear-gradient(-270deg, #012A59 8.36%, #328290 89.53%, #46B7CB 99.67%);
    }

    .about-right-gradient {
      background: linear-gradient(-270deg, #46B7CB 0%, #328290 15.5%, #00335B 97.41%);
    }

    .gallery-desktop { background-image: url('image/ourgallary.png'); background-position: top center; background-repeat: no-repeat; background-size: 100% 100%; }
    .gallery-mobile { background-image: url('image/Frame 182.png'); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; }

    .testimonial-desktop { background-image: url('image/OUR TESTIMONIALS.png'); background-size: cover; background-position: center; background-repeat: no-repeat; }
    .testimonial-mobile { background-image: url('image/Frame 180.png'); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; }
    .gallary-image {max-width:1400px;}
    .swipper{min-height: 220px;}
    
    /* small helpers */
    .max-w-1400 { max-width: 1400px; }
    .min-h-973 { min-height: 973px; }

    /* image utility if explicit inline sizes were used */
    .img-large { width: 780px; max-width: 100%; height: auto; }
    
    .GermanTecFabricator1{ position: absolute; left: 0; bottom: 0; width: 100%;  z-index: 1; pointer-events: none;}
    .GermanTecFabricator2{position: absolute; left: 0; bottom: 0; width: 100%;  z-index: 1; pointer-events: none;}

     .aboutrightside {background: linear-gradient(270deg, #46B7CB 0%, #328290 15.5%, #00335B 97.41%);}
     .Exploreourjourney  {font-family: 'Dancing Script', cursive; } 

      .AtGERMENTECH {background: linear-gradient(-270deg, #012A59 8.36%, #328290 89.53%, #46B7CB 99.67%);}




/* about us page */

.aboutus{background: url('image/about us page about us.png') left top/100% 900px no-repeat;}
.aboutuscontain{background: linear-gradient(270deg, #46B7CB 0%, #328290 15.5%, #00335B 97.41%); min-width: 0;}

 
    /* Default (Desktop / Tablet) */
            .bg-change {
                background-image: url('image/1stproduct.png');
            }

            /* Mobile (max-width: 640px) */
            @media (max-width: 640px) {
                .bg-change {
                    background-image: url('image/1st-product.png') !important;
                }
            }

@media (max-width: 640px) {
            section.process-bg {
                background: url('image/Frame 187.png') center top/cover no-repeat !important;
            }
        }
          @media (min-width: 1024px) and (max-width: 1440px) {
            .main-wrapper {
                width: 1200px !important;
                margin: 0 auto !important;
                min-width: 1200px !important;
                max-width: 1200px !important;
            }
        }
        @media (max-width: 1023px) {
            .process-bg {
                background-size: 230% !important;
            }
        }
        @media (min-width: 1024px) {
            .process-bg {
                background-size: 180% !important;
            }
        }
 @media (min-width: 320px) {
            .process-bg {
              background: 100% 100%;
            }
        }

         .sidebar {
      transform: translateX(100%);
      transition: transform 0.4s ease-in-out;
    }
    .sidebar.open {
      transform: translateX(0);
    }
.SairaStencilOne{
           font-family:  Saira Stencil One;
          
        }
    /* Open button slide effect */
    .menu-btn {
      transition: transform 0.4s ease-in-out;
    }
    .menu-btn.move-left {
      transform: translateX(-331px); /* Moves visibly to left */
    }

    /* Close button visibility */
    .close-btn {
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.4s ease;
    }
    .close-btn.show {
      opacity: 1;
      pointer-events: all;
    }

     @media (max-width: 640px) {
            div[style*="about us page about us.png"] {
                background: url('image/Frame 189.png') center top/cover no-repeat !important;
            }
        }

.AllumumwindowandDoor{background: #00335B; border-top-right-radius:110px; border-bottom-left-radius:110px}
.AllumumwindowandDoorright{font-weight:400; font-size:28px; line-height:1; letter-spacing:0; vertical-align:middle; width:441px; height:102px; opacity:1;}

/* contect us */
.contectcard{width: 1180px; border-top-left-radius:100px; border-bottom-right-radius:100px; background:#043357;}
.contectcontain{background-color:#5B7E97; box-shadow:4px 4px 4px 0px #00000040;}
    .contectiframe{aspect-ratio: 16/5} 
    
 /* windowsanddoor */
.windowsanddoor{background: linear-gradient(270deg, #00335B 0%, #328290 37.39%, #46B7CB 46.05%); }
  .EnhanceYourSpace{font-weight:400; ; line-height:1; letter-spacing:0; vertical-align:middle;opacity:1;}  
  .gallery-image {
      border-radius: 12px;
      box-shadow: 0 8px 32px rgba(26,82,118,0.25);
      border: 4px solid #1a5276;
      
    }
     .position{
        background-size: 100% 100%;
    } 
    /* footer */
     .footer{background: linear-gradient(180deg, #42AEC1 0%, #236A80 18.15%, #01355C 100%);}