body {
    font-family: "Poppins", sans-serif;
 }
 .sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1090;
    top: 0;
    left: 0;
    background: #0e7eb9;
    overflow-x: hidden;
 
    padding-top: 60px;
 }
 
 .sidebar a {
    padding: 10px 15px;
    text-decoration: none;
    border-bottom: 1px solid #f9fafb5c;
    font-size: 15px;
    display: block;
    transition: 0.3s;
 }
 
 
 .close-sidebar-btn {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    background: none;
    border: none;
    color: white;
 }
 
 #header-bottom-box {
    box-shadow: rgb(0 0 0 / 20%) 0px 25px 20px -22px;
    padding: 0px;
 }
 
 .logo-main {
    display: flex;
    justify-content: center;
 }
 
 .phone-n {
    color: white;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
 }
 
 .phone-n i {
    margin-right: 8px;
    animation: shake 2s infinite;
 }
 
 
 @keyframes shake {
 
    0%,
    100% {
       transform: rotate(0);
    }
 
    25% {
       transform: rotate(15deg);
    }
 
    50% {
       transform: rotate(-15deg);
    }
 
    75% {
       transform: rotate(15deg);
    }
 }
 
 .open-sidebar-btn {
    font-size: 30px;
     cursor: pointer;
     background: none;
     border: none;
     color: #1a89de;
     position: fixed;
     top: 10px;
     right: 20px;
     z-index: 1100;
 }
 
 .open-sidebar-btn {
    display: none;
 }
 @media (min-width: 991px) and (max-width: 1200px) {
    .btn-outline-light {
      position: absolute !important;
      bottom: 20px !important;
      right: 158px !important;
    }
  }
 
 
 
 
 
 
 .floating_btn {
    position: fixed;
    bottom: 20px;
    right: -16px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
 }
 
 @keyframes pulsing {
    to {
       box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
 }
 
 .contact_icon {
    background-color: #106871;
    color: #fff;
    width: 56px;
    height: 56px;
    font-size: 30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0px);
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 0 #08a9b9;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
    transition: all 300ms ease-in-out;
 }
 
 .get-quote {
    font-size: 11px;
    color: white;
    margin-bottom: 0px;
    font-weight: bold;
 }
 
 .text_icon {
    margin-top: 3px;
    color: #707070;
    font-size: 11px;
 }
 
 .get-l {
    font-size: 14.8px;
    margin-bottom: 2px;
    font-weight: 500;
 }
 
 .main-m-h {
    font-size: 21px;
    color: #036a78;
    font-weight: 600;
 }
 
 .model-quote {
    margin-top: 5%;
 }
 
 .get-btn {
    background: #006c79;
    color: white;
    padding: 6px 19px;
 }
 
 .get-quote-btn {
    border: none;
    background: #027c89;
    color: white;
    color: #ffffff;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 3px;
 }
 
 .get-header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
 }
 
 @media (min-width:768px) and (max-width: 822px) {
    .get-quote-btn {
       padding: 6px 8px !important;
       font-size: 13px !important;
 
    }
 }
 
 
  .container-search{
    margin-top: 5px;
 }
 
 
 
 .searchInput input {
    height: 36px;
    width: 100%;
    outline: 0;
    border: none;
    padding: 0 12px;
    font-size: 14px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .11);
    border: 1px solid #2993cf;
 }
 
 .searchInput .searchButton {
    position: absolute;
    right: 0px;
    top: 0;
    font-weight: 500;
    height: 39px;
    width: 35px;
    color: #1f81b9;
    border: none;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    background: none;
    font-size:15px;
 }
 
 .searchInput .resultBox {
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    display: none; /* Hidden by default */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 4px 4px;
 }
 
 .searchInput.active .resultBox {
    display: block; /* Show when there are suggestions */
 }
 
 .resultBox li {
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    list-style-type: none;
    border-bottom: 1px solid #f0f0f0;
 }
 
 .resultBox li:hover {
    background-color: #f0f0f0;
 }
 
 .resultBox li:last-child {
    border-bottom: none;
 }
 
 
 
 
 
 
 .submenu a,ul.submenu {
    padding: 5px
 }
 
 
 /* whatsapp */
 
 @keyframes pulseAnim{
    0%{
      transform: scale(1);
      opacity:0.7
    }
     50%{
      transform: scale(1.2);
      opacity:0.4
    }
     100%{
      transform: scale(1);
      opacity:0.7
    }
  }
  
  .float{
    position: fixed;
    width: 50px;
    height: 50px;
    bottom:20%;
    right: 7px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    /* box-shadow: 2px 2px 3px #999; */
    z-index: 100;
   
  }
  .pulse{
    z-index: 0;
     position: fixed;
     content: '';
     bottom: 150px;
     right: 3px;
     width: 60px;
     height: 60px;
     border-radius: 100%;
     background-color: #25d366;
     animation-name: pulseAnim;
     animation-duration: 3s;
     animation-iteration-count: infinite;
 
  }
  .my-float{
    margin-top:10px;
    
  }
  @media (min-width: 300px) and (max-width: 1200px) {
    .open-sidebar-btn {
      display: block;
    }
    .header__menu{
       display:none;
    }

    .lab-para{
      display: none !important;
    }
    .heading h1{
 margin-bottom:10px !important;
    }
    .heading-sub h2, .heading-sub h3, .heading-sub h4, .heading-sub h5, .heading-sub h6{
       margin-bottom:10px;
    }
    .dropdown-menu-end{
      width: 115px !important; 
    }
    .dropdown-menu-end{
      left:5% !important;
   }
    .banner-image img{
 display: none !important;
    }
    .open-sidebar-btn {
       font-size: 30px;
       cursor: pointer;
       background: none;
       border: none;
       color: #1a89de;
       position: fixed;
       top: 12px;
       right: 20px;
       z-index: 1100;
   }
   .phone-header{
    display:none !important;
   }
   .bottom-header{
    padding:0px !important;
   }
   .btn-outline-light{
      background: #e35b15;
    padding: 6px 21px !important;
   }
  .btn-outline-light:hover{
   background: #e35b15 !important;
   color:white !important;
  }
  #user-mobile{
   font-weight: 400 !important;
   border-bottom: 1px solid #63abd2;
   padding-bottom: 12px;
   display: flex !important;
    justify-content: start !important;
    padding-left: 12px;
    padding-top: 6px;
  }
  #user-mobile {
   font-weight: 400 !important;
  }
  #user-mobile p{
   font-weight: 400 !important;
  }
  #user-mobile i{
   display:none;
  }
  }
 
 
  .float-container {
    position: fixed;
    bottom: 30%;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
 }
 .getquote-p{
    margin-bottom: 0px;
    font-size: 14px;
 }
 .float-container a {
    z-index: 99;
    display: flex;
     width: 200px;
     height: 42px;
     margin-right: -159px;
     margin-bottom: 10px;
     padding: 10px 16px;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     text-decoration: none;
     color: white;
     border-color: #46b8da;
     border-radius: 5px 0 0 5px;
     background-color: #0e8fa9;
     -webkit-box-shadow: 0 2px 4px #7d7d7d;
     box-shadow: 0 2px 4px #7d7d7d;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     
 }
 .geta-quote{
 border:none;
 background: none;
 }
 
 .float-container a:hover {
    margin-right: 0;
    background-color: #0e8fa9;
    
 }
 
 /* Icon settings - remove if not needed*/
 .float-container .icon:before {
    font-family: "Font Awesome 5 Free";
    margin-right: 25px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
 }
 
 
 
 .icon.two:before {
    content: "\f086";
 }
 
 
 
 @media(min-width:1201px) {
    .get-q-main {
       display: flex;
       justify-content: center;
    }
 }
 
 
 @media(min-width:768px) and (max-width:990px) {
    .img-logo {
       width: 170px !important;
    }
 
    .btn-outline-light {
       padding: 4px 22px !important;
    }
    .btn-outline-light{
    position: absolute !important;
     top: 20px !important;
     right: 158px !important;
    }
 }
 
 @media(min-width:990px) and (max-width:1200px) {
    .btn-outline-light {
       padding: 4px 22px !important;
    }
 }
 
 
 @media(min-width:560px) and (max-width:767px) {
    .btn-outline-light {
      padding: 4px 22px !important;
      position: absolute !important;
      top: 20px;
      right: 150px;
    }
 
    .categoery-grid-main {
       margin-top: 130px !important;
    }
 }
 
 @media(min-width:320px) and (max-width:559px) {
    .btn-outline-light {
       display: none !important;
    }
 
    .categoery-grid-main {
       margin-top: 130px !important;
    }
 }
 
 
 .searchInput {
    position: relative
 }
 
 .header__menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
 
 }
 
 .header__menu ul li {
    display: inline;
    margin-bottom: 0px;
 }
 
 .bottom-h {
    padding: 11px 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }
 
 .acoun-tra {
    display: flex;
    justify-content: center;
    align-items: center;
 }
 
 .track-ord {
    margin-left: 30px;
 }
 
 .top_mail {
    color: #0b6f83 !important;
    text-decoration: none;
    margin-left: 8px;
    font-size: 15px;
    font-weight: 500;
 }
 
 .nav_table i {
    color: #0e8299;
    font-size: 22px;
 
 }
 
 .header__menu ul li a {
    position: relative;
    color:black;
    text-decoration: none;
    font-weight: 500;
    margin-right: 17px;
    font-size: 15.5px;
 }
 
 .menu-main {
    display: flex;
    align-items: center;
    justify-content: center;
 }
 
 
 .req-m {
 margin-left:17px;
 }
 
 .btn-outline-light {
    padding: 4px 18px;
    z-index: 100;
    background: #ed7124;
    border: none;
    font-weight: 500;
    font-size: 13px;
    border-radius: 0px;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
 }
 
 
 @keyframes borderChange {
    0% {
       border-color: transparent;
    }
 
    50% {
       border-color: #ffffff;
    }
 
    100% {
       border-color: transparent;
    }
 }
 
 @keyframes pulseScale {
 
    0%,
    100% {
       transform: scale(1);
    }
 
    50% {
       transform: scale(1.1);
    }
 }
 
 @keyframes lightShade {
    0% {
       left: -100%;
    }
 
    50% {
       left: 100%;
    }
 
    100% {
       left: 200%;
    }
 }
 
 .btn-outline-light::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transform: skewX(-20deg);
    animation: lightShade 3s infinite;
 }
 
 .btn-outline-light:hover {
    transform: scale(1.10);
 }
 
 
 
 .top-header {
    background: #0e8299;
 }
 
 
 .bottom-header {
   background: #118dcd;
    padding: 7px 0px;
 }
 
 .header .logo img {
    height: 50px;
 }
 
 
 .header .search-bar input {
    padding: 8px;
    border: none;
    border-radius: 4px;
    width: 100%;
 }
 
 .header .nav-links a {
    color: #fff;
    text-decoration: none;
    margin: 0 10px;
    font-weight: bold;
 }
 
 .header .contact-info span {
    display: block;
    margin: 0 10px;
 }
 
 .header .get-quote {
    background: #fff;
    color: #084298;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
 }
 
 .header .get-quote:hover {
    background: #0d6efd;
    color: #fff;
 }
 
 header {
    background: white;
 }
 
 .nav-table-d {
    display: flex;
 }
 
 .img-logo {
    width: 210px;
 }
 
 /* modal */
 
 /* .model-backg {
    background: linear-gradient(51deg, #0b6f8321, #0e829900);
 } */
 
 .modal_head {
   color: #07406c;
    font-size: 18px !important;
    font-weight: 600;
 }
 
 .btnc {
    color: #053741;
    font-weight: 500;
    border: 1px solid #8080807a;
    width: 100%;
    margin-bottom: 8px;
    font-size: 15px;
 }
 
 .dwn-cat {
    font-size: 14px;
    /* margin-right: 10px; */
    color: #e9293c;
    margin-left: 10px;
 }
 
 .btnc:hover {
    color: #053741;
 }
 
 .modal_input label {
    font-weight: 600;
    color: #0c436e;
    margin-bottom: 2px;
    font-size: 15px;
 }
 
 .modal_btn {
    color: #fff;
    background-color: #1373bd;
    margin-top: 0px;
    margin-bottom: 13px;
    padding: 6px 15px;
    border-radius: 3px;
    border: 1px solid #ffffff8f;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .1px;
    position: relative;
 }
 
 .cont {
    margin-bottom: 20px;
 }
 .phone-header,
 .phone-mail {
    display: flex;
 
    align-items: center;
 
    transition: background-color 0.3s, transform 0.3s;
 }
 
 .email-phone-main {
    display: flex;
    justify-content: end;
 }
 
 .phone-header i,
 .phone-mail i {
    font-size: 15px;
     color: #ffffff;
     margin-right: 10px;
 }
 
 .phone-h-m {
    border-right: 1px solid #ffffff;
    padding-right: 15px;
 }
 
 .envelop-opn {
    padding-left: 15px;
 }
 
 .phone-header p,
 .phone-mail p {
    font-size: 14px;
    color: #020c16;
    margin: 0;
    font-weight: 400;
 }
 
 .phone-header a,
 .phone-mail a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
 }
 
 .whats-appb {
   color: #00f95e !important;
  font-size: 19px !important;
  margin-right: 7px !important;
 }
 
 





.phone-header i {
   margin-right: 5px;
   font-size: 16px;
   color: #ffffff;
}

.phone-h-m a,
.phone-header p a {
   color: #ffffff;
   text-decoration: none;
}

.icon-wrapper {
   position: relative;
  font-size: 16px;
  color: #ffffff;
}

.icon-wrapper .badge {
   position: absolute;
  top: -4px;
  right: -13px;
  border-radius: 50%;
  font-size: 9px;
  padding-top:6px;
  display: flex;
  justify-content: center;
  color: #fff;
  align-items: center;
  background: #f06e0a;
  width: 16px;
  height: 16px;
  font-weight: 600;
}

.dropdown .fa-user {
   font-size: 15px;
  color: #ffffff;
   cursor: pointer;
}
.user-profile{
   display:flex;
   justify-content: center;
   align-items: center;
}
.user-profile p{
   font-size: 14px;
   color: #fff;
   margin-right: 14px;
   margin-left: 6px;
   font-weight: 600;
   margin-bottom: 0px;
   cursor: pointer;
   padding-top: 3px;
}

