:root{
      --brand-blue:#123d73;
      --brand-blue-dark:#0e315c;
      /* --brand-orange:#1B9CEB; */
      --sky-blue:#1B9CEB;
      --text:#1f2937;
      --muted:#6b7280;
      --border:#e5e7eb;
      --bg:#ffffff;
      --shadow:0 12px 32px rgba(0,0,0,.10);
    }

    *{
      box-sizing:border-box;
    }

    html, body{
      margin:0;
      padding:0;
      overflow-x:hidden;
      font-family: Arial, sans-serif;
    }

    body{
      padding-top:0;
    }

    a{
      text-decoration:none;
    }

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

    .container{
      width:min(1200px, calc(100% - 32px));
      margin:0 auto;
    }

    .site-header{
      position:sticky;
      top:0;
      left:0;
      width:100%;
      z-index:999;
      background:#fff;
    }

    .header-top{
      background:#f8f8f8ad;
      color:#fff;
      font-size:14px;
      padding:8px 0;
    }

    .header-top-row{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:12px 20px;
      align-items:center;
      min-height:60px;
      padding:6px 0;
    width: 900px;
    justify-content: center;
    margin: 0 auto;
    }

    .top-info{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-width:0;
      white-space:nowrap;
    }

    /*.header-top-row .top-info:first-child{*/
    /*  justify-content:flex-start !important;*/
    /*}*/

    .header-top-row .top-info:last-child{
      justify-content:flex-end;
    }

    .top-info i{
      display:inline-flex;
      align-items:center;
      justify-content: center;
      color:#1B9CEB;
      font-size:15px;
      flex-shrink:0;
      font-size: 16px;
      background-color: #fff;
      border-radius: 50%;
      padding: 1rem;
      width: 40px;
      height: 40px;
    }

    .top-info a,
    .top-info span{
      color:#1d1d1d;
      font-size: 17px;
      overflow:hidden;
      text-overflow:ellipsis;
      min-width:0;
    }

    .top-info a{
      display:inline-block;
    }

    .top-info.end{
      justify-content:flex-end;
    }

    .main-navbar-wrap{
      background:#fff;
      border-bottom:1px solid var(--border);
      box-shadow:0 8px 18px rgba(0,0,0,.04);
    }

    .main-navbar{
      min-height:66px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:10px 0;
      min-width:0;
    }

    .navbar-brand{
      display:flex;
      align-items:center;
      flex-shrink:0;
    }

    .navbar-brand img{
      height:80px;
      width:auto;
      max-width:220px;
      object-fit:contain;
    }

    .desktop-nav{
      flex:1;
      display:flex;
      align-items:center;
      justify-content:center;
      min-width:0;
    }

    .desktop-menu{
      list-style:none;
      display:flex;
      align-items:center;
      gap:2px;
      margin:0;
      padding:0;
      flex-wrap:wrap;
      justify-content:center;
    }

    .desktop-menu > li{
      position:relative;
    }

    .desktop-link{
      display:flex;
      align-items:center;
      gap:6px;
      color:var(--text);
      font-weight:600;
      font-size:15px;
      padding:12px 10px;
      position:relative;
      white-space:nowrap;
    }

    .desktop-link:hover,
    .desktop-link.active{
      color:var(--sky-blue);
    }

    .desktop-link.active::after,
    .desktop-link:hover::after{
      content:"";
      position:absolute;
      left:10px;
      bottom:6px;
      width:22px;
      height:3px;
      border-radius:999px;
      background:var(--sky-blue);
    }

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

    .desktop-submenu{
      position:absolute;
      top:100%;
      left:0;
      min-width:280px;
      max-height:300px;
      overflow-y:auto;
      background:#fff;
      border-radius:14px;
      box-shadow:0 18px 40px rgba(0,0,0,.12);
      padding:8px 0;
      margin:0;
      list-style:none;
      opacity:0;
      visibility:hidden;
      transform:translateY(10px);
      transition:.25s ease;
      z-index:50;
    }

    .desktop-submenu::-webkit-scrollbar{
      width:6px;
    }

    .desktop-submenu::-webkit-scrollbar-thumb{
      background:#c7cfdb;
      border-radius:10px;
    }

    .desktop-submenu a{
      display:block;
      padding:11px 18px;
      color:var(--text);
      font-size:14px;
      line-height:1.45;
    }

    .desktop-submenu a:hover{
      background:#f5f8fc;
      color:var(--sky-blue);
    }

    .header-actions{
      display:flex;
      align-items:center;
      gap:10px;
      flex-shrink:0;
      flex-wrap:wrap;
      justify-content:flex-end;
    }

    .call-btn{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 16px;
      border-radius:999px;
      border:1px solid var(--border);
      background:#fff;
      color:#1B9CEB;
      font-weight:600;
      white-space:nowrap;
    }

    .call-btn:hover{
      background:var(--sky-blue);
      color:#fff;
      border-color:var(--sky-blue);
      transform: translateY(-1px);
    }

    .quote-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:11px 18px;
      border-radius:999px;
      background:#1B9CEB ;
      color:#fff;
      font-weight:700;
      white-space:nowrap;
      border :1px solid transparent;
      /* box-shadow:0 10px 20px rgba(31, 235, 246, 0.22); */
    }
