*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
    :root {
      --red: #b5201a;
      --dark: #1a1a1a;
      --blue-nav: #1565c0;
      --border: #e0e0e0;
      --bg: #ffffff;
    }
 
    body { font-family: 'Montserrat', sans-serif; background: #f0f0f0; }
 

  #scrollTopBtn{
  position: fixed;
  bottom: 30px;
  right: 30px;
  width:35px;
  height: 35px;
  border: none;
  outline: none;
  background: #0d6efd;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.35s ease;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}

/* SHOW BUTTON */
#scrollTopBtn.show{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* HOVER EFFECT */
#scrollTopBtn:hover{
  background: #0056d6;
  transform: translateY(-4px);
}

  
    .float-left{
  position: fixed;
  left: 8px;
  top: 70%;
  transform: translateY(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.float-left a{
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 28px;
  text-decoration: none;
  box-shadow: 0 5px 15px rgba(0,0,0,0.18);
}

.call-btn{
  background: #2196f3;
}

.whatsapp-btn{
  background: #49c653;
}

.float-enquiry{
  position: fixed;
  right: 15px;
  top: 52%;
  transform: translateY(-50%);
  z-index: 9999;
  background: #e94b1b;
  color: #fff;
  padding: 12px 21px;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 5px 15px rgba(0,0,0,0.18);
}

.float-enquiry:hover{
  background: #d93f12;
  color: #fff;
}

@media(max-width: 576px){
  .float-left{
    left: 10px;
  }

  .float-left a{
    width: 48px;
    height: 48px;
    font-size: 23px;
  }

  .float-enquiry{
    right: 10px;
    padding: 10px 16px;
    font-size: 13px;
  }
}

    /* ════════════════════════════
       TOP BAR
    ════════════════════════════ */
        /* ══════════════════════════════════════
       TOP BAR
    ══════════════════════════════════════ */
    .top-bar {
      background: #fff;
      border-bottom: 1px solid #eee;
      padding: 10px 32px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-family: Arial, sans-serif;
    }
 
    .logo-wrap img {
      width: 128px;
      height: 100px;
      object-fit: contain;
    }
 
    .top-right {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 5px;
    }
 
    .social-icons {
      display: flex;
      gap: 8px;
    }
 
    .social-icons a {
      width: 28px;
      height: 28px;
      border: 1.5px solid rgb(88, 149, 193);
      border-radius: 50%;
      color: rgb(88, 149, 193);
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      font-size: 14px;
    }
 
    .contact-info {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
    }
 
    .contact-info a {
      color: rgb(88, 149, 193);
      font-size: 14px;
      text-decoration: none;
      font-family: Roboto, sans-serif;
      line-height: 23px;
    }
 
    /* ══════════════════════════════════════
       NAVBAR
    ══════════════════════════════════════ */
    .navbar {
      height: 43px;
      background: #fff;
      border-bottom: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 32px;
      position: relative;
      z-index: 9999;
      font-family: Arial, sans-serif;
    }
 
    .nav-links {
      display: flex;
      align-items: center;
      list-style: none;
      height: 100%;
      margin: 0;
      padding: 0;
    }
 
    .nav-links > li {
      height: 100%;
      display: flex;
      align-items: center;
      position: relative;
    }
 
    .nav-links > li > a {
      padding: 0 16px;
      height: 100%;
      display: flex;
      align-items: center;
      gap: 5px;
      font-weight: 500;
      font-size: 14px;
      color: #000;
      text-decoration: none;
      font-family: Roboto, sans-serif;
    }
 
    .active {
      color: #5b97c6 !important;
    }
 
    .nav-links > li > a:hover {
      color: #5b97c6;
    }
 
    .products-arrow {
      font-size: 10px;
      margin-left: 2px;
      transition: transform 0.3s ease;
      color: #5b97c6;
    }
 
    .has-mega-dropdown:hover .products-arrow {
      transform: rotate(180deg);
    }
 
    /* ══════════════════════════════════════
       SEARCH BAR (navbar)
    ══════════════════════════════════════ */
    .search-wrap {
      width: 250px;
      height: 38px;
      border: 1px solid #ccc;
      border-radius: 25px;
      display: flex;
      align-items: center;
      overflow: hidden;
      cursor: pointer;
    }
 
    .search-wrap input {
      flex: 1;
      border: none;
      outline: none;
      padding: 0 12px;
      cursor: pointer;
      background: transparent;
    }
 
    .search-wrap button {
      border: none;
      background: transparent;
      padding: 0 12px;
      cursor: pointer;
      color: #006bdc;
      font-size: 18px;
    }
 
    /* ══════════════════════════════════════
       MEGA DROPDOWN (desktop)
    ══════════════════════════════════════ */
    .has-mega-dropdown {
      position: relative;
    }
 
    .mega-dropdown {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 99999;
      display: none;
    }
 
    .has-mega-dropdown:hover .mega-dropdown {
      display: block;
    }
 
    .mega-col {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 250px;
      background: #f4f4f4;
      box-shadow: 0 2px 8px rgba(0,0,0,.12);
    }
 
    .mega-col li {
      position: relative;
    }
 
    .mega-col li a {
      height: 39px;
      padding: 0 11px !important;
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      color: #000 !important;
      background: #f4f4f4;
      font-size: 14px !important;
      font-weight: 500 !important;
      text-decoration: none;
      border-bottom: 1px solid #e1e1e1;
      white-space: nowrap;
      font-family: Roboto, sans-serif;
    }
 
    .mega-col li:hover > a {
      background: #5d9ac8;
      color: #fff !important;
    }
 
    .mega-col li a .sub-arrow {
      font-size: 9px;
      opacity: 0.6;
    }
 
    .mega-col li:hover > a .sub-arrow {
      opacity: 1;
      color: #fff;
    }
 
    .sub-col,
    .third-col {
      position: absolute;
      top: 0;
      left: 100%;
      display: none;
    }
 
    .mega-item:hover > .sub-col,
    .mega-item:hover > .third-col {
      display: block;
    }
 
    .third-col {
      width: 250px;
    }
 
    .third-col li a {
      height: auto;
      min-height: 39px;
      line-height: 1.4;
      padding: 11px 12px !important;
    }
 
    /* ══════════════════════════════════════
       SEARCH POPUP
    ══════════════════════════════════════ */
    .search-popup {
      position: fixed;
      inset: 0;
      background: rgba(0,0,0,.86);
      z-index: 999999;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding-top: 280px;
      opacity: 0;
      visibility: hidden;
      transition: .35s ease;
    }
 
    .search-popup.open {
      opacity: 1;
      visibility: visible;
      padding-top: 250px;
    }
 
    .search-close {
      position: absolute;
      top: 18px;
      right: 25px;
      width: 45px;
      height: 45px;
      border: 2px solid #fff;
      border-radius: 50%;
      background: transparent;
      color: #fff;
      font-size: 32px;
      line-height: 1;
      cursor: pointer;
    }
 
    .popup-search-box {
      width: 800px;
      height: 72px;
      border: 2px solid #fff;
      border-radius: 45px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: transparent;
      transform: translateY(45px);
      transition: .45s ease;
    }
 
    .search-popup.open .popup-search-box {
      transform: translateY(0);
    }
 
    .popup-search-box input {
      flex: 1;
      height: 100%;
      border: none;
      outline: none;
      background: transparent;
      color: #fff;
      font-size: 22px;
      padding: 0 30px;
    }
 
    .popup-search-box input::placeholder { color: #ddd; }
 
    .popup-search-box button {
      width: 80px;
      height: 100%;
      border: none;
      background: transparent;
      color: #fff;
      font-size: 22px;
      cursor: pointer;
    }
 
    /* ══════════════════════════════════════
       HAMBURGER
    ══════════════════════════════════════ */
    .hamburger {
      display: none;
      width: 42px;
      height: 36px;
      background: #e85b1f;
      border: none;
      border-radius: 5px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 5px;
      cursor: pointer;
    }
 
    .hamburger span {
      width: 22px;
      height: 2.5px;
      background: #fff;
      transition: .3s;
    }
 
    .hamburger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .hamburger.active span:nth-child(2) { opacity: 0; }
    .hamburger.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
 
    /* ══════════════════════════════════════
       DRAWER OVERLAY
    ══════════════════════════════════════ */
    .drawer-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0,0,0,.45);
      z-index: 900;
    }
 
    .drawer-overlay.open { display: block; }
 
    /* ══════════════════════════════════════
       DRAWER
    ══════════════════════════════════════ */
    .drawer {
      position: fixed;
      top: 0;
      left: 0;
      width: 285px;
      height: 100vh;
      background: #fff;
      z-index: 1000;
      transform: translateX(-100%);
      transition: .3s;
      overflow-y: auto;
    }
 
    .drawer.open { transform: translateX(0); }
 
    .drawer-header {
      background: #e85b1f;
      padding: 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
 
    .d-logo img {
      width: 95px;
      background: #fff;
    }
 
    .drawer-close {
      background: none;
      border: none;
      color: #fff;
      font-size: 22px;
      cursor: pointer;
    }
 
    /* ── Drawer Links (Level 1) ── */
    .drawer-links {
      list-style: none;
      margin: 0;
      padding: 0;
    }
 
    .drawer-links > li {
      border-bottom: 1px solid #eee;
    }
 
    .drawer-links > li > a {
      width: 100%;
      padding: 14px 22px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #000;
      text-decoration: none;
      font-size: 13px;
      font-weight: 600;
      font-family: Roboto, sans-serif;
      box-sizing: border-box;
    }
 
    /* ── d-btn (accordion toggle buttons) ── */
    .d-btn {
      width: 100%;
      padding: 14px 22px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #000;
      background: none;
      border: none;
      font-size: 13px;
      font-weight: 600;
      font-family: Roboto, sans-serif;
      cursor: pointer;
      box-sizing: border-box;
      text-align: left;
    }
 
    /* ── Level 2 sub ── */
    .drawer-sub {
      display: none;
      list-style: none;
      margin: 0;
      padding: 0;
      background: #f5f7fa;
      border-top: 1px solid #e5e8ec;
    }
 
    .drawer-sub.open { display: block; }
 
    .drawer-sub > li {
      border-bottom: 1px solid #e8eaed;
    }
 
    .drawer-sub > li > a {
      display: block;
      padding: 12px 22px 12px 36px;
      color: #333;
      text-decoration: none;
      font-size: 12px;
      font-weight: 500;
      font-family: Roboto, sans-serif;
    }
 
    .drawer-sub > li > a:hover {
      color: #5b97c6;
      background: #eef3f8;
    }
 
    .drawer-sub .d-btn {
      padding: 12px 22px 12px 36px;
      font-size: 12px;
      font-weight: 600;
      color: #333;
      background: transparent;
    }
 
    .drawer-sub .d-btn:hover {
      color: #5b97c6;
      background: #eef3f8;
    }
 
    /* ── Level 3 sub ── */
    .drawer-sub2 {
      background: #eaeff5;
      border-top: 1px solid #dde3ea;
    }
 
    .drawer-sub2 > li {
      border-bottom: 1px solid #dde3ea;
    }
 
    .drawer-sub2 > li > a {
      display: block;
      padding: 11px 22px 11px 52px;
      color: #444;
      text-decoration: none;
      font-size: 12px;
      font-weight: 500;
      font-family: Roboto, sans-serif;
    }
 
    .drawer-sub2 > li > a:hover {
      color: #5b97c6;
      background: #dde8f2;
    }
 
    .drawer-sub2 .d-btn {
      padding: 11px 22px 11px 52px;
      font-size: 12px;
      font-weight: 600;
      color: #444;
      background: transparent;
    }
 
    .drawer-sub2 .d-btn:hover {
      color: #5b97c6;
      background: #dde8f2;
    }
 
    /* ── Level 4 sub ── */
    .drawer-sub3 {
      background: #e0e8f0;
      border-top: 1px solid #d0dae5;
    }
 
    .drawer-sub3 > li {
      border-bottom: 1px solid #d0dae5;
    }
 
    .drawer-sub3 > li > a {
      display: block;
      padding: 10px 22px 10px 68px;
      color: #555;
      text-decoration: none;
      font-size: 11px;
      font-weight: 400;
      font-family: Roboto, sans-serif;
    }
 
    .drawer-sub3 > li > a:hover {
      color: #5b97c6;
      background: #d0dff0;
    }
 
    /* ── Arrow icon inside buttons ── */
    .d-arrow {
      font-size: 10px;
      transition: transform 0.3s ease;
      flex-shrink: 0;
    }
 
    /* ══════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════ */
    @media(max-width: 900px) {
      .popup-search-box { width: 90%; }
    }
 
    @media(max-width: 768px) {
      .navbar { display: none; }
      .hamburger { display: flex; }
      .top-bar { padding: 10px 14px; }
      .logo-wrap img { width: 110px; height: auto; }
    }













/* ========================================
  HERO PAGE  
======================================== */

.hero{
      position:relative;
      width:100%;
      height:90vh;
      overflow:hidden;
    }

    /* Background Video */
    .hero video{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      object-fit:cover;
      z-index:-2;
    }


    /* Responsive */
    @media(max-width:768px){

      .hero-content h1{
        font-size:40px;
      }

      .hero-content p{
        font-size:16px;
      }

      .hero-content a{
        padding:12px 28px;
        font-size:16px;
      }

    }















       /* =========================
        ABOUT SECTION
    ==========================*/

    .about-section {
      max-width: 1150px;
      margin: 50px auto;
      padding: 0 20px;
      display: flex;
      align-items: center;
      gap: 35px;
    }

    /* Left Image */

    .about-img {
      width: 50%;
      overflow: hidden;
    }

    .about-img img {
      width: 100%;
      display: block;
      transition: 0.5s ease;
    }

    .about-img:hover img{
      transform: scale(1.05);
    }

    /* Right Content */

    .about-content {
      width: 50%;
    }

    .about-content h2 {
      font-family: Roboto, sans-serif;
      font-size: 24px;
      color: rgb(88, 149, 193);
      margin-bottom: 20px;
      font-weight: 600;
      position: relative;
    }

    .about-content h2::after{
      content: "";
      width: 70px;
      height: 3px;
      background: #0b5fa5;
      position: absolute;
      left: 0;
      bottom: -10px;
    }

    .about-content p {
      font-family: Roboto, sans-serif;
      font-size: 15px;
      line-height:25px;
      color: rgb(0, 0, 0);
      margin-bottom: 18px;
    }

    /* Read More Button */

    .btn-readmore {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 13px 32px;
      background: linear-gradient(135deg, #0b5fa5, #1b75bc);
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      font-weight: 600;
      font-family: 'Montserrat', sans-serif;
      border-radius: 5px;
      transition: 0.3s ease;
      box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    }

    .btn-readmore i{
      font-size: 13px;
      transition: 0.3s ease;
    }

    .btn-readmore:hover{
      transform: translateY(-3px);
      background: linear-gradient(135deg, #154360, #0b5fa5);
    }

    .btn-readmore:hover i{
      transform: translateX(5px);
    }

    /* =========================
        RESPONSIVE
    ==========================*/

    @media(max-width: 991px){

      .about-section{
        flex-direction: column;
      }

      .about-img,
      .about-content{
        width: 100%;
      }

    }

    @media(max-width: 576px){

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

      .about-content p{
        font-size: 14px;
        line-height: 1.8;
      }

      .btn-readmore{
        padding: 12px 24px;
        font-size: 13px;
      }

    }












    /* =========================
       SERVICE SECTION
    ========================== */

.service-section{
  width:100%;
  padding:76px 45px 58px;
  background:#f4f7f7;
  position:relative;
  overflow:hidden;
}

.service-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("assets/images/service-bg.jpg") center/cover no-repeat;
  opacity:.09;
}

.section-heading{
  position:relative;
  z-index:2;
  text-align:center;
  margin-bottom:35px;
}

.section-heading h2{
  font-family:Arial, sans-serif;
  font-size:30px;
  font-weight:700;
  color:#050505;
  margin:0 0 13px;
}

.section-heading span{
  width:170px;
  height:2px;
  background:#2d8ec8;
  display:block;
  margin:auto;
}

.myServiceSlider{
  position:relative;
  z-index:2;
  max-width:1240px;
  margin:auto;
  padding:0 60px;
}

.service-card{
  height:410px;
  background:#fff;
  border:1px solid #cfcfcf;
  box-shadow:0 2px 8px rgba(0,0,0,.22);
  text-align:center;
  padding:42px 12px 20px;
  transition:.35s ease;
}

.service-card:hover{
  background:#5895C1;
}

.service-card img{
  width:110px;
  height:110px;
  object-fit:contain;
  display:block;
  margin:0 auto 22px;
}

.service-card h3{
  font-family:Arial, sans-serif;
  font-size:20px;
  line-height:1.18;
  font-weight:700;
  color:#050505;
  margin:0 0 10px;
  transition:.3s;
}

.service-card p{
  max-width:330px;
  margin:0 auto;
  font-family:Arial, sans-serif;
  font-size:16px;
  line-height:1.52;
  color:#6f7d89;
  transition:.3s;
}

.service-card:hover h3,
.service-card:hover p{
  color:#fff;
}

.card-arrow{
  margin-top:14px;
  font-size:16px;
  color:#333;
  display:inline-block;
  transform:rotate(-28deg);
  transition:.35s ease;
}

.service-card:hover .card-arrow{
  transform:rotate(0deg);
  color:#fff;
}

/* SWIPER ARROWS */
.swiper-button-next,
.swiper-button-prev{
  position:absolute;
  top:var(--swiper-navigation-top-offset, 50%);
  margin-top:calc(0px - (var(--swiper-navigation-size) / 2));
  z-index:10;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#404040;
  border:none;
  background:transparent;
  width:45px;
  height:45px;
  transition:.3s ease;
}

.swiper-button-prev{
  left:-5px;
}

.swiper-button-next{
  right:-5px;
}

.swiper-button-next::after,
.swiper-button-prev::after{
  display:none;
}

.swiper-button-prev::before{
  content:"←";
  font-size:32px;
  font-weight:300;
  line-height:1;
}

.swiper-button-next::before{
  content:"→";
  font-size:32px;
  font-weight:300;
  line-height:1;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
  color:#2d8ec8;
}

@media(max-width:991px){
  .service-section{
    padding:55px 18px;
  }

  .myServiceSlider{
    padding:0 40px;
  }

  .section-heading h2{
    font-size:25px;
  }

  .service-card{
    height:auto;
    min-height:360px;
  }
}

@media(max-width:576px){
  .myServiceSlider{
    padding:0 32px;
  }

  .service-card{
    padding:35px 15px 22px;
  }

  .service-card img{
    width:90px;
    height:90px;
  }

  .service-card h3{
    font-size:18px;
  }

  .service-card p{
    font-size:14px;
  }
}













.products-section{
  width:100%;
  padding:28px 8% 35px;
  background:#f3f3f3;
}

.products-heading{
  text-align:center;
  margin-bottom:24px;
}

.products-heading h2{
  font-family:Arial, sans-serif;
  font-size:30px;
  font-weight:700;
  color:#000;
  margin:0 0 10px;
}

.products-heading span{
  width:170px;
  height:2px;
  background:#2d8ec8;
  display:block;
  margin:0 auto 10px;
}

.products-heading p{
  max-width:520px;
  margin:0 auto;
  font-family:Arial, sans-serif;
  font-size:14px;
  line-height:1.55;
  color:#000;
}

.products-grid{
  max-width:1130px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
}

.product-card{
  background:#fff;
  border:1px solid #d4d4d4;
  box-shadow:0 2px 8px rgba(0,0,0,.20);
  text-align:center;
  padding:10px 10px 19px;
  transition:.3s ease;
}



.product-img{
  width:100%;
  height:166px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  background:#fff;
  overflow:hidden;
}

.product-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  transition: 0.2s;
}

.product-img img:hover {
  transform: scale(1.1);
}

.product-card h3{
  font-family:Arial, sans-serif;
  font-size:16px;
  line-height:1.25;
  color:#000;
  font-weight:700;
  margin:0;
}

@media(max-width:1100px){
  .products-grid{
    grid-template-columns:repeat(3, 1fr);
  }
}

@media(max-width:768px){
  .products-section{
    padding:35px 20px;
  }

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

@media(max-width:520px){
  .products-grid{
    grid-template-columns:1fr;
  }

  .products-heading h2{
    font-size:26px;
  }
}













.stats-section{
  width:100%;
  background:#fff;
  padding:86px 8% 58px;
}

.stats-grid{
  max-width:1135px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}

.stat-card{
  height:99px;
  background:#fff;
  border:1px solid #d7d7d7;
  box-shadow:0 2px 12px rgba(0,0,0,.28);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
}

.stat-icon{
  width:45px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#000;
}

.stat-icon i{
  font-size:34px;
  color:#000;
}

.stat-content{
  text-align:center;
}

.stat-content h2{
  font-family:Arial, sans-serif;
  font-size:31px;
  line-height:1;
  font-weight:700;
  color:#000;
  margin:0 0 12px;
}

.stat-content p{
  font-family:"Times New Roman", serif;
  font-size:23px;
  line-height:1;
  color:#000;
  margin:0;
}

@media(max-width:991px){
  .stats-grid{
    grid-template-columns:1fr;
  }

  .stat-card{
    max-width:420px;
    width:100%;
    margin:auto;
  }
}

@media(max-width:576px){
  .stats-section{
    padding:50px 20px;
  }

  .stat-card{
    height:95px;
    gap:18px;
  }

  .stat-icon i{
    font-size:30px;
  }

  .stat-content h2{
    font-size:28px;
  }

  .stat-content p{
    font-size:20px;
  }
}



















.why-section{
  width:100%;
  background:#fff;
  padding:26px 8% 0;
  margin-bottom: 30px;
}

.why-container{
  max-width:1150px;
  margin:0 auto;
  display:grid;
  grid-template-columns:49% 51%;
  gap:24px;
  align-items:start;
}

.why-left h2{
  font-family:Arial, sans-serif;
  font-size:30px;
  line-height:1.2;
  font-weight:700;
  color:#000;
  margin:0 0 12px;
}

.why-intro{
  font-family:Arial, sans-serif;
  font-size:16px;
  line-height:1.6;
  color:#000;
  margin:0 0 12px;
}

.feature-box{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  align-items:start;
  margin-bottom:14px;
}

.feature-icon{
  width:44px;
  height:44px;
  background:#5c97c2;
  border-radius:7px 0 0 7px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:2px;
}

.feature-icon svg {
      height: 1.4em;
    position: relative;
    width: 1.4em;
    fill: white;
}

.feature-icon i{
  font-size:21px;
  color:#fff;
}

.feature-content h3{
  font-family:Arial, sans-serif;
  font-size:16px;
  line-height:1.25;
  font-weight:700;
  color:#000;
  margin:0 0 4px;
}

.feature-content p{
  font-family:Arial, sans-serif;
  font-size:14px;
  line-height:1.55;
  color:#000;
  margin:0;
}

.why-right{
  padding-top:0;
}

.why-image-box{
  width:100%;
  height:654px;
  background:#fff;
  border-top:10px solid #5c97c2;
  border-right:10px solid #5c97c2;
  box-shadow:0 2px 7px rgba(0,0,0,.28);
  padding:10px 18px 0;
  overflow:hidden;
}

.why-image-box img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

@media(max-width:991px){
  .why-container{
    grid-template-columns:1fr;
  }

  .why-image-box{
    height:auto;
  }
}

@media(max-width:576px){
  .why-section{
    padding:35px 18px 0;
  }

  .why-left h2{
    font-size:28px;
  }

  .feature-box{
    grid-template-columns:40px 1fr;
    gap:12px;
  }

  .feature-icon{
    width:40px;
    height:40px;
  }

  .feature-content p{
    font-size:13px;
  }
}













.testimonial-section{
  width:100%;
  padding:54px 7% 68px;
  position:relative;
  overflow:hidden;
  background:#ebecec;
}

.testimonial-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("assets/images/testimonial-bg.jpg") center/cover no-repeat;
  opacity:.08;
}

.testimonial-title{
  position:relative;
  z-index:2;
  text-align:center;
  margin-bottom:30px;
}

.testimonial-title h2{
  font-family:Arial, sans-serif;
  font-size:30px;
  font-weight:700;
  color:#000;
  margin:0;
}

.testimonialSlider{
  position:relative;
  z-index:2;
  max-width:1160px;
  margin:auto;
  padding:0 50px 58px;
}

.testimonial-card{
  text-align:center;
  background:transparent;
  box-shadow:none;
  border:none;
  min-height:280px;
}

.testimonial-card img{
  width:60px;
  height:60px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  margin:0 auto 27px;
}

.testimonial-card h3{
  font-family:Arial, sans-serif;
  font-size:20px;
  font-weight:700;
  color:#444;
  margin:0 0 22px;
}

.testimonial-card p{
  font-family:Arial, sans-serif;
  font-size:16px;
  line-height:1.62;
  color:#4f4f4f;
  margin:0 0 18px;
}

.stars{
  font-size:22px;
  letter-spacing:0;
  color:#ffb000;
  line-height:1;
}

.testimonial-prev,
.testimonial-next{
  position:absolute;
  top:38%;
  width:35px;
  height:35px;
  border:1px solid #777;
  background:transparent;
  z-index:5;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#777;
}

.testimonial-prev{
  left:0;
}

.testimonial-next{
  right:0;
}

.testimonial-prev::before{
  content:"‹";
  font-size:30px;
  line-height:1;
  font-weight:300;
}

.testimonial-next::before{
  content:"›";
  font-size:30px;
  line-height:1;
  font-weight:300;
}

.testimonial-pagination{
  text-align:center;
  bottom:0 !important;
}

.testimonial-pagination .swiper-pagination-bullet{
  width:14px;
  height:14px;
  background:#d0d0d0;
  opacity:1;
  margin:0 5px !important;
}

.testimonial-pagination .swiper-pagination-bullet-active{
  background:#5b9dca;
}

@media(max-width:768px){
  .testimonialSlider{
    padding:0 42px 55px;
  }

  .testimonial-card h3{
    font-size:18px;
  }

  .testimonial-card p{
    font-size:14px;
  }
}











.contact-section{
  width:100%;
  padding:53px 8%;
  position:relative;
  overflow:hidden;
  background:#6fa6cc;
}

.contact-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("../img/reviewbg.jpg") center/cover no-repeat;
  opacity:.15;
}

.contact-container{
  position:relative;
  z-index:2;
  max-width:1115px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.contact-form-box,
.contact-image-box{
  background:#fff;
  border-radius:14px;
  min-height:410px;
}

.contact-form-box{
  padding:20px 15px 30px;
}

.contact-form-box h2{
  font-family:Arial, sans-serif;
  font-size:20px;
  font-weight:700;
  color:#00528f;
  margin:0 0 21px;
}

.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:15px;
}

.contact-form input,
.contact-form textarea{
  width:100%;
  border:1px solid #cbd2da;
  border-radius:4px;
  outline:none;
  padding:0 16px;
  font-family:Arial, sans-serif;
  font-size:16px;
  color:#333;
  box-shadow:0 2px 5px rgba(0,0,0,.05);
}

.contact-form input{
  height:40px;
  margin-bottom:15px;
}

.form-row input{
  margin-bottom:0;
}

.contact-form textarea{
  height:90px;
  padding-top:17px;
  resize:vertical;
  margin-bottom:23px;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color:#8d8aa0;
}

.contact-form button{
  width:124px;
  height:45px;
  background:#0d6ed4;
  border:none;
  border-radius:4px;
  color:#fff;
  font-family:Arial, sans-serif;
  font-size:15px;
  font-weight:700;
  letter-spacing:.5px;
  cursor:pointer;
}

.contact-form button:hover{
  background:#0058b6;
}

.contact-image-box{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:35px;
}

.contact-image-box img{
  width:100%;
  max-width:390px;
  height:auto;
  object-fit:contain;
}

@media(max-width:991px){
  .contact-container{
    grid-template-columns:1fr;
  }
}

@media(max-width:576px){
  .contact-section{
    padding:40px 18px;
  }

  .form-row{
    grid-template-columns:1fr;
    gap:15px;
  }

  .contact-form-box,
  .contact-image-box{
    min-height:auto;
  }

  .contact-image-box{
    padding:25px;
  }
}








.map-section{
  width:100%;
  height:400px;
  overflow:hidden;
}

.map-section iframe{
  width:100%;
  height:100%;
  display:block;
  border:0;
}









 .site-footer{
  width:100%;
  background:#67a4ca;
  position:relative;
  overflow:hidden;
  padding:60px 10px 8px;
}

.site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("../img/footerbg.jpg") center/cover no-repeat;
  opacity:.13;
}