.dropdown-menu {
   background-color: #ffffff;
   border: none;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.dropdown-menu{
   min-width: 8rem !important;
}
.dropdown-menu .dropdown-item {
   color: #1083db;
   padding: 3px 16px;
   font-size: 13px;
   font-weight: 500;
   text-align: center;
}
.dropdown-menu-end{
   left: -28%;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #1083dbc4;
  color: white;
}

.req-m .btn-outline-light {
   color: #ffffff;
   border-color: #ffffff;
}

.req-m .btn-outline-light:hover {
   background-color: #ffffff;
   color: #0e869e;
   border-color: #ffffff;
}

.wishlist-wrapper:hover{
   color:white;
}
.cart-wrapper:hover{color:white}
 @media(min-width:991px) and (max-width:1200px){

   .user-profile{
      display:none !important;
   }
   .wishlist-wrapper{
      position: absolute !important;
      bottom: 19px !important;
      right: 97px !important;
      color: #1180d5 !important;
      font-size: 17px;
   }
   .cart-wrapper{
      position: absolute;
      top: 27px;
      color: #1180d5 !important;
      right: 60px;
   }

 }
 @media(min-width:768px) and (max-width:990px){
   .user-profile{
      display:none !important;
   }
   .icon-wrapper{
      position: absolute !important;
      bottom: 14px !important;
      right: 61px !important;
      color: #1180d5 !important;
      font-size: 17px;
   }
   .cart-wrapper{
      position: absolute !important;
      bottom: 16px !important;
      right: 99px !important;
      color: #1180d5 !important;
      font-size: 16px;
     
   }
 }
 @media(min-width:320px) and (max-width:767px){
   .user-profile{
      display:none !important;
   }
   .cart-wrapper{
      position: absolute;
  color: #1180d5 !important;
  top: 23px;
  right: 90px;
   }
   .cart-wrapper:hover{
      color: #1180d5 !important;  
   }
  .wishlist-wrapper{
   position: absolute;
   color: #1180d5 !important;
   top: 24px;
   right: 49px;
  }
  .wishlist-wrapper:hover{
   color: #1180d5 !important;
  }
 }

 
 .banner-image img {
    width: 100%;
    margin-top: 112px;
  }
 
 /* compare */
 
 
 
 .compare_bttn {
    background-color: #334a9f;
 }
 
 
 .action--compare-add {
    color: #0e8299;
 }
 
 .action--compare-add:hover .action__text--invisible,
 .action--download:hover .action__text--invisible {
    color: #ddd;
    font-size: 16px;
    letter-spacing: 0;
    background: #2F3035;
    border-radius: 2px;
    padding: 3px 5px;
 }
 
 .action--compare-add:hover {
    color: #0e8299;
 }
 
 .action--compare-add .fa-check,
 .action--compare-add :checked~.fa-square {
    display: none;
 }
 
 .action--compare-add input[type=checkbox]:checked~.fa-check {
    display: inherit;
    color: #009688;
 }
 
 .action--compare-add .fa-check,
 .action--compare-add input[type=checkbox]:checked~.fa-plus {
    display: none;
 }
 
 .check-hidden {
    position: absolute;
    opacity: 0;
 }
 
 .action {
    display: inline-block;
    font-size: 13px;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    background: transparent;
    text-align: center;
    font-weight: 500;
 }
 
 .action:focus {
    outline: none;
 }
 
 .m-right i {
    font-size: 13px;
 }
 
 .action__text {
 
    font-weight: 500;
    letter-spacing: 1px;
    font-size: .813em;
    vertical-align: middle;
    display: inline-block;
 }
 
 .action__text--invisible {
    position: absolute;
    top: 100%;
    opacity: 0;
    pointer-events: none;
 }
 
 .compare-top {
    position: fixed;
    top: 153px;
    right: 20px;
    z-index: 1099;
 }
 
 .btn-compare,
 .btn-compare:hover {
   background-color: #1083db;
    color: #ffffff !important;
    font-size: 14px;
 }
 
 .col-md-2-5.col-lg-2-5 {
    width: 20%;
 }
 
 .leftfl::before,
 .rightfl::before {
    font-size: 25px;
 }
 
 .cpp {
    float: right !important;
    border: none;
    outline: none;
  box-shadow: none;
  padding-top:0px !important;
  
 }
 
.btn .cpp{
   outline: none;
   box-shadow: none;
   border: none;
   padding-top:0px !important
}

 .category-box-d {
   width:20%;
   padding:0px 5px;
   margin-bottom:10px;
}



.drying-d {
   text-align: center;
  border-radius: 12px;
  transition: box-shadow 0.3s ease-in-out;
  padding: 17px 13px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.drying-d:hover{
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.img-wrapper {
   display: flex;
   justify-content: center;
   border-radius: 8px;
   overflow: hidden;
   margin-bottom: 15px;
   border: 1px solid #d1d1d19e;
}

.img-product {
   width: 150px;
   height: auto;
   display: block;
   border-radius: 8px;
}

.content-box {
   margin-top: 10px;
}

.product-title {
   display: inline-block;
   font-size: 14.5px;
   font-weight: 500;
   text-decoration: none;
   padding: 5px 9px;
   color: #242526;
   border-radius: 0px;
   border: 1px solid #696c6f3b;
   transition: background-color 0.3s ease, color 0.3s ease;
}
.product-title1{
   display: inline-block;
   font-size: 14.5px;
   font-weight: 500;
   padding: 5px 9px;
   color: #242526;
   border-radius: 0px;
   border: none !important;
}

 .heading h1 {
    text-align: center;
     font-size: 25px;
     font-weight:600;
     padding-bottom: 3px;
     margin-bottom: 1px;
     color: #0a6293;
  }
  .heading{
    text-decoration: none;
  }
  .categories-section{
    margin-top: 60px;
  }
 .tab_box{
    max-height: 146px;
   overflow-y: auto;
   box-shadow: inset 0 0px 6px rgba(0, 0, 0, 0.1);
   scrollbar-color: #0883e1 #ffffff;
   scrollbar-width: thin;
 }
  .heading-sub h2, .heading-sub h3, .heading-sub h4, .heading-sub h5, .heading-sub h6 {
    text-align: center;
    font-size: 21px;
    font-weight:600;
    margin-bottom: 1px;
    color: #0a6293;
    padding-bottom:4px;
  }
  .anyla-bio {
   border-radius: 5px;
  text-align: left;
  margin-right: 10px;
  margin-bottom: 5px;
  height: 134px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #0883e1 #ffffff;
 }
 .anys-main-scroll {
   padding-bottom:12px
 }
 .anyla-m {
   color: #323232 !important;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 5px;
  border-bottom: 1px solid #80808061;
  padding-bottom: 7px;
 }
 .anyla-s {
   font-size: 13px;
  font-weight: 600;
  color: #000000d6;
 }
  .heading-sub{
    text-decoration: none;
  }


@media(min-width:991px) and (max-width:1200px){
   .categories-section{
      margin-top: 108px !important;
   }
   .category-box-d{
width:25%;
   }
}
@media(min-width:768px) and (max-width:990px){
   .categories-section {
      margin-top: 95px !important;
  }
   .category-box-d{
width:33.33%;
   }
}

@media(min-width:320px) and (max-width:767px){
   .categories-section {
      margin-top: 145px !important;
  }
   .category-box-d{
width:50%;
   }
}

@media(min-width:320px) and (max-width:420px){
.product-title{
   padding:0px !important;
    border:0px !important;
    line-height: 1.3 !important;
    font-size:14px !important
}
.img-wrapper{
   margin-bottom:0px !important;
}
.img-product {
   width: 110px !important;
}
}





  .flures-sec{
    margin-top:78px;
    
  }
  .bg-f{
   background: #1A89DE12;
  padding: 30px 39px;
  border: 1px solid #daeffd;
  }
  .lab-para {
    font-size: 13px;
    text-align: center;
    color:grey;
  }
  .drug-title {
    text-decoration: none;
 }
 
 .drug-box {
    width: 33.33%;
    padding: 0px 7px;
    margin-bottom: 15px;
 }
 .m-right-r i{
   font-size: 16px;
   padding-top: 2px;
   color: #053b64
 }
 .drug-main {
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    overflow: hidden;
    /* */
 
 }
 .details-section{
   padding: 0px 11px;
   padding-bottom: 10px;
 }
 .flu-rating{
   padding-left: 13px;
  padding-bottom: 10px;
 }
 .flu-rating i{
   font-size: 7px;
  color: #ffa604d4;
 }
 
 .drug-main {
    position: relative;
    border-radius: 0px;
    background-color: #fff;
 }
 
 .image-sec {
    background: white;
    padding: 14px 20px;
    border-radius: 15px;
    position:relative;
    padding-bottom:0px;
 }
 .wish-main-btn button{
   background: none;
   border:none;
 }
 .wish-main-btn i{
   position: absolute;
   top: 20px;
   right: 20px;
   color: red;
   font-size: 17px;
 }
 
 .image-sec img {
   width: 140px;
  height: auto;
  margin-top: 26px;
 }
 .button-container1{
   padding: 0px 14px;
 padding-bottom: 0px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding-bottom: 14px;
 }
 .price{
   color: #dc3545;
   font-size: 12.7px;
   font-weight: 400;
   margin-bottom: 0px;
 }
 .cart-d i{
   font-size: 11px;
   margin-right: 6px;
 }
 .image-link {
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .cart-d{
   font-size: 11.5px;
   padding: 3px 10px;
   border: 0px;
   background: #1c8bc9;
   color: white;
   font-weight: 500;
   border-radius:2px;
 }
 

 /* .cart-d{
   font-size: 13px;
  padding: 4px 10px;
  border: 0px;
  background: none;
  color: #053b64;
  font-weight: 500;
 }
  */
 .drug-title {
    text-align: center;
    text-decoration: none;
    color: #333;
    display: block;
    margin-bottom:2px;
 }
 
 .drug-title h2,
 .drug-title h3,
 .drug-title h4,
 .drug-title h5,
 .drug-title h6 {
   font-size: 15px;
  border-left: 0px;
  line-height: 1.3;
  margin: 0;
  color: #0b5e8d;
  font-weight:600;
  padding-bottom: 0px;
  text-align: left;
  padding-left: 14px;
 }
 
 .drug-title p {
   font-size:15px;
  border-left: 0px;
  margin: 0;
  color: #0b5e8d;
  line-height: 1.3;
  font-weight: 600;
  padding-bottom: 0px;
  text-align: left;
  padding-left: 14px;
   
 }
 
 .pa_table td{
    font-size: 13px;
    color: #000000eb;
    font-weight: 400;
 }
 .fo-w{
 font-weight: 500 !important;
 }
 
 .flures-tb{
    border: 1px solid #80808052;
 }
 
 @media(min-width:991px) and (max-width:1200px){
    .drug-box {
       width: 33.33%;
   }
   .anyla-bio{
      height: 192px !important;
   }
 }
 
 
 @media(min-width:768px) and (max-width:990px){
    .drug-box {
       width:50%;
   }
   .anyla-bio{
      height:154px !important;
   }
   .visible-bio {
      height: 131px !important;
  }
 }
 
 @media(min-width:401px) and (max-width:767px){
   .drug-box {
      width:100%;
  }
  .visible-bio {
   height: 131px !important;
}
  .drugchamber-sec {
   margin-top:45px !important;
}
.heading-sub h2, .heading-sub h3, .heading-sub h4, .heading-sub h5, .heading-sub h6{
   padding-bottom: 17px !important;
}
.flures-sec {
   margin-top: 50px !important;
}
 }
 
 @media(min-width:320px) and (max-width:400px){
    .drug-box {
       width:100%;
   }
   .drugchamber-sec {
    margin-top:45px !important;
 }
 .drug-title p{
   padding-left: 6px !important; 
   font-size: 13.5px;
 }
 .vis-price{
   font-size: 12px !important;
 }
 .bg-f {
   background: #1A89DE12;
   padding: 27px 18px !important;
 }
 .heading-sub h2, .heading-sub h3, .heading-sub h4, .heading-sub h5, .heading-sub h6{
   padding-bottom: 14px !important;
   font-size: 19px !important;
 }
 .anyla-bio{
   height: 155px !important;
 }
 .flures-sec {
   margin-top: 53px !important;
}
.open-sidebar-btn{
   font-size: 27px !important;
}
 .footer-last{
 display: flex;
 justify-content: left !important;
 }
}
 
 @media(min-width:320px) and (max-width:400px){
    .drug-title h2, .drug-title h3, .drug-title h4, .drug-title h5, .drug-title h6{
       padding:0px 6px !important;
    }
    .drug-title1 h2, .drug-title1 h3, .drug-title1 h4, .drug-title1 h5, .drug-title1 h6
    {
      padding: 0px 13px !important;
    }
    .visible-main{
      padding: 0px 9px !important;
    }
  
 }
 
 
 
 .double-sec{
    margin-top:70px;
 }
 
 
 .pilot-box {
    border-radius: 5px;
    border: 1px solid #1083db2e;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }
 
 .pilot-box-sub {
    width: 33.33%;
    padding: 0px 7px;
    margin-bottom: 21px;
 }
 
 .pilot-box:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
 }
 
 /* Styling for the image box */
 .Pilot-r-box img {
    width: 102px;
    border: 1px solid #829bae4d;
    height: auto;
    /* border-bottom: 3px solid #0b7b91; */
    border-radius: 8px;
    transition: transform 0.3s ease;
 }
 
 .Pilot-r-box img:hover {
    transform: scale(1.05);
 }
 
 /* Styling for the product card */
 .Pilot-card {
   padding: 20px 20px 14px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
 }
 
 .pilot-title h2,
 .pilot-title h3,
 .pilot-title h4,
 .pilot-title h5,
 .pilot-title h6 {
   font-size: 15px;
   margin-bottom: 0px;
   padding: 6px 10px;
   padding-left: 10px;
   padding-left: 0px;
   line-height: 1.3;
   font-weight: 600;
   color: #0b5e8d;
 }
 
 .pilot-title p{
   font-size: 15px;
   margin-bottom: 0px;
   padding: 6px 10px;
   padding-left: 10px;
   padding-left: 0px;
   font-weight: 600;
   line-height: 1.3;
   color: #0b5e8d;
 }

 .pilot-title  {
    text-decoration: none;
    color: inherit;
 }
 
 /* Table styling */
 .tbbs {
    width: 100%;
    border-collapse: collapse;
 }
 
 .tbbs td {
    padding: 10px;
     color: #000000e0;
     border: 1px solid #8080806e;
     font-size: 13px;
     font-weight: 500;
 }
 
 
 
 /* Scroll styling */
 .anys-main-scroll {
   max-height: 211px;
  overflow-y: auto;
  border: 1px solid #8080805e;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 0px;
 }
 
 .table {
    margin: 0;
 }
 
 .plant-sec {
    margin-top: 80px;
 }
 
 .details-sec {
    background: none !important;
    border: 1px solid #8080807d;
 }
 .back-c{
   background: #1a89de12;
 }
 
 
 
 @media(min-width:991px) and (max-width:1200px){
    .Pilot-r-box img{
       width: 111px;
    }
    .pilot-box-sub{
      width:50%;
   }
    
 }
 
 
 @media(min-width:768px) and (max-width:990px){
    .Pilot-r-box img {
       width: 156px;
       margin-top: 20px;
       border-bottom: 3px solid #1a89de !important;
   }
   .Pilot-card {
      padding: 20px 20px 20px 17px !important;
   }
   .Pilot-title h2, .Pilot-title h3, .Pilot-title h4, .Pilot-title h5, .Pilot-title h6{
      text-align: center;
    line-height: 1.3;
   }
   .pilot-box-sub{
      width:50%;
   }
 }
 
 @media(min-width:620px) and (max-width:767px){
   
    .Pilot-r-box img {
       width: 156px;
       margin-top: 20px;
       border-bottom: 3px solid #0b7b91 !important;
   }
   .pilot-box-sub {
      width:50%;
  }
   .Pilot-card {
      padding: 11px 10px 13px 10px !important;
   }
   .double-sec {
      margin-top: 37px !important;
  }
 }
 
 @media(min-width:320px) and (max-width:619px){
    .pilot-box-sub {
       width:50%;
       padding:0px 2px;
   }
   .Pilot-card {
      padding: 9px 13px 14px 15px;
   }
   .pilot-title h2, .pilot-title h3, .pilot-title h4, .pilot-title h5, .pilot-title h6{
      text-align: center !important;
      margin-bottom: 7px !important;
   }
   .pilot-title p{
text-align: center !important;
font-size:14px !important;
   }
   .double-sec {
      margin-top: 37px !important;
  }
   .tbbs_box{
    padding-left: 18px !important;
   }
   .Pilot-r-box img {
    width: 156px;
    margin-top: 20px;
   }
   .ozone-sec {
    margin-top: 59px !important;
 }
 .plant-sec {
    margin-top: 58px;
 }
 .uv-sec {
    margin-top: 58px;
 }
 .Pilot-title{
    text-align: center;
 }
 }


 @media(min-width:320px) and (max-width:420px){
 
   .Pilot-card {
      padding: 10px 6px 14px 7px !important;
   }
   .Pilot-r-box img {
      width: 115px !important;
      margin-top: 20px;
    }
 .pilot-title h2,
 .pilot-title h3,
 .pilot-title h4,
 .pilot-title h5,
 .pilot-title h6{
      font-size:14px !important;
   }
 }




 .visible-sec{
    margin-top:70px;
 }
 .visible-bio{
   height: 132px ;
 }


 .drug-visible{
   border: 1px solid #8080802e !important;
 }

 .infrared-sec{
    margin-top:78px;
 }
.drug-main-b{
   width: 20%;
  padding: 0px 5px;
  margin-bottom: 10px;
}
.visible-bio {
   height: 150px;
}
.m-right-v{
   padding-top:0px;
   font-size:15px;
}
.pio-main-sec{
   display: flex;
  justify-content: center;
}
.pio-main{
   display: flex;
  justify-content: space-between;
  padding-bottom:8px;
}
.cart-p{
   font-size: 11.5px;
   padding:0px;
   border: 0px;
   background: none;
   color: #083b62;
   font-weight: 500;
}
.cart-p:hover{
  text-decoration: underline;
}
.cart-p i{
   margin-right:5px;
}
.wish-list-btn button{
border:none;
background: none;
}
.wish-list-btn i{
   color: red;
   font-size: 14px;
   padding-top:6px;
}
.compare-b i{
   font-size: 15px;
}
.pio-rating i{
   font-size: 7px;
  color: #ffa604d4;
 }
.button-list-container{
   display: flex;
  justify-content: space-between;
  border-top: 1px solid #808080a3;
  padding-top: 17px;
}




 
@media(min-width:991px) and (max-width:1200px){
   .drug-main-b{
      width:25%;
      padding:0px 4px;
      margin-bottom:10px;
   }
 }
 @media(min-width:768px) and (max-width:990px){
   .drug-main-b {
      width: 33.33% !important;
      padding: 0px 4px;
      margin-bottom: 10px;
  }
  .visible-bio {
   height: 133px !important;
}
 }
 @media(min-width:320px) and (max-width:767px){
   .drug-main-b {
      width: 50% !important;
      padding: 0px 3px;
      margin-bottom: 10px;
  }
 }
 @media(min-width:320px) and (max-width:400px){
   .drug-title h2, .drug-title h3, .drug-title h4, .drug-title h5, .drug-title h6 {
      padding: 0px 8px;
      font-size: 14px;
   }
   .button-visible-container{
      padding: 12px 6px 10px 0px !important;
   }
   .cart-visible{
      font-size: 10px !important;
      padding: 4px 6px !important;
   }
   .image-link img {
      width: 111px !important;
    }

 }









/* visible sec 3 */

.wish-visible-btn button{
   background: none;
  border: none;
}
.wish-visible-btn i{
   position: absolute;
  top: 16px;
  right: 17px;
  color: red;
  font-size:14.5px;
}
.visible-rating i{
   font-size: 7px;
  color: orange;
}
.button-visible-container{
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid #80808052;
   padding: 12px 10px 10px 10px;
}

.visible-main{
   display: flex;
   justify-content: space-between;
   padding: 0px 15px;
   padding-top: 7px;
}
.vis-price{
   font-size: 12px !important;
   color: #dc3545 !important;
}
.cart-visible{
   border: 1px solid #1083db91;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  color: #053b64;
  background: none;
  padding-bottom: 4px;
  border-radius: 30px;
}

.visible-rating{
   padding-bottom: 18px;
}
.cart-visible i{
margin-right:5px;
color: #053b64;
font-size: 10px;
}
.cart-visible:hover {
   color: #fff;
  background: #127dce;
}
 .cart-visible:hover .cart-visible i{
   color: #fff !important;
}


.drug-infrad {
   position: relative;
}


.drug-infrad .cart-infrad {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.3s ease;
   margin: 0px 20px;
}

/* Default position of content-box-main */
.drug-infrad .content-box-main {
   transition: transform 0.3s ease;
   background: white;
}
.cart-infrad i{
color:white !important;
}
.drug-infrad:hover .content-box-main {
   transform: translateY(-30px); /
}
.m-right-f{
  font-size: 14px !important;
  padding-top: 7px !important;
  color: #065491 !important;
}
.image-link img{
   width:145px;
}

.drug-infrad:hover .cart-infrad {
   opacity: 1;
  visibility: visible;
  transform: translateY(19px);
  margin: 0px 30px;
}



.infrad-main-s button{
   border: none;
   background: none;
}
.infrad-main-s i{
   position: absolute;
  top: 10px;
  left: 12px;
  font-size: 14px;
  color: red;
}
.rating-p{
   display: flex;
   justify-content: space-between;
   padding: 0px 13px;
   padding-top:3px;
   align-items: baseline;
}
.infrad-rating i{
   font-size: 7px;
  color: #ffa604d4;
}
.infred-price{
   font-size: 12px;
  color: #dc3545;
  font-weight: 500;
}
.cart-infrad {
   border: 1px solid #1083db91;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  color: #fff;
  background: #1083db;
  padding-bottom: 4px;
  border-radius: 30px
 }
 .cart-infrad i {
   margin-right: 5px;
   color: #053b64;
   font-size: 10px;
 }
 .drug-infrad{
   width: 20%;
  padding: 0px 7px;
  margin-bottom: 10px;
 }
.image-sec1 img{
   margin-top: 39px;
   margin-bottom: -13px;
}



@media(min-width:991px) and (max-width:1200px){
.drug-infrad{
width:25%;
padding:0px 6px;
margin-bottom:10px;
}
}

@media(min-width:768px) and (max-width:990px){
   .drug-infrad{
      width:33.33%;
      padding:0px 6px;
      margin-bottom:10px;
      }
}


@media(min-width:320px) and (max-width:768px){
   .drug-infrad{
      width:50%;
      padding: 0px 3px;
        margin-bottom: 6px;
      }
}
@media(min-width:381px) and (max-width:450px){
   .image-link img {
      width: 108px !important;
  }
  .drug-infrad:hover .cart-infrad {
   margin: 0px !important;
  }
  .bg-f{
   padding: 30px 19px !important;

  }
}
@media(min-width:320px) and (max-width:380px){
.bg-f{
   padding:0px !important;
}
.image-link img {
   width: 108px !important;
}
.drug-infrad:hover .cart-infrad {
margin: 0px !important;
}
.drug-title h2, .drug-title h3, .drug-title h4, .drug-title h5, .drug-title h6{
   padding: 0px 3px;
    font-size: 13.7px;
}
}












 @media(min-width:320px) and (max-width:991px){
   .visible-sec {
      margin-top: 47px !important;
  }
  .infrared-sec {
   margin-top: 46px !important;
}

}
@media(min-width:320px) and (max-width:1200px){
   .heading-sub h2, .heading-sub h3, .heading-sub h4, .heading-sub h5, .heading-sub h6{
      margin-bottom: 12px !important;
   }
}
/* footer */
 
 .footer-labo {
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 10px 0px;
    color: #ffffff;
    border-top: 1px solid #118dcd;
    margin-top:100px;
    padding-top:37px;
 }
 
 
 .footer-labo .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
 }
 
 .footer-labo .footer-f .logo-footer img {
    border: 1px solid #80808080;
    border-radius: 4px;
    padding: 4px;
    max-width: 192px;
    margin-bottom: 8px;
  }
  .footer-labo .footer-f .address .footer-p {
    line-height: 1.6;
    color: #222d2b;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px !important;
  }
 
 .footer-labo .footer-l,
 .footer-labo .footer-u {
    margin-bottom: 20px;
 }
 
 .footer-labo .footer-f .logo-footer img {
    border: 1px solid #80808080;
    border-radius: 4px;
    padding: 4px;
    max-width: 192px;
    margin-bottom: 8px;
 }
 
 .footer-labo .footer-f .address .footer-p {
    line-height: 1.8;
    margin-bottom: 0;
    color: #042621;
    font-size:15px;
 }
 
 .footer-labo .footer_links_u p,
 .footer-labo .footer_links_p p {
    font-size: 18px;
    margin-bottom: 18px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    color: #085983;
 }
 
 .footer-labo .footer_links_u ul,
 .footer-labo .footer_links_p ul {
    list-style: none;
    padding: 0;
 }
 
 .footer-labo .footer_links_u ul li,
 .footer-labo .footer_links_p ul li {
    margin-bottom: 4px;
 }
 
 .footer-labo .footer_links_u ul li a,
 .footer-labo .footer_links_p ul li a {
    color: #042621;
    text-decoration: none;
    font-size:14px;
    transition: color 0.3s ease;
    font-weight: 500;
 }
 
 
 
 .footer-last{
    display: flex;
     justify-content: center;
 }
 .footer-labo .footer_links_p .footer_ul .footer_li {
    margin-bottom: 13px;
 }
 
 .footer-labo .footer_links_p .footer_ul .footer_li a {
    color: #005e50;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
 }
 
 .footer-labo .footer_links_p .footer_ul .footer_li a i {
   margin-right:7px;
  font-size: 11px;
  background: #118dcd;
  width: 23px;
  height: 23px;
  color: #fff;
  display: flex;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
 }
 
 .footer-labo .footer_links_p .footer_ul .footer_li a {
   color: black;
   text-decoration: none;
   display: flex;
   align-items: center;
   transition: color 0.3s ease;
}

.footer-labo .footer_links_p .footer_ul .footer_li a i {
   margin-right: 5px;
   font-size: 12px;
   background: #118dcd;
   width: 23px;
   height: 23px;
   color: #fff;
   display: flex;
   border-radius: 50%;
   justify-content: center;
   align-items: center;
}



 
 .copy-rights {
    background-color:#0a6293;
     text-align: center;
     padding: 15px 0;
     margin-top:0px;
 }
 
 .copy-rights p {
    margin: 0;
    font-size: 14px;
    color: #ffffff;
 }
 
 
 .categories-main-sec{
    margin-top:149px;
 }



/*  */

.catrgoery-box-sec{
   width: 33.33%;
   margin-bottom: 17px;
   padding: 0px 10px; 
}

.catrgoery-box-m {
   background-color: #ffffff; 
   border: 1px solid #80808047;
   border-radius: 8px;
   overflow: hidden;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.catrgoery-box-m:hover {
   transform: translateY(-5px);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.cate-c-box {
   padding: 20px;
   background: #118dcd0d;
    border-right: 1px solid #80808012;
}

.cate-card{
padding-left:10px;
}

.cate-para {
   font-size: 11px;
    color: grey;
}

.cate-title h2,.cate-title h3,.cate-title h4,.cate-title h5,.cate-title h6 {
   
   font-size: 15.6px;
   font-weight: 600;
    color: #0b5e8d;
   border-left: 0px;
   line-height: 1.3;
   margin-bottom: 18px;
}
.cate-title{
  text-decoration: none;
}


.cate-title p{
   font-size: 24px;
   font-size: 15.6px;
   font-weight: 600;
    color: #0b5e8d;
   border-left: 0px;
   line-height: 1.3;
   margin-bottom: 18px;
}


.catego-btn {
   background: none;
    color: black;
    border: 1px solid grey;
    padding: 2px 16px;
    font-size: 11.5px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.catego-btn:hover {
   background-color: #118dcd;
   color: white;
   border: none;
   cursor: pointer;
}

.cate-image-bo {
   padding: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.categ-r-box {
   text-align: center;
}

.categ-r-box img {
   max-width:106px;
   border-radius: 8px;
   transition: transform 0.3s ease;
}

.categ-r-box img:hover {
   transform: scale(1.05);
}

 
 @media(min-width:991px) and (max-width:1200px) {
   .categ-r-box img{
      max-width: 74px !important;
   }
   .catrgoery-box-sec{
       width:33.33%;
    }
    .categories-main-sec {
      margin-top: 108px;
  }
  .categories-main-sec {
   margin-top: 104px !important;
}
 }
 
 @media(min-width:768px) and (max-width:991px) {
    .catrgoery-box-m .row{
      display: flex;
      flex-direction: column-reverse;
    }
    .categories-main-sec {
      margin-top:96px;
  }
    .catrgoery-box-sec{
      width:33.33%;
   }
   .categ-r-box img {
      max-width: 139px !important;
      margin: 17px 0px;
  }
    .cate-c-box{
      padding-top:0px !important;
    }
    .cate-image-bo{
      padding:0px;
    }
 }
 
 @media(min-width:401px) and (max-width:767px) {
   .catrgoery-box-m .row{
      display: flex;
      flex-direction: column-reverse;
    }
    .catrgoery-box-sec{
      width:50%;
   }
   .categories-main-sec {
      margin-top: 141px;
  }
 }

 @media(min-width:320px) and (max-width:400px){
   .cate-card {
      padding-left: 10px !important;
      padding-right: 10px !important;
  }
  .cate-title h2, .cate-title h3, .cate-title h4, .cate-title h5, .cate-title h6 {
   font-size: 13.6px !important;
}
.catrgoery-box-sec{
   width:50%;
   padding: 0px 2px;
}
.catrgoery-box-m .row{
   display: flex;
   flex-direction: column-reverse;
 }
.catego-btn {
   margin-bottom:10px !important;
   padding: 2px 16px;
  font-size: 11.5px;
    margin-bottom: 13px;
}
 }
 
  */
 
 compare-page .table-wrapper .table {
    border: 1px solid #dddddd;
    text-transform: capitalize;
    color: #333333;
    margin-bottom: 0;
 }
 
 .table-wrapper .table th {
    border: 1px solid #abb1b7ad !important;
    vertical-align: middle;
    text-align: start;
    padding-left: 12px;
    font-weight: 600;
    font-size: 14px;
    color: #333333;
 }
 
 .th-compare td {
    font-size: 14px;
    font-weight: 500;
    background: #f1f1f1;
    border-right: 1px solid #dddddd;
    letter-spacing: 0.05em;
    padding-left: 20px;
    text-align: center;
 }
 
 .th-compare th {
    text-align: left;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding-left: 20px;
    vertical-align: middle;
 }
 
 .th-compare th .remove-compare {
    text-align: center;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
 }
 
 .table .product-name {
    width: 15%;
 }
 
 .table-wrapper .table tbody tr td {
    padding: 17px;
    vertical-align: middle;
    border-bottom: 1px solid #c6cace;
    border-top: 1px solid #c6cace;
    border-right: 1px solid #c6cace;
    font-size: 14px;
    font-weight: 500;
    color: #383737;
    text-align: center;
 
 }
 
 
 .grid-link__title {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 500;
 }
 
 .product-name h2,
 .product-name h3,
 .product-name h3,
 .product-name h4,
 .product-name h5,
 .product-name h6 {
    text-decoration: none;
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 0px;
     color: #084298;
     text-align: center;
 }
 
 .product-name {
    text-decoration: none;
 }
 
 .table-wrapper .table .featured-image {
    width: 131px;
    margin: 20px 0px;
 }
 
 .grid-link a {
    text-decoration: none;
    color: black;
    font-weight: 400;
 }
 
 
 .price1-stock p {
    margin-bottom: 0px;
 }
 
 .compare-cart-btn {
   font-size: 12px;
   padding: 4px 28px;
   border: none;
   background: #147ac8;
   color: white;
   border-radius: 3px;
   font-weight: 500;
 }
 
 .remove-compare1 {
    border: none;
    background: none;
    color: #e53e3e;
    font-size: 11px;
    display: block;
    text-align: center;
 }
 .rating-p i{
   color: #ffa500;
    margin-right: -2px;
    font-size: 7px;
 }
 
 .price1-stock p{
   margin-bottom:0px;
 }
 .compare-cart-btn{
   font-size: 13px;
     padding: 6px 25px;
     border: none;
     background: #0d4999;
     color: white;
     border-radius: 3px;
     font-weight: 500;
 }
 .item-delete {
    text-align: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 
 .compare-padding {
    margin-top: 157px;
    margin-bottom: 120px;
 }
 
 .compare-heading h1 {
    text-align: left;
    font-size: 26px;
    color: #0c778d;
    font-weight: 600;
 }
 
 .compare-heading {
    text-decoration: none;
 }
 
 .compare-h {
    padding-bottom: 10px;
 }
 
 @media(min-width:991px) and (max-width:1200px) {
 
    .compare-padding {
       margin-top: 115px !important;
       margin-bottom: 120px;
    }
 }
 
 @media(min-width:768px) and (max-width:990px) {
    .compare-padding {
       margin-top: 99px;
       margin-bottom: 120px;
    }
 }
 
 @media(min-width:320px) and (max-width:767px) {
 
    .compare-padding {
       margin-top: 147px !important;
       margin-bottom: 120px;
 
    }
 
 }
 
 
 
 
 
 compare-page .table-wrapper .table {
    border: 1px solid #dddddd;
    text-transform: capitalize;
    color: #333333;
    margin-bottom: 0;
 }
 
 .table-wrapper .table th {
    border: 1px solid #abb1b7ad !important;
    vertical-align: middle;
    text-align: start;
    padding-left: 12px;
    font-weight: 600;
    font-size: 14px;
    color: #333333;
 }
 
 .th-compare td {
    font-size: 14px;
    font-weight: 500;
    background: #f1f1f1;
    border-right: 1px solid #dddddd;
    letter-spacing: 0.05em;
    padding-left: 20px;
    text-align: center;
 }
 
 .th-compare th {
    text-align: left;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding-left: 20px;
    vertical-align: middle;
 }
 
 .th-compare th .remove-compare {
    text-align: center;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
 }
 
 .table .product-name {
    width: 15%;
 }
 
 .table-wrapper .table tbody tr td {
    padding: 17px;
    vertical-align: middle;
    border-bottom: 1px solid #c6cace;
    border-top: 1px solid #c6cace;
    border-right: 1px solid #c6cace;
    font-size: 14px;
    font-weight: 500;
    color: #383737;
    text-align: center;
 
 }
 .rating-p{
   border-top: 1px solid #8080803d;
   display: flex;
   margin-top: 14px;
 }
 .rating-n i{
   color: #ff7c09;
 margin-right:-3px;
 font-size:9px;
 }

 .grid-link__title {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 500;
 }
 .image-b{
   border-bottom: 2px solid #0f74c1;
 }
 
 .product-name h2,
 .product-name h3,
 .product-name h3,
 .product-name h4,
 .product-name h5,
 .product-name h6 {
    text-decoration: none;
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 0px;
     color: #065491;
     text-align: center;
 }
 
 .product-name {
    text-decoration: none;
 }
 
 .table-wrapper .table .featured-image {
    width: 131px;
    margin: 20px 0px;
 }
 
 .grid-link a {
    text-decoration: none;
    color: black;
    font-weight: 400;
 }
 
 
 .price1-stock p {
    margin-bottom: 0px;
 }
 
 .compare-cart-btn {
   font-size: 12px;
   padding: 5px 28px;
   border: none;
   background: #0b77af;
   color: white;
   border-radius: 3px;
   font-weight: 500;
 }
 
 .remove-compare1 {
    border: none;
    background: none;
    color: #e53e3e;
    font-size: 11px;
    display: block;
    text-align: center;
 }
 
 .item-delete {
    text-align: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 
 .compare-padding {
    margin-top: 146px;
    margin-bottom: 120px;
 }
 
 .compare-heading h1 {
    text-align: left;
    font-size: 26px;
    color: #0c778d;
    font-weight: 600;
 }
 
 .compare-heading {
    text-decoration: none;
 }
 
 .compare-h {
    padding-bottom: 10px;
 }
 
 @media(min-width:991px) and (max-width:1200px) {
 
    .compare-padding {
       margin-top: 115px !important;
       margin-bottom: 120px;
    }
 }
 
 @media(min-width:768px) and (max-width:990px) {
    .compare-padding {
       margin-top: 99px;
       margin-bottom: 120px;
    }
 }
 
 @media(min-width:320px) and (max-width:767px) {
 
    .compare-padding {
       margin-top: 147px !important;
       margin-bottom: 120px;
 
    }
 
 
 }
 
 
 
 
 
 .nav-pills .nav-sub.active,
 .nav-pills .show>.nav-sub {
   background: #1083db !important;
    color: #fff;
    border-radius: 0px !important;
 
 }
 
 .nav-sub h2 {
    padding: 3px 13px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 7px;
    margin-bottom: 0px;
 }
 
 .nav-sub {
   text-decoration: none;
   background: none !important;
   color: #065491;
   padding: 2px 13px;
   font-weight: 600;
   font-size: 15px;
   border: 1px solid #1083db !important;
   margin-right: 7px;
   border-radius: 0px !important;
 }
 .lab-para1{
    font-size: 14px;
   color: #4e4c4c;
    margin-bottom: 0px;
 }
 
 
 .categories-box2 {
    columns: 4;
    column-gap: 13px;
    border-radius: 15px;
 }
 
 .categories-inner2 {
    width:25%;
    padding:0px 9px;
  
 }
 
 .sub-inner-box{
   position:relative;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 0 0 18px;
    overflow: hidden;
    background: #ffffff;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
 }
 .sub-text h2,
 .sub-text h3,
 .sub-text h4,
 .sub-text h5,
 .sub-text h6 {
   font-size: 15.8px;
   color: #034579;
   padding-top: 15px;
   line-height: 1.3;
   padding-left: 11px;
   padding-right: 11px;
   font-weight: 500;
   margin-bottom: 0px;
   padding-bottom:0px !important;
 }
 
 .sub-inner img {
    width: 145px;
    margin-top: 34px;
 }
 
 .sub-text p {
   font-size: 15.8px;
   color: #034579;
   padding-top: 15px;
   padding-bottom: 5px;
     line-height: 1.3;
     padding-left: 11px;
     padding-right: 11px;
     font-weight: 600;
     margin-bottom: 0px;
 }
 
 .heading2 h1 {
    text-align: left;
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 1px;
     color: #065491;
 }
 
 .heading2 {
    text-decoration: none;
 }
 
 .lab-para2 {
    font-size: 14px;
    color: #4e4c4c;
 }
 
 .copy-rights p {
    margin: 0;
    font-size: 14px;
    color: #ffffff;
 }
 
 
 
 .compare_bttn {
    background-color: #334a9f;
 }
 /* .autoclave-head{
    background: #0b7b9117;
 } */
 .bdt_table tbody{
    border: 1px solid #8080803b;
 }
 .action--compare-add {
   color: #06416fa8;
 }
 
 .action--compare-add:hover .action__text--invisible,
 .action--download:hover .action__text--invisible {
    color: #ddd;
    font-size: 16px;
    letter-spacing: 0;
    background: #2F3035;
    border-radius: 2px;
    padding: 3px 5px;
 }
 
 .action--compare-add:hover {
    color: #046252;
 }
 
 .action--compare-add .fa-check,
 .action--compare-add :checked~.fa-square {
    display: none;
 }
 
 .action--compare-add input[type=checkbox]:checked~.fa-check {
    display: inherit;
    color: #1083db;
 }
 
 .check-hidden {
    position: absolute;
    opacity: 0;
 }
 
 .action {
    display: inline-block;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    background: transparent;
    text-align: center;
    padding-top: 8px;
    font-weight: 500;
 }
 
 .action:focus {
    outline: none;
 }
 
 .action__text {
 
    font-weight: 500;
    letter-spacing: 1px;
    font-size: .813em;
    vertical-align: middle;
    display: inline-block;
 }
 
 .action__text--invisible {
    position: absolute;
    top: 100%;
    opacity: 0;
    pointer-events: none;
 }
 
 .compare-top {
    position: fixed;
    top: 153px;
    right: 20px;
    z-index: 1099;
 }
 
 .btn-compare,
 .btn-compare:hover 
   .btn-compare, .btn-compare:hover{
    color:#ffffff !important;
    font-size: 14px;
 }
 
 .col-md-2-5.col-lg-2-5 {
    width: 20%;
 }
 
 .leftfl::before,
 .rightfl::before {
    font-size: 25px;
 }
 
 .cpp {
    float: right !important;
    border: none;
 }
 
 .main-m-box1 {
    padding: 12px;
 }
 
 .sub-text {
    text-decoration: none;
 }
 .table_details td{
 font-size: 13.4px;
 font-weight: 400;
 color:#000000d9;
 border: 1px solid #686565;
 }
 .sub-image{
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .table_details{
    padding: 10px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #0883e1 #ffffff;
    height: 199px;
 }

 .wish-main-btn{
   background: none;
   border: none;
 }
 /* .wish-main-btn i{
  position: absolute;
  top: 11px;
  left: 20px;
  color: red;
  font-size: 16px;
 } */
 .sub-rating i {
   font-size: 8px;
   color: #ffa604d4;
 }
 .sub-rating{
   padding: 0px 11px;
 }
 .price-sub {
   color: #dc3545;
   font-size: 12px;
   font-weight: 400;
   margin-bottom: 0px;
 }
 .button-sub-container{
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 13px;
 }
 .cart-sub{
   background: none;
   font-size: 11px;
   border: 1px solid #8398a8c9;
   padding: 2px 10px;
   color: #064475;
   font-weight: 500;

 }
 .wish-sub-main button{
border:none;
background: none;
 }
 .wish-sub-main i{
   border: none;
  color: red;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size:14px;
 }
 .anyla-bio1{
   padding: 0px 10px;
   margin-top: 10px;
 }
 .anyla-bio1{
   padding: 0px 12px;
  margin-top: 10px;
 }
.cart-sub i{
margin-right:5px;
}
 
 @media(min-width:991px) and (max-width:1200px){
    .micro-bio {
       height: 155px;
   }
   .categories-inner2{
    width:33.33%;
 }
   .sub-text p{
    padding-top: 24px !important;
   }
   .table_details{
    height: 219px;
   }
 }
 
 
 @media(min-width:768px) and (max-width:990px){
    .categories-inner2{
       width:50%;
    }
   .sub-text p {
    padding-top:28px !important;
   }
   .table_details {
    height: 183px !important;
   }
   .lab-para1{
    display:none !important;
   }
 }
 @media(min-width:620px) and (max-width:767px){
    .categories-inner2{
       width:50%;
       padding:0px 4px;
    }
   .micro-bio {
    height: 178px;
   }
   .sub-inner img {
    width: 141px !important;
    margin-top: 34px;
    /* text-align: center; */
 }
 .table_details{
    height: 241px;
 }
 .lab-para1{
    display:none !important;
 }
 }
 @media(min-width:320px) and (max-width:619px){
    .categories-inner2 {
       width:100%;
    }
   .sub-inner img {
    width: 141px !important;
    
 }
 .lab-para1{
    display:none !important;
 }
 }
 
 
 
 .about-sec{
    margin-top:130px;
 }
 
 .spectro-container {
    color: #333;
    line-height: 1.6;
    padding: 20px;
    max-width: 1200px;
    margin: auto;
 }
 
 .intro-section {
    border-radius: 8px;
 }
 
 .intro-heading {
    font-size: 16px;
    margin-top:25px;
    font-weight: 500;
    margin-bottom: 10px;
 }
 
 .intro-text {
    font-size: 14px;
     margin-bottom: 0px;
     padding-top: 20px;
     color:black;
 }
 
 .industries-section {
    border-radius: 8px;
    margin-bottom: 20px;
 }
 
 .section-heading {
    font-size: 15px;
     color: #484444;
     font-weight: 500;
     margin-bottom: 11px;
 }
 .section-last{
    font-size: 17px;
    color: #065491;
     font-weight: 600;
     text-transform: uppercase;
     margin-bottom: 7px;
     padding-left: 3px;
 }
 .marg-t{
    margin-top:35px !important;
 }
 
 .industry-list {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
 }
 
 .industry-list li {
    background-color: #fff;
    color: #0971a7;
     margin-bottom:0px;
     font-size: 13.2px;
     font-weight: 600;
     border: 1px solid #0a826a52;
     padding: 7px 15px;
     border-radius: 5px;
   
     text-align: center;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
 .strengths-section {
    margin-top: 40px;
     border-radius: 8px;
 }
 
 .strengths-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
 }
 .para-heading{
    font-size: 17px !important;
     font-weight: 600;
     margin-bottom:3px;
 }
 .para-heading2 {
    font-size: 14px !important;
 }
 .strength {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4;
    border: 1px solid #80808057;
 }
 
 @media(min-width:991px) and (max-width:1200px){
    .about-sec {
       margin-top: 86px !important;
   }
 }
 @media(min-width:768px) and (max-width:991px){
 .about-sec {
    margin-top: 79px;
 }
 }
 
 @media(min-width:320px) and (max-width:767px){
 .about-sec {
    margin-top: 118px !important;
 }
 }
 
 
 
 
 
 
 
 
 
 .contact-heading h1{
    color: #0d636c;
   font-size: 27px;
   text-align: center;
   padding-bottom: 10px;
   font-weight: 500;
 }
 
 .card-body{
   position: relative;
  border-radius: 5px;
 }
 
 .card-title1{
   font-size: 18px !important;
    color: #1a0101a3 !important;
     font-weight: 600 !important;
     margin-bottom: 1.5rem;
 }
 .main-c h2 {
    font-size: 21px;
    color: #077581;
    font-weight: 600;
 }
 .card-body p {
    font-size: 1rem;
    margin-bottom: 1rem;
 }
 .contact-add{
   background:#588eaa21;
   padding: 34px 28px 26px 26px;
   margin-top:20px;
 }
 
 .card-i{
    padding: 10px 0px;
 
 }
 .btn-primary {
   background-color: #118dcd;
    border: none;
    margin-top: 6px
 }
 
 .btn-primary:hover {
    background-color: #1083db;
 }
 
 .form-control {
    border-radius: 0;
 }
 
 .form-control:focus {
    box-shadow: none;
 }
 .list-unstyled{
    margin-bottom:0px;
 }
 .list-unstyled i{
    color: #0d636c;
   margin-right: 7px;
   padding-top:3px;
   font-size:20px !important;
 }
 .list-unstyled p{
    font-size: 14px;
    margin-bottom: 0px;
 }
 .list-unstyled a{
    text-decoration: none;
    color: black;
 }
 .list-unstyled li{
   font-size:15px;
    display: inline-flex;
 }
 .contact-la label{
    font-size: 15px;
    font-weight: 500;
    margin-bottom:3px;
 }
 .contact-la{
    margin-bottom: 16px;
    padding:9px;
 }
 .main-c {
    border: 1px solid #ced4da;
    padding: 20px;
    height: 321px;
    border-radius: 3px;
 }
 .sub-category-section{
    margin-top: 162px;
 }
 .contact-h{
    margin-bottom: 30px;
 }
 .contactus{
    margin-top:149px;
 }
 .anys-main-scroll1{
   border: 1px solid #5b6b7638;
    margin: 0px 10px;
    margin-top: 10px;
 }

 .contact-item {
   margin-bottom: 20px;
   padding: 15px;
   border: 1px solid #e0e0e0;
   border-radius: 8px;
   background-color: #f9f9f9;
   transition: background-color 0.3s, box-shadow 0.3s;
}

.icon-text {
   display: block;
   align-items: center;
}

.contact-icon {
   font-size: 19px;
   color: #0e869e;
   margin-right: 15px;
}

.contact-details {
   flex-grow: 1;
}

.contact-title {
   font-size: 16px;
   font-weight: bold;
   color: #333;
   margin-bottom: 0px;
}
.contact-info{
   margin-bottom: 0px;;
}

.contact-info a {
   font-size: 14px;
   color: #555;
   text-decoration: none;
}

.contact-info a:hover {
   color: #0d6efd;
   text-decoration: underline;
}




 
 @media(min-width:991px) and (max-width:1200px){
    .contactus {
       margin-top: 108px !important;
   }
 }
 @media(min-width:768px) and (max-width:991px){
    .contactus {
       margin-top: 93px !important;
   }
 }
 
 @media(min-width:320px) and (max-width:767px){
    .contactus {
       margin-top: 142px !important;
   }
 }
 
 
 
 
 
 
 
 
 .product-desc {
    margin-top: 131px;
    background: #ffffff;
    padding: 20px 20px 28px 20px;
    border-radius: 8px;
 }
 /* .tab-product{
    border: 1px solid #10677142;
     padding: 0px 17px;
     padding-bottom: 10px;
 } */
 .product-image {
    display: flex;
    justify-content: center;
    border: 1px solid #0b6f833b;
    align-items: center;
 }
 
 .product-image img {
    width: 210px;
    height: auto;
    border-radius: 8px;
    margin-bottom: 15px;
 }
 
 .wrapper2 h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 18px;
    color: #0b6f83;
    padding-top: 50px;
 }
 
 .headingdc {
    font-size: 1.5rem;
    font-weight: bold;
    color: #084298;
    margin-bottom: 6px;
    display: block;
 }
 
 .headingdc h1 {
    font-weight: 600;
     font-size: 21px;
     margin: 0;
     color: #065491;
 }
 
 .headingdc {
    text-decoration: none;
 }
 
 .description {
    text-align: justify;
    color: #000;
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 11px;
 }
 
 .getcatalog {
    display: inline-block;
    padding: 4px 16px;
    background: #0e76c6;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
 }
 .catlog-btn{
    display: inline-block;
    padding: 4px 16px;
    background: #0e76c6;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
 }
 
 .getcatalog i {
    margin-left: 5px;
 }
 
 .getcatalog:hover {
   background: #0e76c6;
    color: #ffffff;
 }
 .catlog-btn:hover{
   background: #0e76c6;
    color: #ffffff;
 }
 
 .request-q {
    padding-bottom: 0px;
    font-size: 15px;
    font-weight: 500;
 }
 
 .product-n {
    font-size: 14px;
 }
 
 .fake-input img {
    width: 53px;
 }
 
 .heading-r {
   color: #0d68ae;
     font-size: 17px;
     font-weight: 600;
 }
 
 .enqq_btn {
    padding: 5px 38px;
    font-size: 12px;
    background: #127fd2;
    font-weight: 600;
    margin-bottom: 22px;
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
 }
 







 .detail-imag-1{
   border: 1px solid #e3dcdc;
    margin-bottom: 15px;
}

.product-detail-main {
   margin-top:150px;
}
.product-title1{
   margin-bottom:5px !important;
}
.product-price-rating2{
padding-top: 14px;
border-top: 1px solid #8080808a;
}

/* Big Image */
.big-image {
   position: relative;
   margin-bottom: 20px;
   display:flex;
   justify-content: center;
   align-items: center;
}

.big-image img {
   width: 364px;
   border-radius: 10px;
   transition: transform 0.3s ease-in-out;
}

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


.seperator {
   height: 1px;
   background-color: #ddd;
   margin: 20px 0;
}

.reviews-content {
   align-items: center;
}

.reviews-content .star i {
   color: #ff9800;
   font-size: 10px;
}

.reviews-content .count {
   margin-left: 12px;
   font-size: 14px;
}

.avalil {
   font-size: 14px;
   margin-bottom: 10px;
}

.avalil span {
   color: #28a745;
   font-weight: bold;
}

.spect-main-desc{
   padding-right: 49px;
}

.detail-price {
   font-size: 16px;
  color: #e74c3c;
  font-weight: 600;
  margin-bottom: 0px;
}
.details-wishl {
   background-color: transparent;
   border: none;
   cursor: pointer;
   margin-left: 20px;
   font-size: 20px;
   color: #e74c3c;
   transition: color 0.3s ease-in-out;
 }

/* Quantity Selector */
.quantity {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.quantity input[type="button"] {
   border-radius: 4px; 
   background: #e4edf9;
   
   color: #090a0a;
   border: 1px solid #c7bfbf;
   padding: 2px 10px;
   cursor: pointer;

}

.quantity input[type="button"]:hover {
   background-color: #0056b3;
   color:white;
}

.quantity input[type="number"] {
   text-align: center;
   border: 1px solid #ddd;
   border-radius: 5px;
   margin: 0 10px;
}
.button-detail .detail-cart {
   color: #064475;
   margin-left: 20px;
   background:#fff;
   font-size: 12px;
   padding: 4px 20px;
   border-radius: 5px;
   cursor: pointer;
   transition: background-color 0.3s ease-in-out;
   border: 1px solid #628097c9;
   font-weight: 500;
}

.button-detail .detail-cart:hover {
   background: rgb(240, 110, 10);
   color:white;
}

.slick-slide img{
   width: 88px;
    border: 1px solid #80808052;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}




.review-section {
   margin-top: 20px;
   padding: 20px;
   background-color: #f9f9f9;
   border: 1px solid #e0e0e0;
   border-radius: 5px;
   margin-bottom:50px;
}

.rating-sec-a h3 {
   font-size: 22px;
   color: #333;
}



.rating-avatar .fa-star {
   color: #ffb300  !important;
   font-size:9px !important;
}

.review-p {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 5px;
}

.review-p span {
   font-size: 14px;
   color: #333;
}

.progress {
   height: 10px;
}

.progress-bar {
   border-radius: 5px;
}

.media {
   margin-bottom: 20px;
}

.media img {
   width: 28px;
   height: 28px;
   border-radius: 50%;
   margin-right: 10px;
}

.media-body h5 {
   font-size: 15px;
    color: #333;
    margin-bottom: -2px;
    padding-top: 8px;
}

.media-body p {
   font-size: 13px;
  color: #575555;
}


/* Styles for Submit Your Review Section */
.sub-y-r {
   padding: 20px;
   background-color: #f9f9f9;
   border: 1px solid #e0e0e0;
   border-radius: 5px;
}

.sub-y-r h3 {
   font-size: 19px;
   color: #084593;
}

.rating-subm {
   font-size: 16px;
    color: #000;
    margin-bottom: 3px;
}
.btn-submit{
   padding: 5px 27px;
  font-size: 16px;
  color: #fff;
  background:#095895 !important;
  border: none;
}

.rating-submit {
   font-size: 10px;
   color: #ffb300;
   margin-bottom: 20px;
}

.review-form label {
   font-size: 16px;
   color: #333;
   margin-bottom: 5px;
}

.review-form .form-control {
   width: 100%;
   padding: 10px;
   font-size: 14px;
   border: 1px solid #ccc;
   border-radius: 4px;
   margin-bottom: 10px;
}

.review-form textarea {
   resize: vertical;
}

.review-form button {
   padding: 5px 27px;
    font-size: 16px;
    color: #fff;
    background-color:#1083db;
    border: none;
    border-radius: 4px;
}

.review-form button:hover {
   background-color: #0056b3;
   color:white;
}
/* Styles for Average Rating Section */
.rating-sec-a {
   background-color: #f9f9f9;
   padding: 20px;
   border: 1px solid #e0e0e0;
   border-radius: 5px;
}

.rating-sec-a h3 {
   font-size: 20px;
   color: #0f5082;
   margin-bottom: 0px;
}
.rating-five{
   margin-top:10px;
}


.rating-avatar .fa-star {
   color: #ffd700;
}

.review-p {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 5px;
}

.review-p span {
   font-size: 14px;
   color: #333;
}

.progress {
   height: 10px;
}
.wrapper h2{
   font-size: 25px;
    color: #084593;
}

.progress-bar {
   border-radius: 5px;
}

.media {
   margin-bottom: 20px;
}



.media-body p {
   font-size: 14px;
   color: #666;
}


.ratingg p{
   margin-bottom: 0px;
   color: black;
   font-size: 24px;
   font-weight: 500;
}
.ratingg-sec{
   background: white;
    padding: 20px;
    border: 1px solid #8080804d;
}
.total-r{
   font-size: 12px;
}

.progress-main{
   width:75%;
}
.bg-sec{
   background-color: rgb(16, 131, 219) !important;
}
.ratings-main{
   margin-top:30px;
}
.ratingg{
   margin-bottom: -5px;
    font-size: 21px;
    font-weight: 500;
}




/* Navigation Buttons */
.l-r-buttons {
   display: flex;
   justify-content: space-between;
   margin-top: 10px;
}



.l-r-buttons .up-btn {
   position: absolute;
  top: 40px;
  left: -12px;
  border: none;
  color: white;
  width: 20px;
  border-radius: 50%;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1771e39e;
}
.l-r-buttons .down-btn{
   position: absolute;
   top: 38px;
   right: -4px;
   border: none;
   color: white;
   width: 20px;
   border-radius: 50%;
   height: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #1771e39e;
}






 /* Tab Navigation */
 
 .nav-tabs .nav-item {
    margin-bottom: -1px;
 }
 
 .nav-tabs .nav-link {
   font-size: 14.5px;
  border: 1px solid #1066a8;
   
  color: #0f5082;
  font-weight: 600;
  padding: 4px 20px;
  margin-bottom: 7px;
  margin-right: 7px;
  margin-left: 0px;
  border-radius: 0px;
 }
 
 .nav-tabs .nav-link.active {
    color: #fff;
  
    margin-bottom: 10px;
    margin-right: 7px;
    border-radius: 0px;
    margin-left: 0px;
    font-weight: 600;
    background-color: #0e76c6;
    border-color: #dee2e6 #dee2e6 #fff;
 }
 
 .product-description-tabs {
    margin-top: 50px;
 }
 
 .bdt_table strong {
    font-weight: 600;
 
 }
 
 .bdt_table td {
    font-size: 14px !important;
 }
 
 .bdt_table {
    border: 1px solid #8080803b;
 }
 
 .tab-spe-main {
    border: 1px solid #10677142;
    padding: 20px;
 }
 
 .product-features {
    list-style-type: none;
    padding-left: 0px;
    margin-top: 14px;
 }
 
 
 /* Tab Content */
 .tab-content {
 
    border-top: none;
    background-color: #fff;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
 }
 
 /* Table Styles */
 .bdt_table table {
    margin-bottom: 0;
 }
 
 .bdt_table table thead th {
    background-color: #084298;
    color: #fff;
    border: none;
 }
 .strong{
 font-weight: 600;
 }
 /* .bdt_table tbody tr:nth-child(even) {
    background-color: #0b6f830f;
 } */
 
 .bdt_table table td,
 .table th {
    padding: 10px;
    border: 1px solid #dee2e6;
    vertical-align: middle;
 }
 
 .bdt_table td {
    font-size: 14px;
 }
 
 /* List Styles */
 ul {
    padding-left: 20px;
 }
 
 ul li {
    margin-bottom: 7px;
    font-size: 14px;
 }
 
 ul li i {
    color: #084298;
    margin-right: 10px;
 }
 
 .subcate-image img {
    width: 115px;
    margin-top: 36px;
    border: none;
    box-shadow: none;
    margin-bottom: 28px;
 }
 .features-s{
    margin-bottom: 0px;
     font-size: 14px;
     margin-top: 10px;
 }
 .product-title1 h2,
 .product-title1 h3,
 .product-title1 h4,
 .product-title1 h5,
 .product-title1 h6 {
   line-height: 1.3;
   padding-left: 11px;
   font-size:14.5px;
   display: block;
   text-align: center;
   padding-bottom: 10px;
   padding-top: 5px;
   border-left: 0px;
   border-right: 0px;
   color: #0b3759;
   margin-bottom: 5px;
   background: none;
   text-decoration: none;
   font-weight: 500;
 }
 .subcate-image{
    border: 1px solid #80808036;
 }
 .image-box{
    display: flex;
    justify-content: center;
 }
 .product-titlep {
    line-height: 1.3;
     padding-left: 11px;
     display: block;
    
     padding-bottom: 10px;
     padding-top: 5px;
     border-left: 0px;
     border-right: 0px;
     color: #065248;
     margin-bottom: 5px;
     font-size: 15px;
     background: none;
     /* font-size: 16px; */
     text-decoration: none;
     font-weight: 600;
 }
 
 .card-sub2 a {
    text-decoration: none !important;
 }
 
.m-right-sub{
   color: #094f84 !important;
}



 .headding h2 {
    font-weight: 600;
    font-size: 21px;
    margin: 0;
    padding-bottom: 10px;
    color: #0f5082;
 }
 
 .headding {
    text-decoration: none !important;
 }
 .relates-products{
    margin-top:51px;
 }
 
 .slick-next,
 .slick-prev {
    z-index: 5;
    top: 47%;
 }
 
 .slick-next {
    right: 15px;
 }
 
 .slick-prev {
    left: 15px;
 }
 
 .slick-next:before,
 .slick-prev:before {
   color: #1a89de;
    font-size: 26px;
 }
 
 .slick-dots {
    display: none !important;
 }
 
 @media(min-width:991px) and (max-width:1200px){
    .product-desc {
       margin-top:101px !important;
    }
 }
 @media(min-width:768px) and (max-width:990px){
    .product-desc {
       margin-top:87px !important;
    }
 }
 @media(min-width:320px) and (max-width:768px){
 .headingdc h1{
    margin-top:16px !important;
    font-size:24px !important;
 }
 .product-description-tabs {
    margin-top: 30px;
 }
 .spect-main-desc{
   padding-right: 0px !important;
 }
 .product-desc {
    padding: 10px 10px 28px 3px !important;
 }
 }
 @media(min-width:320px) and (max-width:460px){
    .headingdc h1 {
       font-size: 20px !important;
   }
 }



/* search products */
 .search-section{
    margin-top: 151px;
 }
 .image-box{
    display:flex;
    justify-content: center;
 }
 .image-box img{
    width: 130px;
    margin-bottom: 17px;
    margin-top: 16px;
 }
 
 .cat-3{
 box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 
 }
 .search-cate-main {
    width: 20%;
    padding: 0px 7px;
    margin-bottom: 10px;
 }
 
 
 .search-cate h2,.search-cate h3,.search-cate h4,.search-cate h5,.search-cate h6{
   padding: 0px 10px 13px 10px;
  text-decoration: none;
  color: #054271;
  margin-bottom: 0px;
  font-weight: 500;
  text-align: center;
  font-size: 16px;
  background-color: #fff;
 }
 
 .search-cate p{
    padding: 0px 10px 9px 10px;
    text-decoration: none;
    color: #0a5166;
    margin-bottom: 0px;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
 }
 
 .search-cate{
    text-decoration: none;
 }
 
 
 
 
 @media(min-width:991px) and (max-width:1200px){
    .search-section {
       margin-top: 121px;
   }
   .search-cate-main {
    width: 25%;
    padding: 0px 5px;
    margin-bottom: 7px;
 }
 }
 @media(min-width:768px) and (max-width:990px){
    .search-section {
       margin-top: 105px;
   }
   .search-cate-main {
    width: 33.33%;
    padding: 0px 5px;
    margin-bottom: 7px;
 }
 
 }
 @media(min-width:320px) and (max-width:768px){
    .search-cate-main {
       width:50%;
       padding: 0px 5px;
       margin-bottom: 7px;
    }
    .search-cate p {  
       line-height: 1.3;  
   }
   .search-section {
    margin-top: 139px !important;
 }
 }
 
 @media(min-width:320px) and (max-width:420px){
    .image-box img {
       width: 110px !important;
       
   }
 }
 
 
 
 
 .catalog_body {
    max-width: 700px;
    height: auto;
    margin: auto;
    margin-bottom: 50px;
    background-color: #fff
 }
 
 .download_btn {
   color: #ffffff;
   font-weight: 500;
   background: #118dcd;
   padding: 5px 14px;
   margin-top: 10px;
   font-size: 15px;
   display: inline-block;
   text-decoration: none;
   cursor: pointer;
 }
 
 .p_dow {
    font-size: 17px
 }
 
 .download_1 {
    font-size: 17px;
    padding-top: 25px;
    color: #0e869e
 }
 
 .body1_part1 {
    height: 840px;
    position: relative;
    box-shadow: 0 0 30px rgba(0, 0, 0, .253)
 }
 
 .catalog_cover {
    background-image: url(../images/spectro-catlog.jpg);
    background-size: cover;
    max-width: 100%;
    background-position: top;
    /* background-position: center; */
    height: 840px;
    margin: auto;
 }
 
 .catalog_logo {
   width: 280px;
   float: right;
   margin: 60px 0 0 84px;
 }
 
 .catalog_img {
    width: 45%;
    margin-top: 59px;
    vertical-align: middle
 }
 
 .check_icon {
    color: #0e869e
 }
 .spec_value{
    padding:5px 10px;
    font-size: 13px;
 }.spec_prop{
    font-weight: 500;
 }
 .range th{
    font-weight: 500;
 }
 .catalog_head h1,.catalog_head h2 {
    font-size: 26px;
    text-shadow: 1px 0 #00000015;
    color: #118dcd;
    font-weight: 600;
    margin: 60px 30px 0 20px;
    margin-bottom: 0;
 }
 
 .catalog_contact {
    color: #fff;
    text-shadow: 1px 0 #00000015;
    margin-left: 15px;
    font-weight: 400;
    text-align: center
 }
 
 .body2 {
    height: auto;
    box-shadow: 0 0 30px rgba(0, 0, 0, .253)
 }
 
 .body_center {
    margin: 0 25px
 }
 
 .fa-chevron-circle-right {
    color: #0e869e
 }
 
 .catalog_subhead {
   color: #118dcd;
     font-size: 20px;
     font-weight: 600;
     padding: 40px 0 0 10px;
 }
 
 .catalog_text {
    margin: 5px 10px 0 10px;
    line-height: 1.6rem;
    font-size: 14px;
 }
 
 .tbbs_box table,
 td,
 th {
    border: 1px solid #00000059;
    margin-top: 5px;
    font-size: 14.5px
 }
 
 .mobile_bottom {
    padding-bottom: 15px
 }
 
 li,
 ul {
    list-style: none;
    margin: 0;
    padding: 0
 }
 
 .body3 {
    height: 840px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .253)
 }
 
 .catalog_footerlog {
    width: 25%;
    margin-top: 87px;
 }
 
 .li_loc {
    padding: 0 60px
 }
 .single-catlog-sec{
    margin-top: 94px;
 }
 .single-c{
    color: #6c757d;
     font-size: 14.5px;
     font-weight: 500;
 }
 .single-c:hover{
    color: #6c757d;
 }
 @media only screen and (min-width:320px) and (max-width:580px) {
    .download_btn {
        border: none;
        cursor: pointer;
        font-size: 17px;
        margin-top: 17px;
        text-decoration: none
    }
 
    .check_icon {
        margin-left: -30px
    }
 
    .body1_part1 {
        max-height: 840px;
        position: relative;
        box-shadow: 0 0 30px rgba(0, 0, 0, .253);
        margin-top: 0
    }
  
    .catalog_logo {
        width: 35%;
        margin: 20px 20px 0 0
    }
 
    .catalog_img {
        width: 55%;
        margin-top: 0
    }
 
    .catalog_head h1,.catalog_head h2 {
        font-size: 22px;
        margin: 0 30px 0 15px
    }
 
    .catalog_contact {
        margin-bottom: auto;
        margin-left: 5px;
        font-size: 14px
    }
 
    .body2 {
        height: auto;
        box-shadow: 0 0 30px rgba(0, 0, 0, .253);
        padding: 10px 0 10px 0
    }
 
    .body_center {
        margin: 0 25px
    }
 
    .catalog_subhead {
      color: #118dcd;
       font-size: 20px;
       font-weight: 600;
       padding: 40px 0 0 10px;
    }
 
    .catalog_text {
        margin: 10px 10px 0 0
    }
 
    .table,
    td,
    th {
        border: 1px solid #000;
        margin-top: 2px
    }
 
    .table {
        padding-bottom: 10px
    }
 
    .body3 {
        height: auto;
        box-shadow: 0 0 30px rgba(0, 0, 0, .253);
        padding: 10px 0 10px 0
    }
 
    .catalog_footerlog {
        width: 40%;
        margin-top: 120px;
        margin-bottom: 10px
    }
 
    .li_loc {
        padding: 0 15px
    }
 }
 
 @media only screen and (min-width:576px) and (max-width:768px) {
    .catalog_logo {
        width: 162px;
        float: left;
        margin: 30px 0 0 30px
    }
 
    .catalog_head h1,.catalog_head h2 {
        font-size: 26px;
        text-shadow: 1px 0 #00000015;
        margin: 10px 100px 0 20px
    }
 
    .catalog_subhead {
        font-size: 20px;
        padding: 40px 0 0 0
    }
 
    .li_loc {
        padding: 0 20px
    }
 }
 
 @media only screen and (min-width:1000px) and (max-width:1400px) {
    .logo_img {
        width: 180px;
        margin-top: 20px
    }
 
    .for_ipadpro {
        width: 100%
    }
 }
 
 
 .termsofuse-main{
    margin-top:140px;
 }
 
 .termsofuse {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
 }
 
 .whoweare {
    font-size: 2.5rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
 }
 
 .text1 {
    font-size: 14px;
     line-height: 1.6;
     color: #212529;
     margin-bottom: 20px;
     text-align: justify;
 }
 
 .termsofuse ul {
 
    list-style-type: square;
    color: #333;
    font-size: 1rem;
 }
 
 .termsofuse ul li {
    margin-bottom: 18px;
    line-height: 1.6;
 }
 
 .termsofuse ul li b {
   color: #0a628f;
 }
 
 
 
 @media(min-width:991px) and (max-width:1200px){
    .termsofuse-main {
       margin-top: 94px;
   }
 }
 @media(min-width:768px) and (max-width:991px){
    .termsofuse-main {
       margin-top: 84px;
   }
 }
 @media(min-width:320px) and (max-width:767px){
    .termsofuse-main {
       margin-top: 124px;
   }
 }
 
 .floating-buttons {
    position: fixed;bottom:0;
     right: 0;
     display: flex;
     flex-direction: column;
     gap: 20px;
 }
 


 .floating-buttons {
    position: fixed;bottom:10%;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
 }
 
.whatsapp-button{
   display: flex;
     align-items: center;
     justify-content: flex-start;
     background-color:#1faf54;
     color: #fff;
     padding: 7px 16px;
     border-radius: 30px;
     text-decoration: none;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
     transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.whatsapp-button:hover .quote-icon {
    
   transform: rotate(360deg);
}
.quote2{
   font-size:22px !important;
}
.whatsapp-button:hover {
   background-color:#1faf54;
   color: #fff;
   transform: scale(1.05);
}

 

 
 .quote-button {
    display: flex;
     align-items: center;
     justify-content: flex-start;
     background-color: #1a89de;
     color: #fff;
     padding: 8px 16px;
     border-radius: 30px;
     text-decoration: none;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
     transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s;
 }
 
 .quote-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 15px;
     font-size: 16px;
     transition: background-color 0.3s, transform 0.3s;
 }
 
 .quote-text {
    font-size: 14px;
     font-weight: 600;
 }
 
 .quote-button:hover .quote-icon {
    
    transform: rotate(360deg);
 }
 
 .quote-button:hover {
    background-color: #1a89de;
    color: #fff;
    transform: scale(1.05);
 }
 
 

 /* wish list */


 .w-title {
   background-color:none;
    padding: 10px;
    text-align: center;
    color: #063c81;
    font-weight: 600;
    font-size: 17px;
    font-size: 17px;
    border-bottom: 3px solid #1083db;
  border-top: 1px solid #a3c1e4;
  border-left: none !important;
  border-right: none !important;
 }
 
 /* Style for table body */
  tbody .wish-box {
   text-align: center;
    color: #4c585a;
    font-weight: 500;
    font-size: 15px;
    padding: 13px 31px;
 }
 .wishlist-table{
   width:93% !important;
   margin:0px auto;
 }
 .wish-box .wish-ca{
   border: none;
   padding: 4px 24px;
  cursor: pointer;
  border-radius: 3px;
  color: white;
  background: #118dcd;
  font-size: 12px;
  vertical-align: middle;
  border-bottom: 1px solid #a0bfe3d6;
  font-weight:500;
 }
 .wish-list-resp th{
   border-left:none !important;
 }
 .tp-cart-action-btn{
   border: none;
  background: none;
  color: red;
  font-size: 10px;
 }
 .wish-ca td{
   border:none !important;
 }
  .w-cart-title{
   width: 33%;
 }
 .w-cart-price span{
   color: #fd501c;
 }
 .wishlist-table{
   width:100%;
   border: 1px solid #a3c1e4;
 }
 .wish-heading{
   margin-top:148px;
 }
 .table-responsive {
   overflow-x: auto;
 }

 .wish-ca{

     color: #fff;
     border: none;
     padding: 6px 30px;
     cursor: pointer;
     border-radius: 3px;
     font-size: 14px;
     vertical-align: middle;
     border-bottom: 1px solid #a3c1e4d6;
 }
 .w-cart-title a{
   font-size: 15px;
   color: #074189;
   text-decoration: none;
   font-weight: 500;
 }
 
 
 .w-cart-img {
   width: 10%;
 }
 .w-cart-img img {
   width: 90px;
   height: auto;
   border: 1px solid #a3c1e4;
 }
 .wish-headin{
   margin-top:169;
 }
 .wish-heading {
   margin-bottom:80px;
     }
 @media(min-width:768px) and (max-width:991px){
   .wish-list-resp{
     width:110%;
     overflow-x: scroll;
    
 }
 .wish-heading {
   margin-top: 125px;
 }

 }
 @media (min-width: 300px) and (max-width: 1200px) {
   .wish-heading {
     margin-bottom: 69px !important;
   }
 }
 @media (min-width: 578px) and (max-width: 767px) {
   .wish-list-resp {
     width: 170% !important;
   }
   wish-heading {
      margin-top: 132px;
  }
  .wish-heading {
   margin-top: 137px;
}
 }
 @media (min-width: 300px) and (max-width: 577px) {
   .wish-list-resp {
     width: 312% !important;
   }
   .wish-heading {
      margin-top: 118px !important;
  }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .wish-list-resp {
      width: 131% !important;
     overflow-x: scroll;
   }
   
 }
 @media (min-width: 768px) and (max-width: 1200px){
   .wish-heading {
      margin-top: 107px;
  }
 }


 /* cart */
 
.tp-cart-img img {
   width: 65px;
   height: auto;
   object-fit: cover;
   border: 1px solid rgb(181 202 227);
   background: #1a89de1c;
 }
 
 .Product-cart-main {
   margin-top: 151px;
     margin-bottom: 72px;
 }
 .cart-heading h1{
   text-align: left;
   font-weight: 500;
   font-size: 25px;
   color: #0a4895;
   padding-bottom: 9px;
   text-transform: capitalize;
    
 }
 .tp-cart-title a {
   font-size: 15px;
   display: block;
   color: #104c7a;
   text-decoration: none;
   font-weight: 500;
   line-height: 1.4;
 }
 
 cart-s-m {
   border-bottom: 1px solid white;
 }
 .cart-table-c {
   border: 1px solid #b5cae39e;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
 .cart-table-c td{
   border:none !important;
 }
 .tp-cart-list {
   padding: 20px 0;
   box-shadow: none;
   vertical-align: middle !important;
 }
 
 .input-group .quantity-input-tp {
   padding: 0px !important;
 }
 
 .tp-r {
   vertical-align: middle;
   border-bottom: 1px solid #b5cae3;
 }

 
 .tp-cart-img {
   width: 78px;
   margin-right: 20px;
 
 }
 
 .tp-cart-price {
   width: 126px;
 
 }
 
 .tp-cart-price span {
   text-align: start;
  line-height: 64px;
  color: #0a4895;
  font-size: 15px;
  font-weight: 500;
 }
 
 .tp-cart-quantity {
   width: 180px;
 }
 
 .tp-cart-action {
   width: 5%;
 }
 
 .quantity-tp {
   width: 68%;
 }
 
 .tp-cart-action-btn {
   border: none;
   background: none;
   color: #eb5656;
   font-size: 11px;
 }
 
 
 .tp-cart-title {
   width: 234px;
 }
 
 .tp-cart-input[type=text] {
   width: 109px;
   height: 36px;
   text-align: center;
   font-size: 14px;
   border: 1px solid #b5cae3;
   background-color: white;
   padding: 0 30px;
 }
 
 .tp-product-quantity {
   width: 100px;
   position: relative;
   border-radius: 20px;
 }
 
 .tp-cart-plus svg {
   position: absolute;
   right: 10px;
   top: 12px;
   cursor: pointer;
 }
 
 .tp-cart-minus svg {
   position: absolute;
   top: 17px;
   left: 14px;
   cursor: pointer;
 }
 
 .tp-r td {
   padding: 20px 10px;
 }
 .tp-s td{
   padding: 20px 21px !important;
 }
 .cart-s-m{
   border-bottom: 1px solid #b5cae3;
}


 
 .cart-s-m th {
   font-weight: 600;
    font-size: 16px;
    color: #064475;
    border: 0 !important;
    padding-top: 9px !important;
    padding-bottom: 13px !important;
 }
 
 .tp-cart-price1 {
   width: 126px;
 }
 
 .tp-cart-price1 span {
   color: #f06e0a;
  font-size: 16px;
  font-weight: 500;
 }
 
 
 .cart-totals table tr td:nth-child(1) {
   font-size: 15px;
   color: #2d2d2d;
   text-align: left;
 }
 
 
 .cart-h {
   margin-top: 0px;
 }
 
 .tp-cart-checkout-btn {
   font-size: 15px;
   font-weight: 500;
   background-color: #118dcd;
   display: inline-block;
   color:white;
   padding: 6px 8px;
   text-align: center;
   text-decoration: none;
   border-radius: 3px;
   margin-top: 24px;
 }
 
 .total-p {
   font-weight: 500;
   font-size: 19px;
   color: #fc840a;
 }
 
 .sub-cart {
   padding-left: 0px;
 }
 
 .subtotals-cart {
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   padding: 30px;
   border: 1px solid #b5cae342;
   
 }
 
 .tp-cart-checkout-btn:hover{
   color:white;
 }
 .cart-s {
   font-size: 16px;
   font-weight: 600;
   color: #064475;
   margin-bottom: 26px;
 }
 
 .cart-h {
   font-size: 16px;
  
   font-weight: 500;
   color: #000;
 
 }
 
 .cart-pi {
   font-size: 16px;
   font-weight: 500;
   color: #484848;
 } 
 
 .cart-hea {
   font-size: 18px;
   font-weight: 500;
   color: #484848;
   padding-bottom: 10px;
 }
 
 .text-review{
   width:90%;
 }
@media(min-width:300px) and (max-width:768px)
{
   .Product-cart-main {
      margin-top: 115px;
      margin-bottom: 51px;
  }
}
@media(min-width:769px) and (max-width:1200px)
{
   .Product-cart-main {
      margin-top: 92px;
      margin-bottom: 51px;
  }
}
@media(min-width:300px) and (max-width:991px){
   .subtotals-cart {
      margin-top: 20px;
  }
}












.billing-info-wrap h3 {
   font-size: 20px; 
   margin-bottom: 15px; 
   color: #333;
 }
 
 .billing-info-wrap .col-12 p {
   margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: #383131;
    display: inline;
    padding-right: 4px;

 }
 
 .billing-info-wrap .col-12 p:first-of-type {
   font-weight: bold; 
   color: #333;
   font-size:16px;
 }
 .billing-heading h3{
   font-size: 20px;
     padding-top: 0px;
     margin-bottom: 18px;
     color: #0a4895;
 }
.your-order-area h2{
   font-size: 20px;
  padding-top: 0px;
  margin-bottom: 8px;
  color: #064475;
}

 .your-order-area .your-order-wrap {
   padding: 28px;
   background: #1a89de0d;
   border: 1px solid #6072803b;
 }
 
 .your-order-area h4 {
   display: flex;
   justify-content: space-between;
   font-weight: 500;
   font-size: 14px;
   text-transform: uppercase;
   margin: 0 0 18px;
   padding: 0 0 22px;
   border-bottom: 1px solid #e5e5e5;
 }
 
 .your-order-area .your-order-product {
   padding-bottom: 21px;
 }
 
 .your-order-product ul {
   margin: 0;
   padding-left: 0px;
 }
 
 .your-order-product ul li {
   display: flex;
   justify-content: space-between;
   margin: 0 0 16px;
   font-size: 15px;
 }
 
 .your-order-product ul li:last-child {
   margin: 0 0 0;
 }
   .your-order-product ul li span {
      font-size: 15px;
  color: #f76f06;
  font-weight: 500;
   }
 
   .your-order-wrap .your-order-subtotal {
     border-bottom: 1px solid #e5e5e5;
     border-top: 1px solid #e5e5e5;
     padding: 20px 0;
   }
 
   .your-order-subtotal h3 {
     font-size: 15px;
     font-weight: 500;
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
   }
 
   .your-order-subtotal h3 span {
     font-size: 18px;
     font-weight: 500;
     color: #0a4895;
   }
 
   .your-order-shipping {
     padding: 21px 00px;
     display: flex;
     justify-content: space-between;
     align-items: center
   }
 
   .your-order-shipping>span {
     font-size: 15px;
     font-weight: 500;
   }
 
   .your-order-shipping ul {
     margin: 0;
   }
 
   .your-order-shipping ul li {
     display: flex;
     align-items: center;
     margin-bottom: 7px;
   }
 
   .your-order-shipping ul li:last-child {
     margin-bottom: 0;
   }
 
   .your-order-shipping ul li input {
     cursor: pointer;
     width: auto;
     height: auto;
   }
 
   .your-order-shipping ul li label {
     color: #666;
     cursor: pointer;
     font-size: 15px;
     font-weight: 400;
     margin-left: 10px;
     margin-top:0px;
   }
 
   .your-order-area .your-order-wrap .your-order-total {
     border-bottom: 1px solid #e5e5e5;
     border-top: 1px solid #e5e5e5;
     padding: 20px 0;
   }
 
   .your-order-total h3 {
     font-size: 20px;
     font-weight: 500;
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
   }
 
   .your-order-total h3 span {
      font-size: 18px;
      font-weight: 600;
      color: #064475;
   }

 .check-address{
   border: 1px solid #80808052;
    padding: 20px 10px 20px 10px;
    border-radius: 4px;
    background: #f5f8fb;
    margin-bottom:13px;
 }
   .your-order-area .sin-payment {
     margin-bottom: 25px;
     padding-top:15px;
   
   }
   .checkout-d label{
      color:black;
   }
   .text-f{font-size: 14px !important;}
    
   .form-notes{
      font-size: 15px;
       margin-bottom: 4px;
       font-weight: 400 !important;
       margin-right: 10px;
   }
   .shipcheck{
      font-size: 14px;
      margin-left:4px;
   }
 
   .your-order-area.sin-payment input {
     cursor: pointer;
     width: auto;
     float: left;
     height: auto;
     margin-top: 6px;
   }
   
 
   .your-order-area .sin-payment label {
     color: #1D3557;
     cursor: pointer;
     font-size: 15px;
     margin: 0px 0 0 21px;
     display: flex;
     align-items: center;
     margin-top: -24px;
     font-weight: 500;
   }
 
   .sin-payment label img {
     max-width: 140px;
     display: inline-block;
     margin: 0 5px;
   }
 
   .sin-payment label a {
     color: #000000;
     text-decoration: underline;
     margin-left: 10px;
     font-size: 11px;
   }
 
   .sin-payment label a:hover {
     color:#fb7102;
   }
 
  
 
   .sin-payment .payment-box p {
     font-size: 14px;
     line-height: 24px;
     margin: 0;
     padding-top:5px;
   }
 
   .your-order-area .your-order-wrap .payment-condition {
     border-top: 1px solid #e5e5e5;
     padding: 20px 0 0;
     margin: 0 0 10px;
   }
 
   .your-order-area .your-order-wrap .payment-condition p {
     font-size: 14px;
     line-height: 1.9;
   }
 
   .payment-condition p a {
     color: #FF5A5A;
     font-size: 14px;
   }
 
   .payment-condition p a:hover {
     text-decoration: underline;
   }
 
   .payment-checkbox {
     display: flex;
     align-items: center;
   }
 
   .payment-checkbox input {
     width: auto;
     height: auto;
   }
 
   .payment-checkbox span {
     color: #888;
     font-size: 14px;
     margin-left: 10px;
   }
 
   .payment-checkbox span a {
     color: #FF5A5A;
     font-size: 14px;
   }
 
   .payment-checkbox span a:hover {
     text-decoration: underline;
   }
 
 .billing-heading{
   padding: 30px 30px 34px 30px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 4px 0px;
 }
 
   .your-order-area .place-order a {
      padding: 12px 33px 11px;
     font-size: 15px;
     line-height: 1;
     color: #FFFFFF;
     text-transform: uppercase;
     font-weight: 500;
     width: 100%;
     text-decoration: none;
     display: block;
     text-align: center;
     background-color: #118dcd;
     border-radius: 3px;
   }
   .pay-top sin-payment{
     display: flex;
   }
   .payment-box {
     display: none;
 }
 #payment_method_1:checked ~ .payment-box,
 #payment-method-2:checked ~ .payment-box,
 #payment-method-3:checked ~ .payment-box,
 #payment-method-4:checked ~ .payment-box {
     display: block;
 }
 
 input[type="radio"]:checked + label + .payment-box {
     display: block;
 }
 .select-text{
   font-size: 14px;
     padding: 8px 8px;
     color:grey;
 }
 .section-space{
   margin-top: 154px;
    margin-bottom: 99px;
 }
 .different-address {
   display: none;
 }
 
 .checkout-toggle:checked ~ .different-address {
   display: block;
 }
 .payment-order-details{
   width: 38%;
   margin: 0px auto;
 }

 @media (min-width: 300px) and (max-width:768px) {
   .payment-order-details {
      width: 100%;
      margin: 0px auto;
  }
 }
 @media (min-width: 991px) and (max-width: 1190px) {
   .section-space {
       margin-top: 128px !important;
       margin-bottom: 74px !important;
   }
}
@media (min-width: 769px) and (max-width: 991px) {
   .section-space {
       margin-top: 119px !important;
       margin-bottom: 81px !important;
   }
   .payment-order-details{
      width: 41% !important;
      margin: 0px auto;
   }
}
@media (min-width: 300px) and (max-width: 767px) {
   .section-space {
       margin-top: 154px !important;
       margin-bottom: 56px !important;
   }
   .your-order-area h2{
      margin-top: 30px;
}
   }




   /* Registration */

.position-relative {
   position: relative;
}

/* .login-border {
   border-right: 1px solid #e0e0e0;
} */

.main-relative-se {
   padding: 20px;
   border:none;
}

.login-heading, .form-heading {
   font-size: 22px;
    margin-bottom: 16px;
    color: #0a74aa;
    position: relative;
    display: flex;
    align-items: center;
}

.login-welcome {
   font-size: 15px;
   margin-bottom: 20px;
   color: #6c757d;
}
.login-border{
   width: 45%;
    margin: 0px auto;
}

.form-group {
   margin-bottom: 15px;
}

.registration-label {
   font-size: 14px;
   font-weight: 500;
   color:black;
}

.registration-input {
   width: 100%;
   margin-top: 5px;
   border: 1px solid #ced4da;
   border-radius: 4px;
}

.form-check-input {
   margin-right: 10px;
}

.regist-check {
   font-size: 14px;
}

.login-button, .btn-register {
   display: inline-block;
    width: 100%;
    padding: 7px 0;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    background-color: #118dcd;
    border: none;
    border-radius: 4px;
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.login-button:hover, .btn-register:hover {
   background-color: #0056b3;
}

.login-para {
   margin-top: 10px;
   font-size: 14px;
}

.login-para a {
   color: #007bff;
   text-decoration: none;
}

.login-para a:hover {
   text-decoration: underline;
}
.Registration-login-form{
   margin-top: 149px;
   margin-bottom:70px;
}
.regis-login-main{
   background: #9cbdd726;
   padding: 40px 56px 50px 0px;
   border: 1px solid #8080801a;
}


.registration-main {
   border: 1px solid #d9e5f1;
   padding: 24px;
   background: white;
}

.registration-main .registration-label {
   font-size: 14px;
   font-weight: 500;
   color: black;
}

.registration-main .registration-input {
   width: 100%;
   margin-top: 3px;
   border: 1px solid #ced4da;
   border-radius: 4px;
}

.login-heading::after, .form-heading::after {
   content: '';
    flex-grow: 1;
    height: 2px;
    background-color: #d9e5f1;
    margin-right: 10px;
    margin-left: 16px;
}


@media (min-width:300px)and (max-width:768px){
   .login-border {
       width:100%;
       padding:0px;
   }
   .main-relative-se{
      margin-bottom:20px;
   }
   .Registration-login-form {
      margin-top: 133px;
      margin-bottom: 70px;
  }
  .regis-login-main{
padding:0px;
  }
}

@media (min-width:769px)and (max-width:990px){
.Registration-login-form {
   margin-top: 109px;
   margin-bottom: 70px;
}
}


@media (min-width:991px)and (max-width:1200px)
{
.Registration-login-form {
   margin-top: 115px;
   margin-bottom: 70px;
}
}


/* forgot password */

.container-box {
   margin: auto;
   padding:40px;
   width: 35%;
   margin-top: 175px;
   margin-bottom: 92px;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
 }
 .forgot-input {
   width:100%;
 }
 .reset-btn {
   border: none;
   background: #1083db;
   padding: 6px 0px;
   width: 100%;
   border-radius: 3px;
   color: #fff;
 }
 
 .forgot-text {
   font-size: 14px;
   padding-top: 5px;
   color: #808080e8;
   font-weight: 400;
 
 }
 
 .forgot-heading {
   font-size: 21px;
   color: #064475;
   padding-bottom: 9px;
 }
 .para-reset {
   color: grey;
   font-size: 14px;
   margin-bottom: 18px;
   padding-right: 10px;
}
 .icon-star:hover{
   color:orange;
 }
 .forgot-p label{
font-size: 15px;
 }
 .forgot-p span{
   color:red;
 }

 @media (min-width: 300px) and (max-width:420px) {
   .container-box {
      margin: auto;
      width: 99% !important;
      margin-top: 144px;
      margin-bottom: 57px;
      padding:15px 10px;
    }
    .forgot-password {
      margin-top: 158px !important;
  }
 }
 @media (min-width:421px) and (max-width:767px) {
   .container-box {
      margin: auto;
      width: 91% !important;
    
    }
    .forgot-password {
      margin-top: 158px !important;
  }
 }
 @media (min-width:768px) and (max-width:991px) {
   .container-box {
      margin: auto;
      width: 56% !important;
    
    }
    .forgot-password{
      margin-top: 130px !important;
    }
 }
 @media (min-width:991px) and (max-width:1200px){
   .container-box {
      margin: auto;
      width: 52% !important;
    
    }
    .forgot-password{
      margin-top: 140px;
    }
 }
 



 
/* order details */



.orders-container {
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding-bottom:23px;
   background-color: #fff;
   width: 80%;
     margin: 0px auto;
 }
 .content-i-box{
   display: flex;
   justify-content: center;
 }
 
 .order-details-section {
   padding: 20px;
   margin-bottom: 62px;
   border-radius: 8px;
   
 }
 .tracking-p-details h3{
   font-size: 13px;
   line-height: 1.3;
   margin-bottom: 0px;
   padding-top:4px;
 }
 .tracking-p-details p{
   font-size: 13px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #585252;
    padding-top: 3px;
 }
 .order-main-id h3{
   font-size: 16px;
   font-weight: 500;
   margin-bottom: 0px;
   color: black;
 }
 .order-main-class p{
   margin-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
 }
 
 .order-main-d {
   background: rgba(26, 137, 222, 0.11);
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 13px;
    padding-top: 13px;
 }
 
 .order-main-id p {
   margin: 0;
   color: #555;
 }
 
 .order-main-class h3 {
   margin: 0;
   color: #333;
   font-size: 1.5em;
 }
 
 .tracking-order-btn {
   text-align: right;
 }
 
 .track-order-p {
   border: none;
     font-size: 13px;
     background: #f06e0a;
     font-weight: 500;
     padding: 4px 13px;
     color: white;
 }
 
 .track-order-p:hover {
   background: #f06e0a;
 }
 .tracking-p-details a{
   text-decoration: none;
   color: #085997;
   font-size: 15px;
   font-weight: 500;
   display: block;
   line-height: 1.3;
   padding-bottom: 4px;
 }
 .tracking-s-details h3{
   color: #054899;
     font-size: 16px;
 }
 .tracking-price-details h3{
   color: #054899;
     font-size: 16px;
 }
 
 
 
 .img-t-box img {
   max-width:98px;
     border-radius: 8px;
     border: 1px solid #0548994f;
     transition: transform 0.3s;
 }
 .tracking-p-details{
   padding-top:13px;
   padding-right:20px;
 }
 .img-t-box img:hover {
   transform: scale(1.05);
 }
 
 .btn-rev{
   background-color: #0e7eb9;
     color: white;
     margin-top:13px;
     border: none;
     padding: 4px 23px;
     font-size: 14px;
     /* border-radius: 4px; */
     cursor: pointer;
     transition: background-color 0.3s;
 }
 .order-details-section{
   margin-top: 160px;
 }
 @media(min-width:768px) and (max-width:991px){
 .tracking-p-details{
 
 padding-right:10px;
 }
 .img-t-box img{
 width:93PX;
 }
 .tracking-p-details{
 padding-top:0px;
 }
 .btn-rev{
   padding: 4px 17px !important;
 }
 .tracking-p-details h3{
   font-size: 15px;
 }
 .orders-container {
   
   width: 100%;
   margin: 0px auto;
 }
 .order-details-section {
   margin-top: 82px;
}
 }
 @media(min-width:300px) and (max-width:768px){
   .order-main-d{
     display: block;
   }
   .tracking-order-btn {
     padding-top: 6px;
     text-align: left;
 }
 .content-i-box{
   display: flex;
     justify-content: start;
 }
 .orders-container {
   
   width: 100%;
   margin: 0px auto;
 }
 }
 @media(min-width:991px) and (max-width:1200px)
 {
   .orders-container {
   
     width: 98%;
     margin: 0px auto;
 }
   .btn-rev {
     padding: 4px 19px;
 }
 .order-details-section {
   margin-top: 104px;
}
 }


 /* order tracking */
 
/* order tracking */
.order_number {
   font-size: 18px;
   font-weight: 700;
 }
 
 
 .tracking-wrapper {
   width: 90%;
     margin: 38px auto;
     padding: 0;
 }
 
 .tracking * {
   padding: 0;
   margin: 0;
 }
 
 .tracking {
   width: 100%;
   max-width: 100%;
   position: relative;
 }
 
 .tracking .empty-bar {
   background: #dddddd;
     position: absolute;
     width: 100%;
     height: 20%;
     top: 40%;
 }
 
 .tracking .color-bar {
   background: #0082d2;
   position: absolute;
   height: 20%;
   top: 40%;
   /* margin-left: 5%; */
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
 }
 
 .tracking ul {
   display: flex;
   justify-content: space-between;
   list-style: none;
 }
 
 .tracking ul>li {
   background: #ddd;
   text-align: center;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   z-index: 1;
   background-size: 70%;
   background-repeat: no-repeat;
   background-position: center center;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
   display: inline-block;
   position: relative;
   width: 31px;
    height: 31px;
 }
 
 
 .tracking ul>li .el {
   position: relative;
   margin-top: 100%;
 }
 
 .tracking ul>li .el i {
   position: absolute;
   bottom: 3px;
   left: 11px;
   margin-bottom: 22%;
   color: #fff;
   font-size: 11px
 }
 
 .tracking ul>li .txt {
   color: #999;
   position: absolute;
   top: 141%;
   left: -59px;
   text-align: center;
   width: 150px !important;
   font-size: 0.75rem;
 }
 .bullet-2{
   background: #1a89de !important;
 }
 
 .tracking .progress-0 .color-bar {
   width: 00%;
 }
 
 .tracking .progress-1 .color-bar {
   width: 15%;
   background-color: red !important;
 }
 
 .tracking .progress-2 .color-bar {
   width: 25%;
 }
 
 .tracking .progress-3 .color-bar {
   width: 35%;
 }
 
 .tracking .progress-4 .color-bar {
   width: 50%;
 }
 
 .tracking .progress-5 .color-bar {
   width: 75%;
 }
 .card-tracking{
   border: 1px solid #dddddd;
     padding: 30px 27px;
 }
 
 .tracking .progress-6 .color-bar {
   width: 90%;
 }
 
 .tracking .progress-7 .color-bar {
   width: 100%;
 }
 
 .tracking .progress-0>ul>li.bullet-1,
 .tracking .progress-1>ul>li.bullet-1,
 .tracking .progress-2>ul>li.bullet-1,
 .tracking .progress-3>ul>li.bullet-1,
 .tracking .progress-4>ul>li.bullet-1,
 .tracking .progress-5>ul>li.bullet-1,
 .tracking .progress-6>ul>li.bullet-1,
 .tracking .progress-7>ul>li.bullet-1 {
   background: #1a89de;
 }
 
 .tracking .progress-2>ul>li.bullet-2,
 .tracking .progress-3>ul>li.bullet-2,
 .tracking .progress-4>ul>li.bullet-2,
 .tracking .progress-5>ul>li.bullet-2,
 .tracking .progress-6>ul>li.bullet-2,
 .tracking .progress-7>ul>li.bullet-2 {
   background: #1a89de;
 }
 
 .tracking .progress-4>ul>li.bullet-3,
 .tracking .progress-5>ul>li.bullet-3,
 .tracking .progress-6>ul>li.bullet-3,
 .tracking .progress-7>ul>li.bullet-3 {
   background: #1a89de;
 }
 
 .tracking .progress-6>ul>li.bullet-4,
 .tracking .progress-7>ul>li.bullet-4 {
   background: #1a89de;
 }
 
 .tracking .progress-7>ul>li.bullet-4 {
   background: #1a89de;
 }
 
 .tracking .progress-1>ul>li.bullet-1 .el i,
 .tracking .progress-2>ul>li.bullet-1 .el i,
 .tracking .progress-3>ul>li.bullet-1 .el i,
 .tracking .progress-4>ul>li.bullet-1 .el i,
 .tracking .progress-5>ul>li.bullet-1 .el i,
 .tracking .progress-6>ul>li.bullet-1 .el i,
 .tracking .progress-7>ul>li.bullet-1 .el i {
   display: block;
 }
 
 .tracking .progress-3>ul>li.bullet-2 .el i,
 .tracking .progress-4>ul>li.bullet-2 .el i,
 .tracking .progress-5>ul>li.bullet-2 .el i,
 .tracking .progress-6>ul>li.bullet-2 .el i,
 .tracking .progress-7>ul>li.bullet-2 .el i {
   display: block;
 }
 
 .tracking .progress-5>ul>li.bullet-3 .el i,
 .tracking .progress-6>ul>li.bullet-3 .el i,
 .tracking .progress-7>ul>li.bullet-3 .el i {
   display: block;
 }
 
 .tracking .progress-7>ul>li.bullet-4 .el i {
   display: block;
 }
 
 .tracking .progress-1>ul>li.bullet-1 .txt,
 .tracking .progress-2>ul>li.bullet-1 .txt,
 .tracking .progress-3>ul>li.bullet-1 .txt,
 .tracking .progress-4>ul>li.bullet-1 .txt,
 .tracking .progress-5>ul>li.bullet-1 .txt,
 .tracking .progress-6>ul>li.bullet-1 .txt,
 .tracking .progress-7>ul>li.bullet-1 .txt {
   color: #0082d2;
 }
 
 .tracking .progress-3>ul>li.bullet-2 .txt,
 .tracking .progress-4>ul>li.bullet-2 .txt,
 .tracking .progress-5>ul>li.bullet-2 .txt,
 .tracking .progress-6>ul>li.bullet-2 .txt,
 .tracking .progress-7>ul>li.bullet-2 .txt {
   color: #0082d2;
 }
 
 .tracking .progress-5>ul>li.bullet-3 .txt,
 .tracking .progress-6>ul>li.bullet-3 .txt,
 .tracking .progress-7>ul>li.bullet-3 .txt {
   color: #0082d2;
 }
 
 .tracking .progress-7>ul>li.bullet-4 .txt {
   color: #0082d2;
 }
 
 /* demo */
 .controls {
   margin: 90px 30px 30px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
 }
 
 .controls>div {
   display: flex;
   justify-content: flex-start;
   align-items: space-between;
   margin: 0;
   padding: 0;
 }
 
 .controls p,
 .controls button {
   border: 0;
   line-height: 20px;
   padding: 15px;
   font-size: 0.8rem;
   text-transform: uppercase;
 }
 
 .controls button {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0 6px;
   background: #0082d2;
   color: #fff;
   border-radius: 50px;
   transition: all 0.3s;
 }
 
 .controls button:nth-child(1) {
   margin-left: 0;
 }
 
 .controls button i {
   font-size: 1rem;
   margin: 0 5px;
 }
 
 .controls button#prev {
   padding-right: 30px;
 }
 
 .controls button#next {
   padding-left: 30px;
 }
 
 .controls button:hover,
 .controls button:focus {
   outline: none;
   background-color: #33ddaa;
 }
 .tracking-page{
   margin-top: 153px;
   margin-bottom:100px;
 }
 .mdi-reply{
   margin-right:5px;
 }
 .order_pointer.mt-2 {
   display: flex;
   justify-content: space-between;
   margin-top: 20px;
   font-size: 16px;
   font-weight: 500;
   background: #1a89de21;
   padding: 8px 15px;
 }
 
 
 span.pf_text {
   color: #1073bf;
   font-weight: 600;
 }
 
 
 .order_number {
   font-size: 18px;
   font-weight: 700;
 }
 




 /* profile */

.profile-section{
   margin-top: 152px;
    margin-bottom: 80px;
}


/* Main Navigation Styling */
.profile-main-nav .nav-pills .nav-profile-t {
   font-weight: 600;
    color: #06689b;
    /* background-color: #89d7ff21; */
    border-radius: 10px;
    margin-right: 10px;
    padding: 5px 20px;
    border: 1px solid #118dcd;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.profile-main-nav .nav-pills .nav-profile-t.active {
   background-color: #118dcd;
   color: #fff;
}

.profile-main-nav .nav-pills .nav-profile-t:hover {
   background-color: #118ac9;
   color: #fff;
}

/* Card and Form Styling */
.card {
   border-radius: 8px;
   border: none;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   background-color: #f8f9fa;
}

.card-header-profile {
   font-weight: 600;
   color: #0c6797;
   font-size: 17px;
   padding: 10px 15px;
}

.card-body-profile {
   padding: 20px;
}

.card-body-profile .form-control {
   border: 1px solid #ced4da;
   border-radius: 4px;
   background-color: #fff;
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.card-body-profile .form-control:focus {
   border-color: #0e8299;
   box-shadow: 0 0 0 0.2rem rgba(14, 130, 153, 0.25);
}

/* Button Styling */
.btn-update, .btn-change-password {
   background: #118dcd;
   color: #fff;
   border: none;
   border-radius: 4px;
   padding: 6px 20px;
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
   transition: background-color 0.3s ease, box-shadow 0.3s ease;
   margin-top: 10px;
}

.btn-update:hover, .btn-change-password:hover {
   background: #0b77af;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Change Password Section */
.change-password-main {
   background-color: #f8f9fa;
   padding: 20px;
   border-radius: 8px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.change-heading {
   font-size: 20px;
   color: #0d79b1;
   font-weight: 600;
   margin-bottom: 20px;
}

/* Delivery Address Section */
.delivery-address .form-control {
   border-radius: 4px;
   border: 1px solid #ced4da;
   background-color: #fff;
}

.delivery-address .form-control:focus {
   border-color: #0e8299;
   box-shadow: 0 0 0 0.2rem rgba(14, 130, 153, 0.25);
}

/* Payment Details Section */
.payment-details .form-control {
   border-radius: 4px;
   border: 1px solid #ced4da;
   background-color: #fff;
}

.payment-details .form-control:focus {
   border-color: #0e8299;
   box-shadow: 0 0 0 0.2rem rgba(14, 130, 153, 0.25);
}



.card-header {
   background: #118dcd0d;
}
.tab-content {
   border-top: none;
}
.profile-main-nav{
   display: flex;
   justify-content: center;
}
.card{
   border: 1px solid rgb(13 73 153 / 8%);
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 3px 0px;
   
}
.nav.flex-column.nav-profile-pills{
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 3px 0px; 
}
.card-body-profile{
   padding: 30px 23px 38px 23px;
}
.btn-update{
   border: none;
   background: #0b77af;
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 18px;
    border-radius: 5px;
}
.card-header-profile{
   font-weight: 600;
   color: #066ca1;
    font-size: 17px;
}
.small{
   font-weight: 500;
}
.change-password-main{
   border: 1px solid #0d499933;
   padding: 20px;
}
.change-heading{
   font-size: 20px;
   color: #0d79b1;
}
.change-passwpord-button{
   margin-top: 16px;
    background: #0d4999;
    color: white;
    border: none;
    padding: 6px 23px;
    border-radius: 8px;
}
.delevary-add{
   border: 1px solid #0d499933;
   padding: 20px;
}
.payment-details{
   border: 1px solid #0d499933;
   padding: 20px;
}

@media(min-width:300px) and (max-width:991px)
{
   .nav-profile-pills .nav-profile.active::after{
      display:none;
   }
   .card{
      margin-top:20px;
   }
   
}
@media(min-width:768px) and (max-width:991px)
{
   .profile-section {
      margin-top: 118px;
      margin-bottom: 80px;
  }
}
@media(min-width:769px) and (max-width:1200px){
   .profile-section {
      margin-top: 118px;
      margin-bottom: 80px;
  }
}