html{ overflow-x: hidden;}

body {
font-family: "Poppins", sans-serif;
  color: #494949;
  font-weight: 400;
  background: #fff;
  font-size: 15px;
  line-height: 24px;
  overflow-x: hidden; padding: 0px !important;
}

h1, h2, .h1, .h2, h3,
h4,
h5,
h6,
.h3,
.h4,
.h5 {
  color: #000;
font-family: "Poppins", sans-serif;
  font-weight: 600; 
}

h1, h2, .h2{ font-size: 36px; font-weight: 700;}


::-moz-selection {
  color: #fff;
  background: #144788;
}

::selection {
  color: #fff;
  background: #144788;
}


.bg-1 {
  background: #F7F6F7;
}


/* Navbar brand logo sizing */
.navbar-brand img{
  height:56px;
  width:auto;
}

.navbar-nav  .nav-link{ color: #000; text-transform: uppercase; padding: 0px 0px 1px !important; border-bottom: 1px solid transparent; font-weight: 500;}

.navbar-nav .nav-item{ margin-left: 35px;}
.navbar-nav .nav-item:first-child{ margin-left: 0px;}
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link:hover{ color:#2b5291; border-bottom: 1px solid #2b5291;}

.header-top{ background: #2b5291;}

.header-top-list li {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0px 15px 0px 8px;

}

.header-top-list li a {
  color:#fff; text-decoration: none;
}

.header-top-list li a:hover{ color: rgba(255, 255, 255, 0.8);}

.header-top-list li:last-child{ border: none; padding-right: 0px;} 
.header-top-list li:first-child{ padding-left: 0px;} 

.header-top-social a {
  margin-left: 5px;
}

/* Hero */
.hero-section{
 
  color:#fff;
}
.s-caption{ background: rgba(0,0,0,0.6); } 

.logo-ftr img{ max-height: 90px;}

.btn{ background: #2b5291; border-radius: 50px; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; border: none !important; box-shadow: none !important; padding: 2px 20px; font-weight: 400;  color: #fff; font-size: 14px;}
.btn:hover{background: #0e3c87; color: #fff;}

.light-btn{ background: #ffff; color: #2b5291;} 

.cart-link a{ display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 100%; text-decoration: none; font-size: 12px; background: #2b5291; color: #fff;}
.cart-link a:before{ position: relative; bottom: -1px;}
.cart-link a:hover{ background: #e60010; color: #fff;}

.product-card {
          border-radius: 12px;
          overflow: hidden;
          transition: 0.3s;
          border: 1px solid #eee;
          background: #fff;
      }

      .product-card:hover {
          transform: translateY(-5px);
          box-shadow: 0 10px 25px rgba(0,0,0,0.08);
      }

      .product-img {
          height: 220px;
          object-fit: cover;
          width: 100%;
      }

      .price {
          font-size: 20px;
          font-weight: 600;
          color: #e60010;
      }

      .old-price {
          text-decoration: line-through;
          color: #777;
          font-size: 14px;
          margin-left: 6px;
      }

     

.bg-blue{ background: #2b5291;} 

.about-h figure{ margin-bottom: -70px;}

.wc-bx{ max-width: 280px;} 
.wc-bx .icon-round{ margin-bottom: 30px;} 
.wc-bx .icon-round img{ max-height: 70px;} 

.c-bdr:before{ content: ""; position: absolute; left: 0px; top: 20px; bottom: 20px; width: 1px; background: rgba(255, 255, 255, 0.3);}
.c-bdr:after{ content: ""; position: absolute; right: 0px; top: 20px; bottom: 20px; width: 1px; background: rgba(255, 255, 255, 0.3);}


ol.ol-1 {
  list-style: none; position: relative;
  counter-reset: steps; margin: 0px; padding: 0px;
}
ol.ol-1:before{ content: ""; position: absolute; left: 18px; top: 0px; bottom: 40px;   background: #2b5291; width: 1px;}

ol.ol-1 li {
  counter-increment: steps; padding-left: 55px; margin-bottom: 18px; min-height: 36px; display:  flex; align-items: center; position: relative;
}

ol.ol-1 li:last-child{ margin: 0px;}

ol.ol-1 li::before {
  content: counter(steps); position: absolute; left: 0px; top: 0px;

  background: #2b5291;
  color: white;
  width: 36px;
  height:36px;
  border-radius: 0px 50px 50px 50px;
  display: inline-grid;
  place-items: center;
  line-height: 1.2em;
}

.text-blue{ color: #2b5291;}

.max-w-541{ max-width: 800px;} 

.gallery-all .owl-nav{ display: none;} 
.gallery-all .owl-dots .owl-dot span{ display: none;} 
.gallery-all .owl-dots .owl-dot{ width: 12px; height: 12px; display: inline-flex; align-items: center;  border-radius: 100px;  background: #fff; border: #2b5291 1px solid; opacity: 1; margin: 3px;}
.gallery-all .owl-dots .owl-dot.active{ opacity: 1; background: #2b5291;} 

.test-bx{ border-bottom: #2b5291 6px solid; position: relative; padding-top: 70px !important;} 
.test-bx:before{ content: ""; width: 60px; height: 60px; border-radius: 0px 50px 50px 50px; background: #2b5291 url(../images/comma.png) no-repeat center center; background-size: 30px; position: absolute; left: 0px; top: 0px;}

.r-u:before{ content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/04.jpg) no-repeat center center; background-size: cover; opacity: .15;}


.footer {
  border-bottom: #2b5291 20px solid;
  font-size: 14px;

}

.footer-menu li a {
  line-height: 36px;
}
.footer a {
  color: #494949;
  text-decoration: none;
}

.footer a:hover{ color: #2b5291;}

.social-ftr a {
  margin-right: 5px;
  display: inline-block;
}

.social-ftr a .fab {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2b5291;
  color: #fff;
  font-size: 16px;
  border-radius: 100%;
}


.social-ftr a:hover .fab{ background: #000;}


.title-header-inner{ min-height: 250px; background: url(../images/banner.png) no-repeat center center; background-size: cover;}
.title-header-inner:before{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.8);} 

.title-header-inner ol li:before{ color: #fff !important;}
.title-header-inner ol li a{ color: #fff; text-decoration: none; opacity: 0.5;}
.title-header-inner ol li a:hover{ color: #fff; opacity: 1;}
.title-header-inner ol li.active { color: #fff; } 

.o-m-v .ic{ width: 85px; height: 85px; margin-bottom: 15px; background: #2b5291; border-radius: 0px 80px 80px 80px; position: relative;}
.o-m-v .ic img{ max-height: 40px;}
.o-m-v .ic:before{content: "";
  position: absolute;
  inset: 5px;
  border: 2px solid #fff;
  border-left-color: transparent;
  border-top-color: transparent;
  border-radius: 80px;
  transition: all .5s ease-in-out;}

  .o-m-v:hover .ic::before {
  transform: rotate(90deg);
}


.contact-info {
  text-align: center;
}
.contact-info:hover {
  transform: translateY(-8px);
}
.contact-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  padding: 25px 15px;
  position: relative;

  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
  transition: all .5s ease-in-out;
}

.contact-info .contact-info-icon{ margin-bottom: 10px;}

.contact-info-icon i { display: inline-flex; justify-content: center; align-items: center;

  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius:0px 50px 50px 50px;
  background: #2b5291;
}

.contact-info-icon i img{ max-height: 40px;}

.contact-form {
  background:#fff;
  border-radius: 20px;
  padding: 30px 30px 10px 30px;
  box-shadow:0 0 40px 5px rgb(0 0 0 / 5%);
}

.contact-form .form-group {
  margin-bottom: 25px;
}

.contact-form .form-group .form-control {
  padding: 15px 20px;
  border-radius: 12px;
  box-shadow: none;
  transition: all .5s ease-in-out;
}

.contact-info-content p{ margin: 0px;} 

.contact-info-content a{ color: #494949; text-decoration: none;}
.contact-info-content a:hover{ color: #e50011;}




 .faq-section {
      max-width: 800px;
      margin: 0px auto;
    }

 .faq-section   .accordion-item {
      border: none;
      margin-bottom: 10px;
      border-radius: 6px;
      overflow: hidden;
      background: #EEEFEE;
    }

 .faq-section   .accordion-button {
      background-color: #EEEFEE;
      color: #000;
      font-weight: 600; font-family: "Poppins", sans-serif;
      box-shadow: none !important; font-size: 16px; letter-spacing: 0.3px;
      display: flex;
      justify-content: space-between; line-height: 22px;
      align-items: center;
      padding: 11px 20px;
    }

  .faq-section  .accordion-button:not(.collapsed){background: #08318c; color: #fff;}

  .faq-section  .accordion-button::after {
      display: none;
    }

  .faq-section  .accordion-icon {
      width: 34px;
      height: 34px;
      border-radius:0px  25px 25px 25px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #e0e0e0;
      transition: all 0.3s ease;
    }

  .faq-section   .accordion-icon i img{ width: 13px;}

    /* Rotate + color change when expanded */
  .faq-section  .accordion-button[aria-expanded="true"] .accordion-icon {
      background-color: #fff;
     
      color: #fff;
    }
   .faq-section  .accordion-button[aria-expanded="true"] .accordion-icon i img{ transform: rotate(-190deg);}
    .faq-section   .accordion-button[aria-expanded="true"] .accordion-icon i{ line-height: 16px;}

 .faq-section   .accordion-body {
      background-color: #08318c;
      color: #fff;
      padding: 5px 20px 20px;
    }