.quote-btn:hover{
      background:white ;
      border :1px solid var(--sky-blue);
      color: var(--sky-blue) !important;
    }


    .mobile-toggle{
      display:none;
      background:none;
      border:none;
      color:var(--brand-blue);
      font-size:34px;
      line-height:1;
      padding:6px;
      cursor:pointer;
    }

    .mobile-toggle:focus,
    .mobile-close:focus,
    .mobile-accordion-btn:focus{
      outline:none;
    }

    .mobile-overlay{
      position:fixed;
      inset:0;
      background:rgba(0,0,0,.38);
      opacity:0;
      visibility:hidden;
      transition:.3s ease;
      z-index:1098;
    }

    .mobile-overlay.active{
      opacity:1;
      visibility:visible;
    }

    .mobile-drawer{
      position:fixed;
      top:0;
      left:0;
      width:320px;
      max-width:88%;
      height:100vh;
      background:#fff;
      transform:translateX(-100%);
      transition:.35s ease;
      z-index:1099;
      box-shadow:0 12px 40px rgba(0,0,0,.18);
      display:flex;
      flex-direction:column;
    }

    .mobile-drawer.active{
      transform:translateX(0);
    }

    .mobile-drawer-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:18px 20px;
      border-bottom:1px solid var(--border);
      flex-shrink:0;
    }

    .mobile-drawer-logo img{
      height:70px;
      width:auto;
    }

    .mobile-close{
      width:40px;
      height:40px;
      border-radius:2px;
      border:1px solid #d9d9d9;
      background:#fff;
      color:#111;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:20px;
      cursor:pointer;
      flex-shrink:0;
    }

    .mobile-drawer-body{
      padding:0 20px 24px;
      overflow-y:auto;
    }

    .mobile-drawer-body::-webkit-scrollbar{
      width:6px;
    }

    .mobile-drawer-body::-webkit-scrollbar-thumb{
      background:#b9c1cd;
      border-radius:8px;
    }

    .mobile-nav{
      list-style:none;
      padding:0;
      margin:0;
    }

    .mobile-nav > li{
      border-bottom:1px solid var(--border);
    }

    .mobile-link,
    .mobile-accordion-btn{
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:18px 0;
      color:var(--text);
      font-size:17px;
      font-weight:600;
      background:none;
      border:none;
      text-align:left;
      cursor:pointer;
    }

    .mobile-link.active{
      color:var(--brand-blue);
    }

    .mobile-accordion-symbol{
      color:#777;
      font-size:28px;
      line-height:1;
      flex-shrink:0;
      width:20px;
      text-align:center;
    }

    .mobile-submenu{
      display:none;
      list-style:none;
      margin:0;
      padding:6px 0 10px 20px;
      max-height:240px;
      overflow-y:auto;
    }

    .mobile-submenu.show{
      display:block;
    }

    .mobile-submenu::-webkit-scrollbar{
      width:5px;
    }

    .mobile-submenu::-webkit-scrollbar-thumb{
      background:#c8cfda;
      border-radius:8px;
    }

    .mobile-submenu li a{
      display:block;
      color: black;
      font-size:15px;
      line-height:1.6;
      padding:10px 0;
    }

    .mobile-submenu li a:hover{
      color:var(--brand-blue);
    }

    .mobile-drawer-cta{
      margin-top:18px;
    }

    .mobile-drawer-cta .quote-btn{
      width:100%;
      padding:14px 18px;
      font-size:16px;
    }


