*{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:Arial,sans-serif;background:#fff;color:#111;line-height:1.5}
    a{text-decoration:none;color:inherit}
    img{width:100%;display:block}
    .container{max-width:1450px;margin:auto;padding:0 55px}

    header{background:#151515;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.25)}
    .nav{height:78px;display:flex;justify-content:space-between;align-items:center}
    .logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:24px}
    .logo-box{width:42px;height:42px;border:2px solid #c99a45;color:#c99a45;display:flex;align-items:center;justify-content:center;font-weight:900}
    .logo small{display:block;color:#c99a45;font-size:11px;letter-spacing:1px;margin-top:-5px}
    .menu{display:flex;gap:28px;font-weight:700;font-size:15px}
    .menu a:hover{color:#c99a45}
    .phone-btn{background:#c99a45;color:#fff;padding:15px 25px;border-radius:5px;font-weight:800}

    .hero-slider{position:relative;height:calc(100vh - 78px);min-height:620px;overflow:hidden;background:#111}
    .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s ease}
    .slide.active{opacity:1;visibility:visible}
    .slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 7s ease}
    .slide.active img{transform:scale(1)}
    .hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.42),rgba(0,0,0,.18))}
    .hero-text{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}
    .hero-small{width:max-content;max-width:90%;padding:12px 24px;border:1px solid rgba(255,255,255,.7);border-radius:50px;font-weight:800;font-size:20px;margin-bottom:28px;opacity:0;transform:translateY(25px)}
    .hero-text h1{max-width:860px;font-size:clamp(42px,5vw,72px);line-height:1.12;margin-bottom:22px;text-shadow:0 6px 20px rgba(0,0,0,.45);opacity:0;transform:translateY(35px)}
    .hero-text p{max-width:720px;font-size:21px;line-height:1.6;color:rgba(255,255,255,.92);opacity:0;transform:translateY(35px)}
    .hero-line-one{margin-bottom:12px}
    .hero-line-two{margin-bottom:34px;color:rgba(255,255,255,.82)!important}
    .hero-buttons{display:flex;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(35px)}
    .hero-line-one,
    .hero-line-two{
      opacity:0;
      transform:translateY(35px);
    }

    .slide.active .hero-small{animation:heroFadeUp .7s ease forwards .25s}
    .slide.active .hero-text h1{animation:heroFadeUp .8s ease forwards .45s}
    .slide.active .hero-line-one{animation:heroFadeUp .8s ease forwards .65s}
    .slide.active .hero-line-two{animation:heroFadeUp .8s ease forwards .88s}
    .slide.active .hero-buttons{animation:heroFadeUp .8s ease forwards 1.12s}
    @keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}

    .btn{padding:15px 28px;border-radius:5px;font-weight:800;cursor:pointer;display:inline-block;border:none}
    .btn-gold{background:#c99a45;color:#fff}
    .btn-dark{background:#111;color:#fff}
    .btn-outline{border:1px solid #fff;color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(5px)}
    .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:40px;cursor:pointer;z-index:5}
    .slider-arrow:hover{background:#c99a45}
    .slider-arrow.left{left:25px}.slider-arrow.right{right:25px}
    .slider-dots{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:12px;z-index:6}
    .dot{width:13px;height:13px;border-radius:50%;border:1px solid #fff;background:transparent;cursor:pointer}
    .dot.active{background:#c99a45;border-color:#c99a45}

    section{padding:70px 0}
    .why-wrapper{padding:10px 0 120px;background:#fff;}
    .section-title{margin-bottom:28px}
    .section-title h2{font-size:36px;margin-bottom:8px}
    .section-title p{color:#666;max-width:760px}
    .gold-line{width:42px;height:3px;background:#c99a45;margin-top:12px}
    .center-title{text-align:center;max-width:800px;margin:0 auto 45px}
    .center-title .gold-line{margin:18px auto 0}
    .small-title{color:#c99a45;font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:13px}

    .main-area{display:grid;grid-template-columns:1.25fr .95fr;gap:55px;align-items:start}
    .tabs{display:flex;gap:14px;margin-bottom:25px;flex-wrap:wrap}
    .tabs button{padding:13px 24px;border:1px solid #ddd;background:#fff;border-radius:4px;font-weight:800;cursor:pointer}
    .tabs button.active{background:#111;color:#fff;border-color:#111}
    .project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .project-card{cursor:pointer;transition:.25s;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.06)}
    .project-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(0,0,0,.13)}
    .project-card img{height:165px;object-fit:cover}
    .project-card div{padding:15px}
    .project-card h3{font-size:17px;margin-bottom:5px}
    .project-card p{color:#555;font-size:14px}
    .badge{display:inline-block;background:#c99a45;color:#fff;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:800;margin-bottom:9px}

    .contact-panel{display:grid;grid-template-columns:1fr .8fr;background:#171717;color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.18)}
    .form-box{padding:38px}
    .form-box h2{font-size:28px;margin-bottom:12px}
    .form-box p{color:#ddd;margin-bottom:25px}
    input,select,textarea{width:100%;padding:15px;margin-bottom:14px;background:#202020;border:1px solid #444;color:#fff;border-radius:4px;font-size:14px}
    textarea{height:95px;resize:none}
    .form-img{background:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=1000&auto=format&fit=crop");background-size:cover;background-position:center}

    .trust-row{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#eee;border-radius:8px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.07)}
    .trust-box{background:#fff;padding:24px;text-align:center}
    .trust-box h4{font-size:15px;margin-bottom:5px}
    .trust-box p{font-size:13px;color:#666}

    .services{background:#f7f7f7}
    .service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
    .service-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #eee;box-shadow:0 8px 22px rgba(0,0,0,.06);cursor:pointer;transition:.35s}
    .service-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,.13)}
    .service-card img{height:220px;object-fit:cover;transition:.45s}
    .service-card:hover img{transform:scale(1.06)}
    .service-content{padding:24px;position:relative}
    .service-number{position:absolute;top:-32px;right:22px;background:#c99a45;color:#fff;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;border:4px solid #fff}
    .service-content h3{font-size:21px;margin-bottom:10px}
    .service-content p{color:#666;font-size:15px}

    .gallery-section{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .gallery-section img{height:280px;object-fit:cover;border-radius:12px;cursor:pointer;transition:.35s}
    .gallery-section img:hover{transform:scale(1.03);box-shadow:0 18px 35px rgba(0,0,0,.15)}

    .videos-section{background:#111;color:#fff}
    .videos-section p{color:#bbb}
    .video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
    .video-card{background:#1c1c1c;border-radius:14px;overflow:hidden;border:1px solid #333}
    .video-thumb{position:relative;overflow:hidden}
    .video-thumb img{height:260px;object-fit:cover;opacity:.85;transition:.4s}
    .video-card:hover img{transform:scale(1.08);opacity:.65}
    .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background:#c99a45;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px}

    .video-card{cursor:pointer;transition:.3s}
    .video-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(0,0,0,.25)}
    .video-modal-box{background:#050505;max-width:1050px;width:100%;padding:16px;border-radius:10px;position:relative}
    .video-frame{width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
    .video-frame iframe,.video-frame video{width:100%;height:100%;border:0;display:block}


    .contact-hours{
      background:#121c3a;
      color:#fff;
      padding:70px 0;
    }
    .contact-hours-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:70px;
      align-items:start;
    }
    .contact-hours h2{
      font-size:34px;
      margin-bottom:35px;
      font-family:Georgia,serif;
    }
    .contact-info-list strong{
      display:block;
      font-size:22px;
      margin-bottom:8px;
      color:#fff;
    }
    .contact-info-list p{
      color:#e7ecff;
      font-size:19px;
      font-weight:700;
      margin-bottom:28px;
      line-height:1.55;
    }
    .hours-row{
      display:grid;
      grid-template-columns:1fr auto;
      gap:30px;
      padding:15px 0;
      border-bottom:1px dashed rgba(255,255,255,.6);
      font-size:20px;
    }
    .hours-row span:first-child{
      color:#e7ecff;
    }
    .hours-row span:last-child{
      font-weight:800;
      color:#fff;
    }

    .testimonials{background:#f7f7f7}
    .testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
    .testimonial-visual{
      min-height:440px;
      border-radius:16px;
      overflow:hidden;
      background:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=1200&auto=format&fit=crop");
      background-size:cover;
      background-position:center;
      position:relative;
      box-shadow:0 18px 40px rgba(0,0,0,.14);
    }
    .testimonial-visual::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.12));
    }
    .testimonial-visual-text{
      position:absolute;
      left:30px;
      right:30px;
      bottom:30px;
      color:#fff;
      z-index:2;
    }
    .testimonial-visual-text h3{font-size:32px;margin-bottom:8px}
    .testimonial-visual-text p{color:#eee}
    .review-list{display:grid;gap:18px}
    .review-card{
      background:#fff;
      padding:26px;
      border-radius:14px;
      border:1px solid #eee;
      box-shadow:0 8px 22px rgba(0,0,0,.06);
    }
    .stars{color:#c99a45;font-size:20px;margin-bottom:10px;letter-spacing:2px}
    .review-card p{color:#555;margin-bottom:16px}
    .review-card strong{display:block;color:#111}
    .review-card span{font-size:13px;color:#777}

    .video-card h3{padding:22px 22px 6px}
    .video-card p{padding:0 22px 24px;font-size:14px}

    .modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:none;align-items:center;justify-content:center;z-index:9999;padding:30px}
    .modal.active{display:flex}
    .modal-content{background:#fff;max-width:1350px;width:100%;max-height:90vh;overflow:auto;display:grid;grid-template-columns:2fr .9fr;gap:35px;padding:30px;position:relative}
    .close{position:absolute;top:12px;right:20px;font-size:36px;cursor:pointer;font-weight:bold;z-index:2}

    .detail-gallery-wrap{
      position:relative;
      min-height:560px;
    }
    .modal-gallery{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:18px;
    }
    .detail-image-nav{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      width:52px;
      height:52px;
      border:none;
      background:rgba(0,0,0,.58);
      color:#fff;
      font-size:34px;
      border-radius:50%;
      cursor:pointer;
      z-index:5;
    }
    .detail-image-nav:hover{background:#c99a45}
    .detail-image-nav.left{left:12px}
    .detail-image-nav.right{right:12px}

    .modal-gallery img{height:255px;object-fit:cover;border-radius:5px}
    .detail-card{background:#eef1f2;padding:28px}
    .detail-card h3{margin-bottom:10px}
    .detail-card p{color:#455;margin-bottom:18px}
    .detail-card hr{border:none;border-top:1px solid #ccd1d3;margin:18px 0}
    .description{margin-top:28px}
    .description p{color:#555;margin-top:10px}
    iframe{width:100%;height:230px;border:0;margin-top:15px}

    footer{background:#111;color:#aaa;text-align:center;padding:30px}
    .whatsapp{position:fixed;right:25px;bottom:25px;background:#25D366;color:#fff;padding:15px 22px;border-radius:50px;font-weight:800;z-index:5000}

    .image-nav{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      width:55px;
      height:55px;
      border:none;
      background:rgba(0,0,0,.55);
      color:#fff;
      font-size:34px;
      cursor:pointer;
      border-radius:50%;
      z-index:5;
    }
    .image-nav:hover{background:#c99a45}
    .image-nav.left{left:20px}
    .image-nav.right{right:20px}



    .hero-text-simple{
      justify-content:center;
      align-items:flex-start;
      padding-left:95px;
      padding-top:40px;
    }

    .hero-text-simple h1{
      max-width:900px;
      font-size:clamp(38px,4.4vw,64px);
      line-height:1.15;
      margin-bottom:22px;
      color:#fff;
      text-shadow:0 4px 12px rgba(0,0,0,.75);
      opacity:0;
      transform:translateY(34px);
    }

    .hero-image-desc{
      max-width:760px;
      font-size:22px;
      line-height:1.55;
      margin-bottom:30px;
      color:rgba(255,255,255,.95)!important;
      text-shadow:0 3px 10px rgba(0,0,0,.65);
      opacity:0;
      transform:translateY(32px);
    }

    .slide.active .hero-text-simple h1{
      animation:heroFadeUp .85s ease forwards .75s;
    }

    .slide.active .hero-image-desc{
      animation:heroFadeUp .85s ease forwards 1.05s;
    }

    .slide.active .hero-buttons{
      animation:heroFadeUp .85s ease forwards 1.35s;
    }

    .hero-text-simple .btn-gold{
      padding:17px 34px;
      font-size:17px;
      box-shadow:0 12px 28px rgba(0,0,0,.25);
    }

    @media(max-width:760px){
      .hero-text-simple{
        padding-left:20px;
        padding-top:20px;
      }

      .hero-text-simple h1{
        font-size:34px;
      }

      .hero-image-desc{
        font-size:17px;
      }
    }

    

    

  
    /* FINAL CLEAN HEADER */
    header{
      background:#151515;
      color:#fff;
      position:sticky;
      top:0;
      z-index:1000;
      box-shadow:0 4px 20px rgba(0,0,0,.25);
    }

    .nav{
      height:78px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:24px;
    }

    .menu{
      display:flex;
      align-items:center;
      gap:24px;
      font-weight:700;
      font-size:15px;
      flex:1;
      justify-content:center;
    }

    .header-right{
      display:flex;
      align-items:center;
      gap:14px;
      flex-shrink:0;
    }

    .top-contact-info{
      display:flex;
      align-items:center;
      gap:18px;
      background:linear-gradient(135deg,#c99a45,#d9ad57);
      padding:11px 18px;
      border-radius:10px;
      box-shadow:0 8px 22px rgba(0,0,0,.22);
      white-space:nowrap;
    }

    .top-contact-info a{
      display:flex;
      align-items:center;
      gap:7px;
      color:#fff;
      text-decoration:none;
      font-size:14px;
      font-weight:800;
      line-height:1;
    }

    .top-contact-info a:hover{
      color:#08142f;
    }

    .contact-icon{
      width:19px;
      height:19px;
      border-radius:50%;
      background:rgba(255,255,255,.24);
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:11px;
      flex:0 0 19px;
    }

    .language-switcher{
      display:flex;
      align-items:center;
      gap:8px;
      flex-shrink:0;
    }

    .lang-btn{
      border:1px solid rgba(255,255,255,.18);
      background:rgba(255,255,255,.07);
      color:#f4d28c;
      padding:8px 10px;
      border-radius:10px;
      font-size:13px;
      font-weight:800;
      cursor:pointer;
      transition:.3s;
      white-space:nowrap;
    }

    .lang-btn:hover,
    .lang-btn.active{
      background:#c99a45;
      color:#08142f;
      transform:translateY(-2px);
    }

    @media(max-width:1280px){
      .container{padding:0 35px}
      .menu{gap:16px;font-size:14px}
      .top-contact-info{gap:12px;padding:10px 14px}
      .top-contact-info a{font-size:13px}
    }

    @media(max-width:1050px){
      .top-contact-info{
        display:none;
      }

      .menu{
        justify-content:flex-end;
      }
    }

    @media(max-width:760px){
      .menu{
        display:none;
      }

      .language-switcher{
        margin-left:auto;
      }
    }

  
    /* FINAL HERO TEXT VISIBILITY FIX */
    .hero-slider .slide{
      position:absolute;
      inset:0;
      overflow:hidden;
    }

    .hero-slider .slide img{
      position:absolute !important;
      inset:0 !important;
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      z-index:1 !important;
    }

    .hero-slider .hero-overlay{
      position:absolute !important;
      inset:0 !important;
      z-index:2 !important;
      background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.42),rgba(0,0,0,.12)) !important;
    }

    .hero-slider .hero-text-simple{
      position:absolute !important;
      inset:0 !important;
      z-index:50 !important;
      height:100% !important;
      display:flex !important;
      flex-direction:column !important;
      justify-content:center !important;
      align-items:flex-start !important;
      padding-left:95px !important;
      padding-top:40px !important;
      color:#fff !important;
      pointer-events:auto !important;
    }

    .hero-slider .hero-text-simple h1{
      max-width:900px !important;
      font-size:clamp(38px,4.4vw,64px) !important;
      line-height:1.15 !important;
      margin-bottom:22px !important;
      color:#fff !important;
      text-shadow:0 4px 16px rgba(0,0,0,.9) !important;
      opacity:0;
      transform:translateY(35px);
      position:relative !important;
      z-index:60 !important;
    }

    .hero-slider .hero-text-simple .hero-image-desc{
      max-width:760px !important;
      font-size:22px !important;
      line-height:1.55 !important;
      margin-bottom:30px !important;
      color:rgba(255,255,255,.96) !important;
      text-shadow:0 3px 12px rgba(0,0,0,.85) !important;
      opacity:0;
      transform:translateY(35px);
      position:relative !important;
      z-index:60 !important;
    }

    .hero-slider .hero-text-simple .hero-buttons{
      opacity:0;
      transform:translateY(35px);
      position:relative !important;
      z-index:60 !important;
      display:flex !important;
    }

    .hero-slider .slide.active .hero-text-simple h1{
      animation:heroTextShowFinal .8s ease forwards .65s !important;
    }

    .hero-slider .slide.active .hero-text-simple .hero-image-desc{
      animation:heroTextShowFinal .8s ease forwards 1.05s !important;
    }

    .hero-slider .slide.active .hero-text-simple .hero-buttons{
      animation:heroTextShowFinal .8s ease forwards 1.45s !important;
    }

    @keyframes heroTextShowFinal{
      from{
        opacity:0;
        transform:translateY(35px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    @media(max-width:760px){
      .hero-slider .hero-text-simple{
        padding-left:20px !important;
        padding-right:20px !important;
      }

      .hero-slider .hero-text-simple h1{
        font-size:34px !important;
      }

      .hero-slider .hero-text-simple .hero-image-desc{
        font-size:17px !important;
      }
    }