.footer-top{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:240px 130px 250px 210px 370px;
  gap:35px;
  align-items:start;
}

.footer-logo{
  width:135px;
  display:block;
  margin:0 0 18px 35px;
}

.footer-brand p{
  font-family:Arial, sans-serif;
  font-size:15px;
  line-height:1.45;
  color:#fff;
  font-weight:400;
  margin:0;
}

.footer-col h3,
.footer-contact h3{
  font-family:Arial, sans-serif;
  font-size:18px;
  font-weight:700;
  color:#fff;
  margin:0 0 22px;
}

.footer-col a{
  display:block;
  font-family:Arial, sans-serif;
  font-size:15px;
  line-height:1.55;
  color:#fff;
  text-decoration:none;
  margin-bottom:13px;
  font-weight:400;
}

.footer-service a{
  margin-bottom:12px;
}

.footer-col a:hover{
  color: rgb(196, 21, 21);
}

.footer-contact{
  background:#fff;
  border-radius:18px;
  padding:19px 20px;
  min-height:326px;
}

.footer-contact h3{
  color:#00528f;
  margin-bottom:24px;
}

.footer-contact p{
  font-family:Arial, sans-serif;
  font-size:16px;
  line-height:1.55;
  color:#00528f;
  margin:0 0 17px;
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.footer-contact p i{
  font-size:18px;
  width:16px;
  margin-top:2px;
  color:#00528f;
}

.footer-contact h5 {
  font-family: Roboto, sans-serif;
  color: #00528f;
  line-height: 17px;
  font-size: 17px;
}

.footer-social{
  display:flex;
  gap:7px;
  margin-top:42px;
}

.footer-social a{
  width:36px;
  height:36px;
  background:#00528f;
  color:#fff;
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:17px;
  transition: 0.6s;
}

.footer-social a:hover {
  transform: translateY(-5px);
}

.footer-bottom-images{
  position:relative;
  z-index:2;
  height:140px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:100px;
}

.footer-bottom-images img{
  max-height:95px;
  object-fit:contain;
}


.copyright-section {
  width: 100%;
  background: #000;
  padding: 14px 15px;
  text-align: center;
}

.copyright-section p {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;
}

.copyright-section strong {
  font-weight: 700;
}

@media(max-width:1200px){
  .footer-top{
    grid-template-columns:repeat(2, 1fr);
  }
}

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

  .footer-contact{
    width:100%;
  }

  .footer-bottom-images{
    gap:25px;
  }

  .footer-bottom-images img{
    max-width:140px;
  }
}