/* WhatsAPP */

.whatsapp-container {
  position: fixed;
  left: 20px;
  bottom: 24px;
  z-index: 9999;
}

.whatsapp-float {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #25D366;
  color: #fff !important;
  font-size: 30px;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.whatsapp-float:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
  color: #fff !important;
}

.whatsapp-icon,
.fab.fa-whatsapp {
  color: #fff !important;
  line-height: 1;
}



/* WhatsAPP--End */


    @media (max-width: 1199.98px){
      .container{
        width:min(100%, calc(100% - 24px));
      }

      .header-top-row{
        gap:10px 14px;
        min-height:auto;
      }

      .top-info a,
      .top-info span{
        font-size:15px;
      }

      .desktop-link{
        font-size:14px;
        padding:12px 8px;
      }

      .call-btn,
      .quote-btn{
        font-size:14px;
        padding:10px 14px;
      }
    }

    @media (max-width: 991.98px){
      .header-top{
        font-size:13px;
        padding:10px 0;
      }

    .header-map{
     display: none;
    
}

      .header-top-row{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px 12px;
        align-items:start;
        padding:4px 0;
      }

      .top-info{
        justify-content:flex-start;
        align-items:flex-start;
        white-space:normal;
        gap:8px;
      }

      .top-info:last-child{
        grid-column:1 / -1;
      }

      .header-top-row .top-info:last-child{
        justify-content:flex-start;
      }

      .top-info a,
      .top-info span{
        font-size:14px;
        line-height:1.5;
      }

      .top-info i{
        width:38px;
        height:38px;
        padding:.8rem;
      }

      .desktop-nav,
      .header-actions{
        display:none;
      }

      .mobile-toggle{
        display:inline-flex;
      }

      .main-navbar{
        min-height:60px;
      }

      .navbar-brand img{
        height:70px;
      }
    }

    @media (max-width: 767.98px){
      .header-top-row{
        grid-template-columns:1fr ;
        gap:1px;
        min-height:auto;
        padding:8px 0;
      }

      .header-top{
        padding:10px 0;
      }

      .top-info{
        justify-content:flex-start;
        align-items:center;
        gap:10px;
        width:100%;
      }

      .top-info i{
        width:36px;
        height:36px;
        padding:.75rem;
        font-size:14px;
      }

      .top-info a,
      .top-info span{
        font-size:14px;
        white-space:normal;
        overflow:visible;
        text-overflow:clip;
        line-height:1.5;
        word-break:break-word;
      }

      .mobile-drawer{
        width:300px;
      }

      .main-navbar{
        min-height:56px;
        gap:12px;
        padding:8px 0;
      }

      .navbar-brand img{
        height:70px;
        max-width:180px;
      }

      .mobile-link,
      .mobile-accordion-btn{
        font-size:16px;
      }
    }


    /* Whastapp */
    @media (max-width: 767.98px) {
  .whatsapp-container {
    left: 14px;
    bottom: 16px;
  }

  .whatsapp-float {
    width: 52px;
    height: 52px;
    font-size: 26px;
  }
  
  .header-top-row .top-info:first-child{
      justify-content:flex-start;
      align-items: center;
    }
}

    @media (max-width: 479.98px){
      .container{
        width:min(100%, calc(100% - 20px));
        padding: 0px;
      }

      .header-top{
        font-size:12px;
        padding:8px 0;
      }

      .top-info{
        gap:8px;
      }

      .top-info a,
      .top-info span{
        font-size:13px;
        line-height:1.45;
      }

      .top-info i{
        width:34px;
        height:34px;
        padding:.7rem;
        font-size:13px;
      }

      .mobile-drawer{
        width:80%;
        max-width:100%;
      }

      .mobile-drawer-body{
        padding:0 16px 20px;
      }

      .mobile-drawer-header{
        padding:16px;
      }

      .mobile-close{
        width:36px;
        height:36px;
        font-size:18px;
      }
    }