*{margin:0;padding:0;box-sizing:border-box;}
    body{font-family: Arial, Helvetica, sans-serif;}

    .container{
      width: 1180px;
      max-width: calc(100% - 40px);
      margin: 0 auto;
    }

    .topbar{
      background:#0d2b52;
      color:#fff;
      font-size:13px;
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    .topbar-inner{
      min-height:38px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:8px 0;
    }

    .topbar-left,.topbar-right{
      display:flex;
      align-items:center;
      gap:18px;
      flex-wrap:wrap;
    }

    .topbar-left{
      color:rgba(255,255,255,.92);
      font-weight:500;
    }

    .topbar-right{
      justify-content:flex-end;
      margin-left:auto;
    }

    .topbar a{color:#fff;text-decoration:none;}
    .topbar-item{display:inline-flex;align-items:center;gap:8px;font-weight:600;}
    .topbar-sep{opacity:.35;}

    .header{
      background:#fff;
      border-bottom:1px solid #ececec;
      position:relative;
      z-index:100;
    }

    .header-inner{
      height:100px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
    }

    .logo a{display:flex;align-items:center;}
    .logo-img{height:52px;width:auto;object-fit:contain;}

    nav{flex:1;display:flex;justify-content:center;}

    .menu{
      list-style:none;
      display:flex;
      align-items:center;
      gap:34px;
    }

    .menu > li{position:relative;}

    .menu > li > a{
      text-decoration:none;
      color:#222;
      font-size:15px;
      font-weight:600;
      padding:32px 0;
      display:inline-block;
      transition:.25s;
    }

    .menu > li > a:hover{color:#0d2b52;}

    .dropdown{
      position:absolute;
      top:100%;
      left:0;
      min-width:220px;
      background:#fff;
      border:1px solid #e9e9e9;
      box-shadow:0 10px 24px rgba(0,0,0,.08);
      opacity:0;
      visibility:hidden;
      transform:translateY(10px);
      transition:.25s;
      list-style:none;
    }

    .dropdown li a{
      display:block;
      padding:12px 16px;
      color:#222;
      text-decoration:none;
      font-size:14px;
      border-bottom:1px solid #f3f3f3;
    }

    .dropdown li a:hover{
      background:#f8f8f8;
      color:#0d2b52;
    }

    .has-dropdown:hover .dropdown{
      opacity:1;
      visibility:visible;
      transform:translateY(0);
    }

    .cta{
      background:#0d2b52;
      color:#fff;
      text-decoration:none;
      padding:14px 24px;
      font-size:14px;
      font-weight:700;
      border-radius:2px;
      white-space:nowrap;
      transition:.25s;
    }

    .cta:hover{background:#133a6d;}

    .slider{width:100%;overflow:hidden;position:relative;}

    .slides{
      display:flex;
      width:1000%;
      animation:slide 40s infinite;
    }

    .slides img{
      width:10%;
      height:750px;
      object-fit:cover;
      flex-shrink:0;
    }

    @keyframes slide{
      0%{transform:translateX(0);}
      8%{transform:translateX(0);}
      10%{transform:translateX(-10%);}
      18%{transform:translateX(-10%);}
      20%{transform:translateX(-20%);}
      28%{transform:translateX(-20%);}
      30%{transform:translateX(-30%);}
      38%{transform:translateX(-30%);}
      40%{transform:translateX(-40%);}
      48%{transform:translateX(-40%);}
      50%{transform:translateX(-50%);}
      58%{transform:translateX(-50%);}
      60%{transform:translateX(-60%);}
      68%{transform:translateX(-60%);}
      70%{transform:translateX(-70%);}
      78%{transform:translateX(-70%);}
      80%{transform:translateX(-80%);}
      88%{transform:translateX(-80%);}
      90%{transform:translateX(-90%);}
      98%{transform:translateX(-90%);}
      100%{transform:translateX(0);}
    }

    .slider-overlay{
      position:absolute;
      inset:0;
      display:flex;
      align-items:center;
      justify-content:center;
      pointer-events:none;
      z-index:5;
    }

    .slider-overlay-content{
      text-align:center;
      color:#fff;
      text-shadow:0 2px 10px rgba(0,0,0,.45);
      padding:20px;
    }

    .slider-fixed-title{
      font-size:58px;
      font-weight:800;
      line-height:1.1;
      letter-spacing:1px;
      margin-bottom:14px;
    }

    .slider-changing-text{
      font-size:30px;
      font-weight:700;
      min-height:38px;
    }

    /* SADECE BU KISIM BÜYÜTÜLDÜ */
    .popup{
      position:fixed;
      top:0;
      right:-350px;
      width:350px;
      height:100%;
      background:#fff;
      box-shadow:-5px 0 15px rgba(0,0,0,0.2);
      transition:0.3s;
      z-index:999;
      display:flex;
    }

    .popup.active{
      right:0;
    }

    .popup-content{
      width:100%;
      padding:30px;
      display:flex;
      flex-direction:column;
      gap:15px;
      position:relative;
    }

    .popup-content input,
    .popup-content textarea{
      padding:10px;
      border:1px solid #ccc;
      width:100%;
      font-family:inherit;
      font-size:14px;
    }

    .popup-content textarea{
      min-height:120px;
      resize:vertical;
    }

    .popup-content button{
      background:#0d2b52;
      color:#fff;
      padding:12px;
      border:none;
      cursor:pointer;
      font-size:14px;
      font-weight:700;
    }

    .close{
      position:absolute;
      right:15px;
      top:8px;
      font-size:28px;
      cursor:pointer;
      line-height:1;
    }

    


    .about-section{
      padding:85px 0;
      background:#efefef;
    }

    .about-inner{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:78px;
      align-items:center;
    }

    .about-content{
      padding-left:18px;
    }

    .about-label{
      font-size:62px;
      line-height:1;
      font-weight:900;
      color:#000;
      margin-bottom:28px;
      text-transform:uppercase;
      letter-spacing:0;
    }

    .about-text{
      color:#202020;
      font-size:16px;
      line-height:1.45;
      margin-bottom:28px;
      max-width:640px;
      font-weight:500;
    }

    .about-button{
      display:inline-block;
      margin-top:10px;
      background:#f4c400;
      color:#000;
      text-decoration:none;
      padding:16px 32px;
      font-size:18px;
      font-weight:800;
      border-radius:4px;
      transition:.25s;
    }

    .about-button:hover{
      background:#e2b500;
    }

    .about-visual{
      min-height:585px;
      border-radius:14px;
      background:url('images/about/hakkimizda-gorsel.jpeg');
      background-size:cover;
      background-position:center;
    }

    .services-section{
      padding:90px 0;
      background:#f7f8fb;
    }

    .services-head{
      text-align:center;
      margin-bottom:42px;
    }

    .services-label{
      color:#0d2b52;
      font-size:14px;
      font-weight:800;
      letter-spacing:1.8px;
      margin-bottom:12px;
      text-transform:uppercase;
    }

    .services-title{
      font-size:40px;
      color:#111;
      font-weight:800;
      line-height:1.15;
    }

    .services-grid{
      display:grid;
      grid-template-columns:repeat(4, 1fr);
      gap:24px;
    }

    .service-card{
      position:relative;
      min-height:280px;
      border-radius:4px;
      overflow:hidden;
      box-shadow:0 14px 34px rgba(0,0,0,.12);
      background-size:100%;
      background-position:center;
      transition:transform .35s ease, box-shadow .35s ease, background-size .35s ease;
      transform:translateY(0);
    }

    .service-card::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.34) 42%, rgba(0,0,0,.10) 100%);
      transition:background .35s ease;
    }

    .service-content{
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      z-index:2;
      padding:22px 20px 20px;
      color:#fff;
      transition:transform .35s ease;
    }

    .service-name{
      font-size:22px;
      font-weight:800;
      line-height:1.2;
      margin-bottom:8px;
      text-transform:uppercase;
    }

    .service-text{
      font-size:14px;
      line-height:1.6;
      color:rgba(255,255,255,.95);
    }

    .service-card:hover{
      transform:scale(1.04);
      box-shadow:0 22px 42px rgba(0,0,0,.18);
      background-size:108%;
    }

    .service-card:hover::before{
      background:linear-gradient(to top, rgba(0,0,0,.86) 0%, rgba(0,0,0,.45) 42%, rgba(0,0,0,.16) 100%);
    }

    .service-card:hover .service-content{
      transform:translateY(-8px);
    }

    .experience-section{
      padding:95px 0;
      background:#0d2b52;
      color:#fff;
    }

    .experience-head{
      text-align:center;
      margin-bottom:36px;
    }

    .experience-label{
      font-size:14px;
      font-weight:800;
      letter-spacing:1.8px;
      text-transform:uppercase;
      opacity:.9;
      margin-bottom:12px;
    }

    .experience-title{
      font-size:40px;
      font-weight:800;
      line-height:1.15;
    }

    .experience-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:22px;
    }

    .experience-card{
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.12);
      border-radius:8px;
      padding:34px 22px;
      text-align:center;
      backdrop-filter:blur(2px);
    }

    .experience-number{
      font-size:44px;
      font-weight:900;
      line-height:1;
      margin-bottom:10px;
      color:#f4c400;
    }

    .experience-text{
      font-size:16px;
      line-height:1.5;
      color:rgba(255,255,255,.92);
      font-weight:600;
    }

    .office-section{
      padding:85px 0 70px;
      background:#f3f4f6;
      border-top:1px solid #e7e7e7;
    }

    .office-head{
      text-align:center;
      margin-bottom:40px;
    }

    .office-label{
      color:#0d2b52;
      font-size:14px;
      font-weight:800;
      letter-spacing:1.8px;
      margin-bottom:10px;
      text-transform:uppercase;
    }

    .office-title{
      font-size:38px;
      color:#111;
      font-weight:800;
      line-height:1.15;
    }

    .office-card{
      max-width:860px;
      margin:0 auto;
      background:#fff;
      border-radius:10px;
      box-shadow:0 14px 34px rgba(0,0,0,.08);
      padding:34px;
      text-align:center;
    }

    .office-socials{
      display:flex;
      justify-content:center;
      gap:18px;
      margin-bottom:26px;
      flex-wrap:wrap;
    }

    .office-socials a{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:120px;
      height:44px;
      background:#0d2b52;
      color:#fff;
      text-decoration:none;
      font-size:14px;
      font-weight:700;
      border-radius:4px;
      transition:.25s;
    }

    .office-socials a:hover{
      background:#133a6d;
      transform:translateY(-2px);
    }

    .office-contact{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:16px;
      text-align:left;
    }

    .office-item{
      background:#f7f8fb;
      border:1px solid #ececec;
      border-radius:6px;
      padding:18px 18px;
    }

    .office-item strong{
      display:block;
      color:#111;
      font-size:15px;
      margin-bottom:7px;
    }

    .office-item span{
      color:#4b4b4b;
      font-size:15px;
      line-height:1.55;
    }

    .footer{
      background:#111923;
      color:#fff;
      padding:70px 0 0;
    }

    .footer-top{
      display:grid;
      grid-template-columns:1.1fr .9fr .9fr 1.1fr;
      gap:32px;
      padding-bottom:40px;
      border-bottom:1px solid rgba(255,255,255,.10);
    }

    .footer-brand-title{
      font-size:28px;
      font-weight:900;
      margin-bottom:12px;
      color:#fff;
    }

    .footer-brand-text{
      color:rgba(255,255,255,.76);
      line-height:1.8;
      font-size:15px;
    }

    .footer-title{
      font-size:19px;
      font-weight:800;
      margin-bottom:18px;
      color:#fff;
    }

    .footer-links{
      list-style:none;
      display:flex;
      flex-direction:column;
      gap:12px;
    }

    .footer-links a,
    .footer-contact-item{
      color:rgba(255,255,255,.76);
      text-decoration:none;
      font-size:15px;
      line-height:1.7;
      transition:.25s;
    }

    .footer-links a:hover{
      color:#f4c400;
    }

    .footer-bottom{
      text-align:center;
      padding:22px 0;
      color:rgba(255,255,255,.70);
      font-size:14px;
    }

    @media (max-width: 1100px){
      .about-inner{
        gap:42px;
        grid-template-columns:1fr 1fr;
      }

      .about-label{
        font-size:48px;
      }

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

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

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

    @media (max-width: 900px){
      .about-section{
        padding:60px 0;
      }

      .about-inner{
        grid-template-columns:1fr;
        gap:30px;
      }

      .about-content{
        padding-left:0;
      }

      .about-label{
        font-size:42px;
      }

      .about-visual{
        min-height:360px;
      }

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

      .office-contact{
        grid-template-columns:1fr;
      }
    }

    @media (max-width: 560px){
      .services-grid,
      .experience-grid,
      .footer-top{
        grid-template-columns:1fr;
      }

      .service-card{
        min-height:250px;
      }

      .experience-title,
      .services-title,
      .office-title{
        font-size:31px;
      }

      .office-card{
        padding:24px 18px;
      }

      .about-label{
        font-size:36px;
      }
    }


    body{font-family:'Poppins', Arial, Helvetica, sans-serif;}
    .menu > li > a{position:relative;font-weight:600;}
    .menu > li > a::after{content:"";position:absolute;left:0;bottom:25px;width:0;height:2px;background:#0d2b52;transition:.3s;}
    .menu > li > a:hover::after,.menu > li > a.active::after{width:100%;}
    .menu > li > a.active{color:#0d2b52;}
    .menu > li > a .arrow{font-size:11px;margin-left:7px;display:inline-block;transition:transform .3s ease;transform-origin:center;}
    .has-dropdown:hover > a .arrow{transform:rotate(180deg);}
    .about-extra{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:32px;}
    .about-box{background:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:24px 22px;box-shadow:0 10px 24px rgba(0,0,0,.04);}
    .about-box h3{font-size:22px;line-height:1.2;font-weight:800;color:#111;margin-bottom:10px;}
    .about-box p{font-size:16px;line-height:1.45;color:#202020;font-weight:500;}
    .page-hero{background:#0d2b52;color:#fff;padding:74px 0;}
    .page-hero h1{font-size:52px;line-height:1.05;font-weight:800;margin-bottom:12px;}
    .page-hero p{max-width:760px;font-size:17px;line-height:1.75;color:rgba(255,255,255,.92);font-weight:500;}
    .page-section{padding:82px 0;background:#fff;}
    .page-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
    .page-image{min-height:500px;border-radius:14px;background-size:cover;background-position:center;box-shadow:0 18px 40px rgba(0,0,0,.12);}
    .page-title{font-size:40px;line-height:1.1;color:#111;font-weight:800;margin-bottom:20px;}
    .page-text{font-size:16px;line-height:1.45;color:#202020;margin-bottom:28px;font-weight:500;}
    .page-subtitle{font-size:24px;color:#111;font-weight:800;margin:26px 0 14px;}
    .page-list{list-style:none;display:grid;gap:14px;margin:0 0 12px 0;}
    .page-list li{position:relative;padding-left:18px;font-size:16px;line-height:1.45;color:#202020;font-weight:500;}
    .page-list li::before{content:"•";position:absolute;left:0;top:0;color:#0d2b52;font-weight:900;}
    .blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
    .blog-card{background:#fff;border:1px solid #ececec;border-radius:10px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.06);}
    .blog-card-image{height:220px;background-size:cover;background-position:center;}
    .blog-card-body{padding:24px;}
    .blog-card-meta{font-size:13px;color:#0d2b52;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;}
    .blog-card-title{font-size:22px;line-height:1.3;font-weight:800;margin-bottom:12px;color:#111;}
    .blog-card-text{font-size:15px;line-height:1.8;color:#555;font-weight:500;}
    .contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;}
    .contact-card,.contact-form{background:#fff;border-radius:10px;padding:34px;box-shadow:0 12px 30px rgba(0,0,0,.06);border:1px solid #ececec;}
    .contact-card h3,.contact-form h3{font-size:30px;margin-bottom:18px;color:#111;font-weight:800;}
    .contact-item{margin-bottom:18px;}
    .contact-item strong{display:block;margin-bottom:6px;color:#111;font-size:16px;font-weight:700;}
    .contact-item span{font-size:15px;line-height:1.8;color:#525252;font-weight:500;}
    .contact-form form{display:grid;gap:14px;}
    .contact-form input,.contact-form textarea{width:100%;border:1px solid #d8d8d8;border-radius:6px;padding:14px;font-size:15px;font-family:'Poppins', Arial, Helvetica, sans-serif;font-weight:500;}
    .contact-form textarea{min-height:150px;resize:vertical;}
    .contact-form button{background:#0d2b52;color:#fff;border:none;border-radius:4px;padding:15px 20px;font-size:15px;font-weight:700;cursor:pointer;transition:.25s;}
    .contact-form button:hover{background:#133a6d;}
    @media (max-width:900px){
      .about-extra{grid-template-columns:1fr;}
      .page-hero{padding:55px 0;}
      .page-hero h1{font-size:38px;}
      .page-grid,.contact-grid{grid-template-columns:1fr;}
      .page-image{min-height:320px;}
      .page-title{font-size:30px;}
      .blog-list{grid-template-columns:1fr;}
    }

  
    .service-gallery-section{display:none;padding:10px 0 70px}
    .service-gallery-wrap{border-top:1px solid #eceff5;padding-top:26px}
    .service-gallery-title{font-size:36px;line-height:1.2;color:#0d2b52;font-weight:800;margin:0 0 10px}
    .service-gallery-text{font-size:16px;line-height:1.75;color:#5b6678;margin:0 0 24px}
    .service-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    .service-gallery-card{position:relative;display:block;border:none;background:#eef2f7;border-radius:4px;overflow:hidden;cursor:pointer;aspect-ratio:1/0.75;box-shadow:0 10px 28px rgba(15,23,42,.08)}
    .service-gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
    .service-gallery-card:hover img{transform:scale(1.04)}
    .service-lightbox{position:fixed;inset:0;background:rgba(8,15,31,.82);display:none;align-items:center;justify-content:center;padding:24px;z-index:2147483645}
    .service-lightbox.active{display:flex}
    .service-lightbox-inner{position:relative;max-width:min(1100px,96vw);max-height:90vh}
    .service-lightbox-img{max-width:100%;max-height:90vh;display:block;border-radius:8px;box-shadow:0 24px 60px rgba(0,0,0,.34)}
    .service-lightbox-close{position:absolute;right:-14px;top:-14px;width:44px;height:44px;border:none;border-radius:50%;background:#fff;color:#0f172a;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.25)}
    @media (max-width:900px){
      .service-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .service-gallery-title{font-size:28px}
    }
    @media (max-width:640px){
      .service-gallery-grid{grid-template-columns:1fr}
      .service-gallery-section{padding:4px 0 50px}
    }


/* Restored CTA, counters, and contact card layouts */
.slider-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.42);
  z-index:0;
}
.slider-overlay-content{
  position:relative;
  z-index:1;
}
.slider-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:22px;
  min-height:52px;
  padding:14px 28px;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  font-size:15px;
  font-weight:700;
  border-radius:4px;
  transition:.25s;
  pointer-events:auto;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.slider-whatsapp:hover{
  background:#1ebe5d;
  transform:translateY(-2px);
}
.contact-showcase,
.contact-page-stack{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:28px;
  align-items:stretch;
}
.contact-cards-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.contact-mini-card{
  display:flex;
  align-items:flex-start;
  gap:14px;
  background:#fff;
  border:1px solid #e7ecf3;
  border-radius:14px;
  padding:22px 20px;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.contact-mini-icon{
  width:46px;
  height:46px;
  border-radius:12px;
  background:#edf5ff;
  color:#0d2b52;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  flex:0 0 46px;
}
.contact-mini-label{
  color:#0d2b52;
  font-size:14px;
  font-weight:800;
  margin-bottom:6px;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.contact-mini-value{
  color:#1f2937;
  font-size:15px;
  line-height:1.7;
  font-weight:600;
}
.contact-map-card,
.contact-page-map{
  background:#fff;
  border:1px solid #e7ecf3;
  border-radius:16px;
  padding:12px;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
  min-height:100%;
}
.contact-map-card iframe,
.contact-page-map iframe{
  width:100%;
  min-height:100%;
  height:100%;
  border:0;
  border-radius:12px;
  display:block;
}
.contact-map-card{min-height:490px;}
.contact-page-map{min-height:480px;}
@media (max-width: 1100px){
  .contact-showcase,
  .contact-page-stack{
    grid-template-columns:1fr;
  }
  .contact-map-card,
  .contact-page-map{
    min-height:380px;
  }
}
@media (max-width: 700px){
  .contact-cards-grid{
    grid-template-columns:1fr;
  }
}


.page-hero{background:#0d2b52;color:#fff;padding:74px 0;}
.page-hero h1{font-size:52px;line-height:1.05;font-weight:800;margin-bottom:12px;}
.page-hero p{max-width:760px;font-size:17px;line-height:1.75;color:rgba(255,255,255,.92);font-weight:500;}
.quote-section{padding:54px 0 86px;background:#f2f3f7;}
.quote-card{background:#fff;border:1px solid #e7e7e7;box-shadow:0 12px 30px rgba(0,0,0,.06);padding:34px 32px 40px;max-width:980px;margin:0 auto;border-radius:12px;}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;}
.quote-field{display:flex;flex-direction:column;}
.quote-field input,.quote-field textarea{width:100%;border:1px solid #dddddd;background:#fff;padding:15px 16px;font-size:15px;font-family:'Poppins', Arial, Helvetica, sans-serif;color:#222;outline:none;transition:border-color .25s, box-shadow .25s;border-radius:8px;}
.quote-field input:focus,.quote-field textarea:focus{border-color:#0d2b52;box-shadow:0 0 0 3px rgba(13,43,82,.08);}
.quote-field input::placeholder,.quote-field textarea::placeholder{color:#8a8a8a;}
.quote-field.full{grid-column:1 / -1;}
.quote-field textarea{min-height:170px;resize:vertical;}
.submit-wrap{text-align:center;margin-top:6px;}
.quote-submit{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:56px;padding:0 30px;border:none;border-radius:8px;background:#121b8f;color:#fff;font-size:18px;font-weight:700;font-family:'Poppins', Arial, Helvetica, sans-serif;cursor:pointer;transition:background .25s, transform .25s;text-decoration:none;}
.quote-submit:hover{background:#0d1572;transform:translateY(-1px);}
.quote-alert{margin-bottom:18px;padding:16px 18px;border-radius:14px;font-size:14px;font-weight:600;line-height:1.7}
.quote-alert.ok{background:#ecf8ef;border:1px solid #cfe9d6;color:#1f6b38}
.quote-alert.error{background:#fff2ef;border:1px solid #ffd2c7;color:#b94124}
@media (max-width:900px){.page-hero{padding:55px 0}.page-hero h1{font-size:38px}.quote-card{padding:28px 18px 34px}.quote-form{grid-template-columns:1fr;gap:14px}.quote-field.full{grid-column:auto}}


/* Final visual and interaction fixes */
.slider-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.42);
  z-index:0;
}
.slider-overlay-content{position:relative;z-index:1;}
.slider-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:22px;
  min-height:52px;
  padding:14px 28px;
  background:#25D366;
  color:#fff !important;
  text-decoration:none !important;
  font-size:15px;
  font-weight:700;
  border-radius:4px;
  transition:.25s;
  pointer-events:auto;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.slider-whatsapp:hover{background:#1ebe5d;transform:translateY(-2px);}
.slider-whatsapp:visited{color:#fff !important;}

.contact-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:28px;
  align-items:stretch;
}
.contact-showcase .contact-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.contact-showcase .contact-map-card{min-height:342px;}
.contact-page-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}
.contact-page-stack .contact-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.contact-page-map{min-height:250px;}
@media (max-width: 1100px){
  .contact-showcase,.contact-page-stack{grid-template-columns:1fr;}
  .contact-page-stack .contact-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width: 700px){
  .contact-page-stack .contact-cards-grid,.contact-showcase .contact-cards-grid{grid-template-columns:1fr;}
}


/* Contact page final polish */
.page-hero-compact{padding:52px 0 48px;}
.page-hero-compact h1{font-size:44px;margin-bottom:10px;}
.page-hero-compact p{max-width:700px;font-size:16px;line-height:1.65;}
.contact-page-stack .contact-mini-card{
  background:#edf4fc;
  border:1px solid #d8e5f4;
  box-shadow:none;
}
.contact-page-stack .contact-mini-icon{
  background:#dfeaf7;
}
.contact-page-map{min-height:360px;}
.contact-page-map iframe{min-height:336px;}
@media (max-width:900px){
  .page-hero-compact{padding:42px 0;}
  .page-hero-compact h1{font-size:38px;}
  .contact-page-map{min-height:300px;}
  .contact-page-map iframe{min-height:276px;}
}


/* Final April fixes */
.logo-img{height:52px;width:auto;max-width:100%;object-fit:contain;}
.page-hero, .page-hero-compact{background:#0d2b52;color:#fff;padding:52px 0 48px;}
.page-hero h1, .page-hero-compact h1{font-size:44px;line-height:1.08;font-weight:800;margin-bottom:10px;}
.page-hero p, .page-hero-compact p{max-width:700px;font-size:16px;line-height:1.65;color:rgba(255,255,255,.92);font-weight:500;}
.contact-showcase .contact-mini-card,
.contact-page-stack .contact-mini-card{background:#edf4fc;border:1px solid #d8e5f4;box-shadow:none;}
.contact-showcase .contact-mini-icon,
.contact-page-stack .contact-mini-icon{background:#dfeaf7;}
.contact-page-map{min-height:420px;}
.contact-page-map iframe{min-height:396px;}
.contact-map-card{min-height:342px;background:#fff;border:1px solid #e7ecf3;border-radius:16px;padding:12px;box-shadow:0 12px 30px rgba(15,23,42,.06);}
.contact-map-card iframe{width:100%;height:100%;min-height:318px;border:0;border-radius:12px;display:block;}
@media (max-width:900px){
  .page-hero, .page-hero-compact{padding:42px 0;}
  .page-hero h1, .page-hero-compact h1{font-size:38px;}
  .contact-page-map{min-height:340px;}
  .contact-page-map iframe{min-height:316px;}
}



/* Unified page hero sizing */
.page-hero,
.page-hero.page-hero-compact,
.page-hero-compact{
  background:#0d2b52;
  color:#fff;
  padding:52px 0 48px !important;
  min-height:auto;
}
.page-hero h1,
.page-hero.page-hero-compact h1,
.page-hero-compact h1{
  font-size:44px !important;
  line-height:1.08;
  font-weight:800;
  margin-bottom:10px;
}
.page-hero p,
.page-hero.page-hero-compact p,
.page-hero-compact p{
  max-width:700px;
  font-size:16px !important;
  line-height:1.65;
  color:rgba(255,255,255,.92);
  font-weight:500;
}
@media (max-width:900px){
  .page-hero,
  .page-hero.page-hero-compact,
  .page-hero-compact{
    padding:42px 0 !important;
  }
  .page-hero h1,
  .page-hero.page-hero-compact h1,
  .page-hero-compact h1{
    font-size:38px !important;
  }
}

/* Hakkimizda image fix */
.about-img{
height:420px !important;
width:100%;
border-radius:16px;
background:#eee;
}





/* Hakkimizda layout match fix */
.about-page-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:start;
}
.about-page-grid .about-page-image{
  min-height:660px;
  width:100%;
  max-width:none;
  justify-self:stretch;
  align-self:start;
  border-radius:14px;
  background-size:cover;
  background-position:center;
  box-shadow:0 18px 40px rgba(0,0,0,.12);
}
@media (max-width:900px){
  .about-page-grid{grid-template-columns:1fr;}
  .about-page-grid .about-page-image{min-height:380px;}
}