body {
   font-family: "Poppins", sans-serif;
}

.sidebar {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1090;
   top: 0;
   left: 0;
   background: #2778a6;
   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: 1px;
   right: 18px;
   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:27px;
   cursor: pointer;
   background: none;
   border: none;
   color: #1a89de;
   position: fixed;
   top: 10px;
   right: 20px;
   z-index: 1100;
}

.open-sidebar-btn {
   display: none;
}







.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;

   }
}





.searchInput input {
   height: 33px;
   width: 100%;
   outline: 0;
   padding: 0 12px;
   font-size: 13.4px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, .11);
   border: 1px solid #2993cf;
}

.searchInput .searchButton {
   position: absolute;
   right: 0px;
   top: -2px;
   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: 27px;
      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;
   }



}


.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;
   }

}



@media(min-width:560px) and (max-width:767px) {


   .categoery-grid-main {
      margin-top: 130px !important;
   }
}

@media(min-width:320px) and (max-width:559px) {


   .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: 16px;
}

.menu-main {
   display: flex;
   align-items: center;
   justify-content: center;
}


.req-m {
   margin-left: 17px;
}

.req-button {
   display: flex;
   justify-content: center;
   align-items: center;
}

.btn-outline-light {
   padding: 5px 23px;
   z-index: 100;
   background-color: #167616;
   border: none;
   font-weight: 500;
   font-size: 13.6px;
   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: #0d60c3;
   padding: 7px 0px;
}

.header .logo img {
   height: 50px;
}


.header .search-bar input {
   padding: 8px;
   border: none;
   border-radius: 4px;
   width: 100%;
}

.header .nav-subcate 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: 183px;
}

/* 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: 14.4px;
}

.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: #0cff68 !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 {
   font-size: 16px;
   color: white !important;
   margin-right: 8px;
   text-decoration: none;
   position: relative;
}

.icon-wrapper i,
.user-profile i {
   color: white;
   font-size: 16px;
   margin-right: 8px;
   transition: color 0.3s ease;
}

.icon-wrapper p {
   margin: 0;
   font-size: 13px;
   font-weight: 500;
   color: #ffffff;
   margin-left: 2px;
   margin-right: 2px;
}

.icon-wrapper .badge {
   position: absolute;
   margin-left: 18px;
   top: -6px;
   /* left: 100%; */
   transform: translateX(-50%);
   background: #18bf18;
   color: #fff;
   font-size: 8px;

   line-height: 1;
}


/* Profile dropdown styling */
.user-profile {
   cursor: pointer;
}


/* .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: 0px;
   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: #3682b7 !important;
   padding: 6px 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 !important;
}

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

.req-m .btn-outline-light:hover {
   background-color: #d36527;
   color: #fff;
}

.wishlist-wrapper:hover {
   color: white;
}

.cart-wrapper:hover {
   color: white
}


@media(min-width:300px) and (max-width:1200px) {
   .icon-wrapper p {
      display: none;
   }

   .icon-wrapper i {
      color: #2993cf !important;
   }

   .user-profile i {
      color: #fff;
   }

   .wish-cart-items {
      position: absolute;
      top: 26px;
      right: 67px;
   }

   #user-profile {
      display: block !important;
   }

   .user-profile p {
      font-weight: 500;
      padding-top: 7px;
      padding-left: 14px !important;
   }
}

@media(min-width:991px) and (max-width:1200px) {

   .user-profile {
      display: none !important;
   }

   .btn-outline-light {
      position: absolute;
      top: 19px;
      right: 21%;
   }

   .container-search {
      position: absolute;
      top: 19px;
      width: 30%;
      left: 27%;
   }

}

@media(min-width:768px) and (max-width:990px) {
   .user-profile {
      display: none !important;
   }

   .container-search {
      position: absolute;
      width: 32%;
      left: 27%;
      top: 13px;
   }

   .btn-outline-light {
      position: absolute;
      right: 21%;
      top: 24%;
   }
}

@media(min-width:320px) and (max-width:767px) {
   .user-profile {
      display: none !important;
   }

   .btn-outline-light {
      position: absolute;
      top: 19px;
   }

   .cart-wrapper:hover {
      color: #1180d5 !important;
   }

   .bottom-h {
      padding-bottom: 56px !important;
   }

   .container-search {
      position: absolute;
      width: 83%;
      top: 69px;
   }

   .wishlist-wrapper:hover {
      color: #1180d5 !important;
   }
}

@media(min-width:300px) and (max-width:620px) {
   .btn-outline-light {
      display: none !important;
   }

}

.banner-image img {
   width: 100%;
   margin-top: 112px;
}

/* compare */



.compare_bttn {
   background-color: #334a9f;
}


.action--compare-add {
   color: #105c91;
}

.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: left !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
}




/* categories */

.category-main {
   width: 20%;
   padding: 0px 6px;
   margin-bottom: 10px;
}

.category-box {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   padding: 20px;
   text-align: center;
   transition: box-shadow 0.3s ease-in-out;
}

.category-image {
   background: white;
   position: relative;
   display: flex;
   border-radius: 50%;
   justify-content: center;
   align-items: center;
   width: 190px;
   height: 190px;
   border: 1px solid #4e606c40;
}

.category-box:hover {
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.category-image img {
   width: 137px;
   padding: 10px;
}


.pro-list {
   color: #777;
   font-size: 12px;
   margin-bottom: 10px;
}

.categoert-title {
   text-decoration: none !important;
   /* Prevent underline on the link itself */
   color: black;
   /* Ensure the color is black unless hovered */
   font-size: inherit;
}

.categoert-title:hover {
   color: #438bbd;
   /* Change color on hover */
}

.categoert-title h2,
.categoert-title h3,
.categoert-title h4,
.categoert-title h5,
.categoert-title h6 {
   text-decoration: none;
   /* Ensure headers inside the link also have no underline */
   display: block;
   font-size: 15px;
   font-weight: 500;
   padding-top: 20px;
   color: inherit;
   /* Inherit color from the parent to avoid conflicts */
}




/* Second category-box styling example using the second color code */
.category-main .category-box:nth-child(2) .arrow-circle {
   background-color: #d36527;
}

.carte-inner {
   display: flex;
   justify-content: center;
   align-items: center;
}

.heading {
   text-decoration: none;
}

.heading h1 {
   text-align: center;
   font-size: 30px;
   font-weight: 600;
   padding-bottom: 3px;
   margin-bottom: 1px;
   color: #0d3e7a;
}

.para-heading {
   font-size: 13px;
   text-align: center;
   color: grey;
}

.para-heading2 {
   font-size: 13px;
   text-align: left;
   color: grey;
}

.categories-section {
   margin-top: 45px;
}


.heading-sub h2,
.heading-sub h3,
.heading-sub h4,
.heading-sub h5,
.heading-sub h6 {
   font-size: 26px;
   font-weight: 600;
   border-bottom: 2px solid #1aaf1ac7;
   display: inline-block;
   color: #0e4383;
   margin-bottom: 10px;
   padding-bottom: 3px;

}

.heading-sub {
   text-decoration: none;
}

.biological-section {
   margin-top: 75px;
}


@media(min-width:991px) and (max-width:1200px) {
   .categories-section {
      margin-top: 109px !important;
   }

   .category-main {
      width: 25%;
   }

}

@media(min-width:768px) and (max-width:990px) {
   .categories-section {
      margin-top: 105px !important;
   }

   .category-main {
      width: 33.33%;
   }
}

@media(min-width:300px) and (max-width:767px) {
   .categories-section {
      margin-top: 145px !important;
   }

   .category-main {
      width: 50%;
   }
}

@media(min-width:300px) and (max-width:494px) {
   .categoert-title {
      font-size: 14px !important;
      line-height: 1.3;
      padding-top: 20px;
   }
   .category-image{
width:auto;
height:auto;
border:none !important;
   }

   .category-box {
      padding: 11px !important;
   }

   .category-image img {
      width: 130px !important;
   }



   .heading h1 {
      font-size: 22px !important;
   }
}

@media(min-width:300px) and (max-width:1200px) {
   .para-heading {
      display: none;
   }

   .para-heading2 {
      display: none;
   }
}


.drug-box {
   width: 25%;
   padding: 0px 7px;
   margin-bottom: 10px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.drug-box:hover {
   transform: translateY(-10px);
}

.drug-main {
   position: relative;
   background-color: #ffffff;
   border-radius: 12px;
   box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   padding: 15px 10px 23px 10px;
   height:100%;

}

.wish-visible-btn {
   padding-bottom: 8px;
}

.image-sec {
   position: relative;
   overflow: hidden;
   /* background: #3682b714; */
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #798b9747;
   padding: 20px;
   border-radius: 10px;
}

.content-bio-sec {
   position: relative;
}

.drug-title {
   text-decoration: none;
}

.image-link img {
   width: 170px;
   height: auto;
   display: block;
   transition: transform 0.3s ease;
}

.image-sec:hover .image-link img {
   transform: scale(1.1);
}

.wish-main-btn {
   position: absolute;
   top: 15px;
   right: 15px;
}

.wish-main-btn button {
   background-color: rgba(255, 255, 255, 0.8);
   border: none;
   padding: 8px;
   border-radius: 50%;
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.wish-main-btn button:hover {
   background-color: #438bbd;
   color: #fff;
}

.biological-section {
   margin-top: 80px;
}

.drug-title h2,
.drug-title h3,
.drug-title h4,
.drug-title h5,
.drug-title h6 {
   font-size: 16px;
   font-weight: 500;
   color: #023150;
   line-height: 1.3;
   margin-bottom: 0px;
   text-decoration: none;
   padding-top: 27px;
   display: block;
}

.drug-title p {
   font-size: 15.5px;
   font-weight: 500;
   color: #023150;
   text-decoration: none;
   padding-top: 27px;
   display: block;
   margin-bottom: 0px;
}

.flu-rating {
   color: #f7b731;
}

.flu-rating i {
   font-size: 7px;
}

.anyla-m {
   font-size: 13px;
   ;
   color: #555;
   margin: 6px 0;
}

.anyla-s {
   font-weight: 600;
   color: #333;
}

.button-container1 {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
   border-top: 1px solid #356a8f59;
   padding-top: 7px;
   margin-bottom: 0px;
   margin-top: 17px;
}

.price {
   font-size: 12px;
   font-weight: 500;
   color: #e95400;
   margin-bottom: 0px;
}

.cart-d {
   background-color: #438bbd;
   border: none;
   color: #fff;
   padding: 10px 20px;
   border-radius: 8px;
   cursor: pointer;
   font-size: 1em;
   transition: background-color 0.3s ease;
}

.cart-d:hover {
   background-color: #d36527;
}

.wish-main-btn i {
   position: absolute;
   border: 1px solid #8080807d;
   background: white;
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   color: red;
   top: -34px;
   left: -17px;
}

.drug-box:hover .cart-infrad {
   opacity: 1;
   visibility: visible;
   transform: translateY(20px);
   width: 185px;
   padding-bottom: 8px 10px;
   margin: 0px auto;
}

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

.cart-infrad {
   border: 1px solid #1083db91;
   font-size: 11px;
   padding: 7px;
   font-weight: 500;
   padding: 6px 10px;
   color: #fff;
   background: #3682b7;
   border-radius: 30px;
}

.drug-box:hover .content-bio-sec {
   transform: translateY(-30px);
}

.drug-box .content-bio-sec {
   transition: transform 0.3s ease;
   background: white;
   margin-bottom: -22px;
}

.cart-infrad i {
   margin-right: 5px;
}



@media(min-width:991px) and (max-width:1200px) {
   .biological-section {
      margin-top: 50px !important;
   }

   .drug-box {
      width: 33.33%;
   }

}

@media(min-width:768px) and (max-width:990px) {
   .biological-section {
      margin-top: 50px !important;
   }

   .drug-box {
      width: 50%;
   }
}

@media(min-width:300px) and (max-width:1200px) {
   .biological-section {
      margin-top: 47px;
   }

   .drug-box {
      width: 100%;
   }
}




.laboratory-section {
   margin-top: 80px;
}

.centriguge-section {
   margin-top: 70px;
}

.pilot-box-sub {
   width: 33.33%;
   margin-bottom: 10px;
   padding: 0px 4px;
}

.pilot-box {
   border: 1px solid #93aec35e;
}

.Pilot-card {
   padding: 10px 1px 7px 0px !important;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.Pilot-r-box img {
   width: 151px;
   padding: 0px 15px;

}

.pilot-title h2,
.pilot-title h3,
.pilot-title h4,
.pilot-title h5,
.pilot-title h6 {
   font-size: 16px;
   padding-bottom: 6px;
   margin-bottom: 0px;
   /* padding: 6px 10px; */
   /* padding-left: 10px; */
   line-height: 1.3;
   font-weight: 600;
   color: #083b5c;
}

.pilot-title p {
   font-size: 15px;
   margin-bottom: 0px;
   /* padding: 6px 10px; */
   /* padding-left: 10px; */
   line-height: 1.3;
   font-weight: 500;
   color: #083b5c;
}


.pio-main-scroll1 {
   height: 93px;
   overflow: auto;
   scrollbar-width: thin;
   scrollbar-color: #0883e1 #ffffff;
   overflow-y: auto;
   /* margin-bottom: 15px; */
   padding-right: 5px;
}

.pio-main-scroll1 p {
   font-size: 13px;
   margin-bottom: 5px;
   color: #555;
}

.cart-p {
   background: none;
   border: 1px solid #798f9f;
   font-size: 12px;
   font-weight: 500;
   padding: 4px 10px;
}

.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: 6px;
   padding-left: 2px;
   padding-bottom: 0px;
   scrollbar-width: thin;
   scrollbar-color: #0d60c3 #fff;
   padding-bottom: 0px;
}


.table {
   margin: 0;
}

.plant-sec {
   margin-top: 80px;
}

.details-sec {
   background: none !important;
   border: 1px solid #8080807d;
}

.back-c {
   background: #1a89de12;
}

.pio-rating i {
   font-size: 7px;
   color: #ffa604d4;
}

.pio-rating {
   margin-top: 0px;
   margin-bottom: 2px;
}

.wish-list-btn button {
   left: 12px;
   border-right: 1px solid #93aec35e;
   border-bottom: 1px solid #93aec35e;
   border-left: none;
   background: none;
   border-top: none;
   position: absolute;
   top: 0px;
}

.wish-list-btn i {
   color: red;
   font-size: 13.5px;
}

.cart-p i {
   margin-right: 5px;
   font-size: 11.6px;

}

@media(min-width:991px) and (max-width:1200px) {
   .Pilot-r-box img {
      width: 160px;
   }

   .pilot-box-sub {
      width: 50% !important;
   }



}


@media(min-width:768px) and (max-width:990px) {
   .Pilot-r-box img {
      width: 156px;
      margin-top: 20px;

   }
   .pilot-box-sub {
      width: 50% !important;
   }

   .Pilot-card {
      padding: 10px 1px 0px 0px !important;
   }

   .Pilot-title h2,
   .Pilot-title h3,
   .Pilot-title h4,
   .Pilot-title h5,
   .Pilot-title h6 {
      text-align: center;
      line-height: 1.3;
   }
}

@media(min-width:580px) and (max-width:767px){
   .pilot-box-sub {
      width: 50% !important;
   }
}

@media(min-width:320px) and (max-width:579px) {
   .pilot-box-sub {
      width: 100% !important;
   }
}



@media(min-width:991px) and (max-width:1200px) {
   .laboratory-section {
      margin-top: 57px !important;
   }

   .drug-box {
      width: 33.33%;
   }

}

@media(min-width:768px) and (max-width:990px) {
   .biological-section {
      margin-top: 50px !important;
   }

   .drug-box {
      width: 50%;
   }

   .heading-sub h2,
   .heading-sub h3,
   .heading-sub h4,
   .heading-sub h5,
   .heading-sub h6 {
      margin-bottom: 0px !important;
   }
}

@media(min-width:300px) and (max-width:767px) {
   .laboratory-section {
      margin-top: 49px !important;
   }

   .heading-sub h2,
   .heading-sub h3,
   .heading-sub h4,
   .heading-sub h5,
   .heading-sub h6 {
      margin-bottom: 0px !important;
   }
}

@media(min-width:300px) and (max-width:340px) {

   /* .pilot-title h2, .pilot-title h3, .pilot-title h4, .pilot-title h5, .pilot-title h6{
         font-size: 13px !important;
      }
      .Pilot-r-box img {
         width: 95px;
      } */

}


.pilot-box-sub {
   width: 33.33%;
}

.wish-list-btn button {
   margin: -10px !important;
}

.pilot-box {
   padding: 0px 10px 0px 10px;
}

.Pilot-card {
   padding: 10px 1px 7px 0px !important;
}




.colorimeter-section {
   margin-top: 80px;
}

.calor-section {
   margin-top: 70px;
}

.color-main {
   width: 25%;
   padding: 0px 5px;
   margin-bottom: 10px;
}

.visible-bio {
   height: 150px;
}

.m-right-v {
   padding-top: 0px;
   font-size: 15px;
}

.drug-visible {
   padding: 15px 10px 0px 10px !important;
}

.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 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 #a5c2db;
   padding-top: 7px;
}

.cate-c-sub {
   border-right: 1px solid #d7e1e9;
}

.image-col-link {
   display: flex;
   justify-content: center;
   align-items: center;
}

.image-sec-colo {
   border-radius: 6px;
   background: #3682b714;
}

.wish-visible-btn button {
   background: none;
   border: none
}

.wish-visible-btn i {
   color: red;
   font-size: 14px;
}

.visible-rating i {
   font-size: 6px;
   color: #ffa604d4;
}

.colo-title h2,
.colo-title h3,
.colo-title h4,
.colo-title h5,
.colo-title h6 {
   font-size: 16px;
   font-weight: 500;
   color: black;
   text-decoration: none;
   padding-bottom: 8px;
   padding-top: 27px;
   display: block;
   line-height: 1.3;
   margin-bottom: 0px;
}

.colo-title p {
   font-size: 15.5px;
   font-weight: 500;
   color: black;
   text-decoration: none;
   padding-top: 27px;
   display: block;
   line-height: 1.3;
   margin-bottom: 0px;
}

.colo-title {
   text-decoration: none;
}



.visible-rating {
   margin-top: 2px;
}


.button-visible-container {
   display: flex;
   padding-top: 13px;
   padding-bottom: 10px;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid #a5b1bbd1;
}

.image-col-link img {
   width: 180px;
   padding: 17px 5px;
}

.cart-visible i {
   font-size: 9px;
   background: white;
   width: 24px;
   height: 24px;
   border: 1px solid #61727ebd;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
}

.cart-visible:hover {
   transform: scale(1.05);
   /* Slight scale on hover */
   background-color: #000;
   /* Darker background on hover */
}


@media(min-width:991px) and (max-width:1200px) {
   .color-main {
      width:33.33%;
      padding: 0px 5px;
      margin-bottom: 10px;
   }

   .colorimeter-section {
      margin-top: 50px !important;
   }
}


@media(min-width:768px) and (max-width:991px) {
   .color-main {
      width:50%;
   }
}

@media(min-width:320px) and (max-width:767px) {
   .color-main {
      width: 100%;
   }
   .Pilot-r-box img {
      width: 151px;
      padding: 18px 15px !important;
  }
}

@media(min-width:320px) and (max-width:579px) {
  
   .Pilot-r-box img {
      width: 151px;
      padding: 18px 15px !important;
  }
  .Pilot-r-box img {
   width: 180px !important;
  }
}
















.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 i {
   color: red;
   font-size: 12px;
   padding-top: 6px;
}

.compare-b i {
   font-size: 15px;
}

.pio-rating i {
   font-size: 7px;
   color: #ffa604d4;
}






@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;
      padding-top: 27px !important;
   }

   .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 {

   color: red;
   font-size: 14px;
}

.visible-rating i {
   font-size: 6px;
   color: orange;
}

.button-visible-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid #80808052;
}

.visible-main {
   display: flex;
   justify-content: space-between;
   padding: 0px;
   align-items: baseline;
}

.color-main-scroll1 p {
   font-size: 13px;
   margin-bottom: 1px;
   color: #555;
}

.color-main-scroll1 {
   height: 61px;
   overflow: auto;
   scrollbar-width: thin;
   scrollbar-color: #0883e1 #ffffff;
   overflow-y: auto;
   /* margin-bottom: 15px; */
   padding-right: 5px;

}

.vis-price {
   font-size: 14px;
   font-weight: 500;
   color: #ff6108;
   margin-bottom: 0px;
}

.cart-visible {
   font-size: 12px;
   font-weight: 500;
   /* border-radius: 5px; */
   color: #073350;
   background: none;
   padding: 4px 10px;
   width: 121px;
   justify-content: space-between;
   /* margin-right: 10px; */
   display: flex;
   align-items: center;
   transition: transform 0.3s ease;
   border: 1px solid #6b829d7a;
}

.visible-rating {
   padding-bottom: 10px;
}


.cart-visible i {

   color: #053b64;
   font-size: 10px;
}

.cart-visible:hover {
   color: #fff;
   background: #3682b7;
}

.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: 170px;
}

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


.dispense-new {
   width: 25%;
   transition: transform 0.3s ease;
   padding: 0px 6px;
   margin-bottom: 10px;
}

.density-inner {
   background-color: #fff;
   border: 1px solid #eaeaea;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   padding: 15px 15px 9px 15px !important;
   height: 100%;
}

.dispense-new:hover {
   transform: translateY(-5px);
}

.dispense-header {
   position: relative;
}

.dispense-link .drug-image {
   width: 160px;
   margin-top: 20px;
   margin-bottom: 20px;
   height: auto;
   border-radius: 8px;
}

.dispense-link {
   display: flex;
   justify-content: center;
   align-items: center;
}


.dispense-main-scroll1 {
   height: 49px;
   overflow: auto;
   scrollbar-width: thin;
   scrollbar-color: #0883e1 #ffffff;
   overflow-y: auto;
   /* margin-bottom: 15px; */
   padding-right: 5px;
}

.dispense-main-scroll1 p {
   font-size: 13px;
   margin-bottom: 3px;
   color: #555;
}

.compare-wishlist {
   position: absolute;
   top: -14px;
   right: -12px;
   display: flex;
   gap: 10px;
}

.wishlist-btn {
   background-color: transparent;
   border: none;
   cursor: pointer;
}

.wishlist-icon {
   font-size: 14px;
   color: red;
}

.density-section {
   margin-top: 75px;
}

.dispense-title h2,
.dispense-title h3,
.dispense-title h4,
.dispense-title h5,
.dispense-title h6 {
   font-size: 16px;
   font-weight: 500;
   color: #11417a;
   margin-bottom: 0px;
   padding-bottom: 8px;
}

.dispense-title p {
   font-size: 16px;
   font-weight: 500;
   color: #11417a;
   margin-bottom: 0px;
   line-height: 1.3;
   padding-bottom: 8px;
}

.dispense-title {
   text-decoration: none;
}

.dispense-rating-price {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 6px;

}

.rating-stars i {
   color: #ffcc00;
   /* margin-right: 3px; */
   font-size: 7px;
}

.btn-com-main {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-top: 1px solid #80808061;
   padding-top: 6px;
}

.price {
   font-size: 12px;
   font-weight: 500;
   color: #ed410b;
}

.cart-btn {
   background: none;
   color: #09314c;
   border: none;
   padding-left: 0px;
   /* border: 1px solid #3682b769; */
   border-radius: 0px;
   /* padding: 4px 15px; */
   font-weight: 500;
   font-size: 11.5px;
   transition: background-color 0.3s ease;
}

.seperator {
   height: 1px;
   background-color: #dbd0d0;
   margin: 8px 0;
}

.cart-btn i {
   font-weight: 900;
   margin-right: 5px;
   font-size: 11px;
}

@media(min-width:990px) and (max-width:1200px) {
   .dispense-new {
      width:33.33%;
   }

   .density-section {
      margin-top: 48px !important;
   }
}

@media(min-width:768px) and (max-width:991px) {
   .dispense-new {
      width:50%;
   }

   .colorimeter-section {
      margin-top: 41px !important;
   }
}

@media(min-width:320px) and (max-width:767px) {
   .colorimeter-section {
      margin-top: 51px !important;
   }

   .dispense-new {
      width: 100%;
   }
}


@media(min-width:320px) and (max-width:419px) {
   .image-col-link img {
      width: 170px;
   }

   .colo-title h2,
   .colo-title h3,
   .colo-title h4,
   .colo-title h5,
   .colo-title h6 {
      font-size: 13px !important;
   }

   .cart-visible {
      color: #073350;
      background: none;
      display: block;
      border: 1px solid #80808033;
   }

   .cart-visible i {
      display: none;
   }

   .vis-price {
      margin-right: 10px;
   }
}



/* categories */
.cat-section {
   margin-top: 26px;
}

.cat-box {
   box-shadow: rgb(177 172 172 / 20%) 0px 1px 5px 0px;
   padding: 10px 15px;
   border: 1px solid #64758136;
   border-radius: 0px;
}

.shop-n {
   display: flex
;
    justify-content: space-between;
    align-items: baseline;
    border-top: 2px solid #80808038;
    background: #8db2df3b;
    padding: 6px 13px;
}

.cat-image {
   display: flex;
   justify-content: center;
}

.cat-image img {
   width: 150px;
   padding: 10px;
   margin: 10px 0px;
}

.cat-main {
   width: 20%;
   padding: 0px 7px;
   margin-bottom: 15px;
}

.cat-title h2,
.cat-title h3,
.cat-title h4,
.cat-title h5,
.cat-title h6 {
   font-size: 14.7px;
   font-weight: 500;
   color: black;
   text-align: center;
   text-decoration: none;
   padding-top: 11px;
   display: block;
   padding-bottom: 13px;
   line-height: 1.3;
   margin-bottom: 0px;
}

.cat-title p {
   font-size: 14.7px;
   font-weight: 500;
   color: black;
   text-decoration: none;
   padding-top: 17px;
   display: block;
   padding-bottom: 19px;
   line-height: 1.3;
   margin-bottom: 0px;
}

.cat-link {
   font-size: 12px;
   color: #1466a1;
   display: inline-block;
   font-weight: 600;
   margin-top: 0px !important;
   text-decoration: none;
}

.promo-link:hover {
   text-decoration: underline;
}

.shop-n i {
   color: #0068b1;
   font-size: 11px;
}

.cat-title {
   text-decoration: none;
}


@media(min-width:991px) and (max-width:1200px) {
   .cat-main {
      width: 25%;
   }

   .cat-section {
      margin-top: 31px !important;
   }

   .dvBreadcrumbs .breadcrumb {
      margin-top: 71px !important;
   }
}

@media(min-width:768px) and (max-width:991px) {
   .cat-main {
      width: 33.33%;
   }

   .cat-section {
      margin-top: 35px !important;
   }

   .dvBreadcrumbs .breadcrumb {
      margin-top: 59px !important;
   }
}

@media(min-width:400px) and (max-width:767px) {
   .cat-main {
      width: 50%;
   }

   .cat-section {
      margin-top: 32px !important;
   }
}

@media(min-width:320px) and (max-width:400px) {
   .cat-main {
      width: 50%;
      padding: 0px 3px;
   }

   .cat-image img {
      width: 94px;
      margin: 5px 0px;
   }

   .cat-title h2,
   .cat-title h3,
   .cat-title h4,
   .cat-title h5,
   .cat-title h6 {
      font-size: 13.7px !important;
   }

   .cat-section {
      margin-top: 32px !important;
   }
}






/* compare */



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;
   background: #3682b714;
   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: #3682b721;
   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: #022034;
   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: #1d71ab;
   color: white;
   border-radius: 0px;
   font-weight: 500;
}

.remove-compare1 {
   border: none;
   background: none;
   color: #e53e3e;
   font-size: 9px;
   display: block;
   text-align: center;
}

.rating-p i {
   color: #ffa500;
   margin-right: -2px;
   font-size: 7px;
}

.price1-stock p {
   margin-bottom: 0px;
}

.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;
}


.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: 500;
   margin-bottom: 0px;
   color: #073c60;
   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;
}




.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;

   }


}

/* catalog */

.catalog-section {
   margin-top: 35px;
}

.categories-box {
   columns: 4;
   column-gap: 13px;
   border-radius: 15px;
}

.categories-box1 {
   columns: 4;
   column-gap: 13px;
   border-radius: 15px;
}


.categories-inner1 {
   border: 1px solid #77879333;
   box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease;
}

.categories-inner1:hover {
   transform: translateY(-10px);
}

.air-image img {
   max-width: 100%;
   border-radius: 15px;
   margin-bottom: 7px;
   margin-left: 10px;
   transition: transform 0.3s ease;
}

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

.labcontent ul li {
   list-style-type: none;
}

.labcontent ul li a {
   color: #212529;
   font-weight: 500;
   text-decoration: none;
}

.categories-main {
   margin-top: 170px;
}

.categories-inner1 {
   border: 1px solid #77879333;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 4px 0px;
   margin: 0 0 18px;
   width: 100%;
   overflow: hidden;
   background: #ffffff;
   overflow: hidden;
   transition: transform 0.3s, box-shadow 0.3s;

}

.air-text h2,
.air-text h3,
.air-text h4,
.air-text h5,
.air-text h6 {
   font-size: 15.2px;
   color: #064f83;
   padding: 7px 14px;
   font-weight: 600;
   border-bottom: 2px solid #3682b7c4;
   margin-bottom: 0px;
}

.air-text p {
   font-size: 15.2px;
   color: #064f83;
   padding: 4px 14px;
   font-weight: 600;
   border-bottom: 2px solid #3682b7c4;
   margin-bottom: 0px;
}

.air-textp {
   font-size: 15.2px;
   color: #064f83;
   padding: 7px 14px;
   font-weight: 600;
   border-bottom: 2px solid #3682b7c4;
   margin-bottom: 0px;
}

.air-text {
   text-decoration: none;
}

.air-image img {
   width: 150px;
   margin-top: 16px;
   padding: 10px;
}

.aircontent ul li a {
   color: #212529;
   font-weight: 400;
   font-size: 14px;
   text-decoration: none;
}

.air-content ul li a {
   color: #000000bd;
   font-weight: 500;
   font-size: 14px;
   text-decoration: none;
}

.catalog-inn-sec h1 {
   padding-bottom: 20px;
}

.air-content ul {
   list-style: none;
   padding-left: 16px;
   padding-bottom: 13px;
}

.heading-bottom {
   margin-bottom: 35px;
}

.categories-inner1 a {
   text-decoration: none;
}

@media(min-width:991px) and (max-width:1200px) {
   .categories-box {
      columns: 3;
      column-gap: 13px;
      border-radius: 15px;
   }

   .catalog-section {
      margin-top: 25px !important;
   }

   .categories-main {
      margin-top: 95px;
   }

   .categories-box1 {
      columns: 3;
      column-gap: 13px;
      border-radius: 15px;
   }

   .labeqip-section {
      margin-top: 102px !important;
   }

   .catalog-inn-sec h1 {
      padding-bottom: 10px !important;
   }
}

@media(min-width:768px) and (max-width:990px) {
   .categories-box {
      columns: 2;
      column-gap: 13px;
      border-radius: 15px;
   }

   .catalog-section {
      margin-top: 30px !important;
   }

   .catalog-inn-sec h1 {
      padding-bottom: 10px !important;
   }

   .categories-box1 {
      columns: 2;
      column-gap: 13px;
      border-radius: 15px;
   }

   .categories-main {
      margin-top: 111px;
   }

   .labeqip-section {
      margin-top: 100px !important;
   }
}

@media(min-width:421px) and (max-width:768px) {
   .categories-box {
      columns: 1;
      column-gap: 5px;
      border-radius: 15px;
   }

   .catalog-inn-sec h1 {
      padding-bottom: 10px !important;
   }

   .categories-box1 {
      columns: 2;
      column-gap: 5px;
      border-radius: 15px;
   }

   .catalog-section {
      margin-top: 18px !important;
   }

   .btn-d,
   .btn-c {
      display: flex;
      justify-content: center;
   }

   .categories-main {
      margin-top: 148px !important;
   }

   .labeqip-section {
      margin-top: 142px;
   }
}

@media(min-width:320px) and (max-width:420px) {
   .categories-box {
      columns: 1;
      column-gap: 13px;
      border-radius: 15px;
      column-gap: 13px;
      border-radius: 15px;
   }

   .catalog-section {
      margin-top: 18px !important;
   }

   .categories-box1 {
      columns: 1;
      column-gap: 5px;
      border-radius: 15px;
   }

   .catalog-inn-sec h1 {
      padding-bottom: 10px !important;
   }

   .labeqip-section {
      margin-top: 142px;
   }

   .btn-d,
   .btn-c {
      display: flex;
      justify-content: center;
   }

   .heading h1 {
      text-align: center;
      font-size: 22px !important;
   }

   .categories-main {
      margin-top: 132px;
   }
}




/* Wishlist */

.wishlist-section {
   margin-top: 153px;
}


.wishlist-container {
   width: 33.33%;
   align-items: center;
   background-color: #f9f9f9;
   padding: 0px 9px;
   margin-bottom: 16px;
}

.wishlist-card {
   display: flex;
   width: 100%;
   border-radius: 8px;
   box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
   background-color: #fff;
   overflow: hidden;
   transition: transform 0.3s ease-in-out;
}

.wishlist-card:hover {
   transform: translateY(-10px);
}

.wishlist-image-section {
   padding: 15px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #3682b712;
}

.wishlist-product-image {
   width: 106px;
}

.cart-speci2 {
   margin-bottom: 6px !important;
}

.wishlist-details-section {
   flex: 1;
   padding: 15px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.wishlist-header {
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.wishlist-product-title h2,
.wishlist-product-title h3,
.wishlist-product-title h4,
.wishlist-product-title h5,
.wishlist-product-title h6 {
   font-size: 15px;
   font-weight: 500;
   padding-bottom: 4px;
   padding-right: 15px;
   color: #063758;
}

.wishlist-product-title p {
   font-size: 15px;
   font-weight: 500;
   padding-bottom: 4px;
   color: #063758;
   margin-bottom: 0px;
   padding-right: 10px;
}

.wishlist-product-title {
   text-decoration: none;
}

.wishlist-delete i {
   font-size: 12px;
   position: absolute;
   top: 5px;
   right: 0px;
   color: #dc3545;
   cursor: pointer;
   transition: color 0.3s ease-in-out;
}

.wishlist-delete {
   font-size: 1.2rem;
   color: #dc3545;
   cursor: pointer;
   transition: color 0.3s ease-in-out;
}

.wishlist-delete:hover {
   color: #c82333;
}

.wishlist-info {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
}

.wishlist-rating i {
   color: #ffc107;
   margin-right: 2px;
   font-size: 7px;
}

strong {
   font-weight: 600;
}

.wishlist-price {
   font-size: 11px;
   font-weight: 500;
   color: #cc4f08;
   margin-bottom: 0px;
}

.wishlist-add-to-cart-container {
   display: flex;
   align-items: center;
   margin-top: 15px;
   padding-top: 13px;
   position: relative;
   border-top: 1px solid #7f96a87d;
}

.wishlist-add-to-cart {
   background-color: #3682b7;
   color: white;
   border-radius: 50%;
   width: 26px;
   height: 26px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   transition: background-color 0.3s ease-in-out;
}

.wishlist-add-to-cart:hover {
   background-color: #084298;
}

.wishlist-add-to-cart i {
   font-size: 9px;
}

.wishlist-add-to-cart-text {
   margin-left: 7px;
   font-size: 12px;
   font-weight: 500;
   margin-bottom: 0px;
   color: #0e5383;
   font-weight: 600;
   cursor: pointer;
   transition: color 0.3s ease-in-out;
}

.wishlist-add-to-cart-text:hover {
   color: #084298;
}



@media(min-width:991px) and (max-width:1200px) {
   .wishlist-container {
      width: 50%;
      padding: 0px 8px;
      margin-bottom: 13px;
   }

   .wishlist-section {
      margin-top: 134px !important;
   }
}

@media(min-width:768px) and (max-width:990px) {
   .wishlist-container {
      width: 50%;
      padding: 0px 5px;
      margin-bottom: 10px;
   }

   .wishlist-section {
      margin-top: 120px !important;
   }
}

@media(min-width:320px) and (max-width:767px) {
   .wishlist-container {
      width: 100%;
      padding: 0px 5px;
      margin-bottom: 10px;
   }

}

@media(min-width:320px) and (max-width:420px) {
   .wishlist-image-section {
      padding: 6px !important;
   }

   .wishlist-product-image {
      width: 91px !important;
   }
}



/* cart */
/* .cart-section {
   margin-top: 158px;
} */

.cart-container {
   width: 50%;
   padding: 0px 7px;
   margin-bottom: 10px;
}

.cart-card {
   display: flex;
   background-color: #f9f9f9;
   border-radius: 8px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   border: 1px solid #8080803d;
   overflow: hidden;
}


.cart-product-link {
   display: block;
}

.cart-product-image {
   width: 110px;
   height: auto;
   border-radius: 8px;
}

.cart-details-section {
   flex: 2;
   padding: 15px;
}

.cart-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.cart-product-title h2,
.cart-product-title h3,
.cart-product-title h4,
.cart-product-title h5,
.cart-product-title h6 {
   font-size: 15px;
   font-weight: 500;
   color: #00385e;
   margin-bottom: 10px;
}

.cart-product-title p {
   font-size: 15px;
   font-weight: 500;
   color: #00385e;
   margin-bottom: 5px;
}

.cart-product-title {

   text-decoration: none;
}

.cart-delete {
   color: #e74c3c;
   font-size: 8px;
   cursor: pointer;
}

.cart-delete i {
   margin-left: 10px;
}

.cart-specifications {
   font-size: 12px;
   color: #4f4d4d;
   margin-bottom: 19px;
}

.cart-specifications p {
   margin-bottom: 0px;
}

.cart-quantity {
   display: flex;
   align-items: center;
   margin: 10px 0;
}

.quantity-btn {

   border: none;
   border-radius: 4px;
   width: 21px;
   height: 22px;
}

.quantity-input1 {
   text-align: center;
   border: 1px solid #ddd;
   border-radius: 4px;
   width: 42px;
   font-size: 11px;
   height: 24px;
   margin: 0 5px;
}

.cart-rating-price {
   display: flex;
   justify-content: space-between;
   align-items: end;
}

.cart-image-section {
   display: flex;
   justify-content: center;
   align-items: center;
}

.cart-rating i {
   color: #ffbc1e;
   font-size: 7px;
}

.cart-price {
   font-size: 11.5px;
   font-weight: 500;
   margin-bottom: 0px;
   color: #e15303;
}

.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: 14px;
   font-weight: 500;
   background-color: #226fa5;
   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: 15px;
   font-weight: 600;
   color: #064475;
   margin-bottom: 26px;
}

.cart-h {
   font-size: 16px;

   font-weight: 500;
   color: #000;

}

.cart-pi {
   font-size: 15px;
   font-weight: 500;
   color: #484848;
}

.cart-hea {
   font-size: 18px;
   font-weight: 500;
   color: #484848;
   padding-bottom: 10px;
}

.text-review {
   width: 90%;
}

.cart-heading h1 {
   font-size: 23px;
   font-weight: 600;
   padding-bottom: 3px;
   margin-bottom: 1px;
   color: #045178;
   padding-bottom: 13px;
}

.cart-heading {
   text-decoration: none;
}

@media(min-width:300px) and (max-width:768px) {
   .Product-cart-main {
      margin-top: 115px;
      margin-bottom: 51px;
   }

   .cart-container {
      width: 100%;
   }

  
}

@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;
   }
}






/* footer */
/* .footer-labo {
   
}


.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: 18.6px;
   margin-bottom: 18px;
   position: relative;
   text-transform: uppercase;
   font-weight: 600;
   color: #014466;
}

.footer-labo .footer_links_u ul,
.footer-labo .footer_links_p ul {
   list-style: none;
   padding: 0;
  
}
.footer_ul{
   display: flex;
   margin-bottom:0px;
}
.footer_ul .footer_li{
   margin-bottom: 0px;
}

.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 {
   color: black;
   text-decoration: none;
   display: flex;
   align-items: center;
   transition: color 0.3s ease;
}
.cart-heading h1 {
   font-size: 23px;
   font-weight: 600;
   padding-bottom: 3px;
   margin-bottom: 1px;
   color: #045178;
   padding-bottom: 13px;
}
.cart-heading{
   text-decoration: none;
}
.footer-par {
   color: #0f5587 !important;
   font-size: 14px !important;
   margin-bottom: 5px;
   font-weight: 600;
   line-height: 1.5;
 }
 .footer-par span {
   font-weight: 500;
    text-transform: capitalize;
    color: black;
    line-height: 1.7;
    padding-left: 0px;
    font-size: 14px;
 }
 .e-mail p {
   color: #0f4fa7;
   font-size: 14px !important;
   margin-bottom: 5px;
   font-size:16px !important;
 }
 .e-mail a{
text-decoration: none;
 }
 .phone a{
   text-decoration: none;
 }

 .e-mail span{
   color: #3c3838;
   font-size: 14px;
   text-transform: capitalize;
 }
 .footer-a{
   color: #0f4fa7;
   font-size: 15px !important;
   margin-bottom: 5px;
   font-size:14px;
   text-align: none;
   text-transform: capitalize;
 }
 .footer-a span{
   color: #3c3838;
   font-size: 14px;
 }
 */

.footer-labo {
   background-color: white;
   box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 10px 0px;
   color: #ffffff;
   margin-top: 100px;
   padding-top: 32px;
   border-top: 1px solid #3682b773;


}
.footer-a span{
   text-transform:lowercase !important;
}
.par-hed {
   font-size: 18px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 15px;
   position: relative;
   color: #fff;
}

.par-hed::after {
   content: '';
   width: 50px;
   height: 2px;
   background-color: #fff;
   position: absolute;
   left: 0;
   bottom: -8px;
}

.phone p {
   font-size: 14px !important;
   text-transform: capitalize !important;
   font-weight: 500 !important;
   color: #171616 !important;
}

.phone span {
   font-weight: 400 !important;
}

.footer-head {
   margin-bottom: 24px !important;
}

.phone p::after {
   background: none !important;
}

.footer-labo .container {
   max-width: 1240px;
   margin: 0 auto;
}

.footer-labo .footer_links_p .footer_ul .footer_li a i {
   margin-right: 5px;
   font-size: 12px;
   box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
   background: #0b7ec1;
   border: 1px solid #064c72;
   width: 34px;
   height: 34px;
   color: #ffffff;
   display: flex;
   border-radius: 50%;
   justify-content: center;
   align-items: center;
}

.footer-labo .footer_links_p p {
   font-size: 18px;
   font-weight: 600;
   text-transform: uppercase;
   position: relative;
   color: #0d4368;
}

.footer-sub {
   display: flex;
   justify-content: space-between;
}

.footer-labo .footer_links_p p::after {
   content: '';
   width: 57px;
   height: 2px;
   background-color: #21bb21;
   position: absolute;
   left: 0;
   bottom: -8px;
}

.footer-labo .footer-u {
   margin-bottom: 30px;
}

.footer-labo .footer-par,
.footer-labo a {
   color: #fff;
   font-size: 14px;
   line-height: 1.8;
   text-decoration: none;
   transition: color 0.3s ease;
}

.footer-labo a:hover {
   color: #0d4368;
}

.footer-labo ul {
   padding: 0;
   list-style: none;
}

.footer-g {
   display: flex;
   justify-content: center;
}

.footer-labo ul li {
   margin-bottom: 2px;
}

.footer_lab p {
   font-size: 13.7px !important;
   font-weight: 400 !important;
   text-transform: capitalize !important;
   color: #171616 !important;
   line-height: 1.6 !important;
   padding-top: 15px !important;
}

.logo-footer img {
   width: 200px;
}

.footer-labo ul li a {
   display: inline-block;
   font-size: 14px;
   font-weight: 400;
   color: #171616;
   text-transform: capitalize;
   transition: color 0.3s ease;
}

.footer-company-i {
   padding-top: 6px;
}

.footer-labo ul li a:hover {
   color: #0d4368;
}



.footer-labo .footer_ul {
   display: flex;
   justify-content: center;
   padding: 0;
}



.footer-labo .footer_li:last-child {
   margin-right: 0;
}

.footer-labo .fli_a {
   color: #fff;
   font-size: 18px;
   transition: color 0.3s ease;
}

.footer-labo .fli_a:hover {
   color: #ffcc00;
}

.footer-labo .copy-container {
   padding: 7px 0px;
   display: flex !important;
   align-items: center !important;
}

.copy-rights {
   background-color: #0a6293;
   text-align: center;
   /* padding-top: 20px; */
   margin-top: 0px;
   /* padding-bottom: 16px; */
}

.copy-rights p {
   margin: 0;
   font-size: 14px;
   color: #ffffff;
}


@media(min-width:320px) and (max-width:575px){
   .footer-u{
      justify-content: left !important;
   }
}





/* 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;
   }
   }
    */



/* Container and layout styles */
.Registration-login-form {
   margin-top: 15px;
}

.registration-container {
   max-width: 1100px;
   margin: 0 auto;
   padding: 20px;
}

.regis-login-main {
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
   overflow: hidden;
}

/* Login section */
.login-border {
   border-right: 1px solid #ddd;
}

.main-relative-se {
   padding: 40px;
}

.login-heading {
   font-size: 24px;
   font-weight: 600;
   color: #035691;
   margin-bottom: 20px;
}

.login-welcome {
   font-size: 16px;
   color: #666;
   margin-bottom: 30px;
}

.registration-label {
   font-size: 14px;
   color: #072f4a;
   font-weight: 500;
   margin-bottom: 4px;
   display: block;
}

.registration-input {
   width: 100%;
   padding: 10px;
   font-size: 14px;
   border: 1px solid #ddd;
   border-radius: 4px;
   margin-bottom: 20px;
   transition: all 0.3s;
}

.registration-input:focus {
   border-color: #0d6efd;
   box-shadow: 0 0 8px rgba(13, 110, 253, 0.1);
}

.check-login {
   margin-right: 10px;
}

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

.login-button {
   display: inline-block;
   background-color: #2474ad;
   color: #fff;
   padding: 6px 45px;
   margin-top: 1px;
   /* font-size: 16px; */
   font-weight: 600;
   border: none;
   border-radius: 4px;
   transition: background-color 0.3s;
}

.login-button:hover {
   background-color: #3682b7;
}

.login-para {
   margin-top: 15px;
}

.login-para a {
   color: #0775c1;
   font-size: 13px;
   /* text-decoration: underline; */
   text-decoration: none;
   transition: color 0.3s;
}

.login-para a:hover {
   color: #0d6efd;
}

/* Registration section */
.registration-main {
   padding: 40px;
   background-color: #f9f9f9;
}

.form-heading {
   font-size: 24px;
   font-weight: 600;
   color: #08558b;
   margin-bottom: 20px;
}

.btn-register {
   background-color: #2474ad;
   color: white;
   border: none;
   padding: 7px 30px;
   font-size: 16px;
   font-weight: 600;
   border-radius: 4px;
   cursor: pointer;
   transition: background-color 0.3s ease-in-out;
}

.btn-register:hover {
   background-color: #0d6efd;
}

@media (max-width: 767px) {
   .login-border {
      border-right: none;
      border-bottom: 1px solid #ddd;
   }

   .login-button,
   .btn-register {
      width: 100%;
   }
}


@media(min-width:991px) and (max-width:1200px) {
   .Registration-login-form {
      margin-top: 26px !important;
   }

}

@media(min-width:768px) and (max-width:990px) {
   .Registration-login-form {
      margin-top: 0px !important;
   }

}

@media(min-width:320px) and (max-width:767px) {
   .Registration-login-form {
      margin-top: 0px !important;
   }

}

/* Contact us */




.contactus-section {
   padding: 23px 0;
}

.section-get {
   margin-bottom: 7px !important;
}

.section-title,
.form-title {
   font-size: 20px;
   color: #0b4974;
   margin-bottom: 20px;
   font-weight: 600;
}

.section-subtitle {
   font-size: 15px;
   color: #6c757d;
   margin-bottom: 30px;
}

.label-contact {
   font-size: 15px;
   font-weight: 500;
   color: black;
   margin-bottom: 2px;
}

.contact_captcha{
   display: flex;
       align-items: baseline;
       margin-top: 13px;
}
.contact-info {
   background-color: #fff;
   padding: 30px;
   border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.contact-detail {
   display: flex;
   margin-bottom: 30px;
}

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

.icons-content {
   font-size: 16px;
   color: #333;
   margin-bottom: 0px;
   font-weight: 500;
}

.contact-link {
   font-size: 13.5px;
   color: #023c64;
   font-weight: 500;
}

.contact-link {
   text-decoration: none;
}

.contact-link:hover {
   text-decoration: underline;
}

.contact-form {
   background-color: #fff;
   padding: 40px;
   border-radius: 10px;
   border: 1px solid #677b8938;
   box-shadow: 1px 1px 21px rgba(0, 0, 0, 0.1);
}

.contactus-section {
   margin-top: 0px;
}

.form-input {
   width: 100%;
   padding: 7px 10px;
   border: 1px solid #ced4da;
   border-radius: 5px;
   margin-bottom: 20px;
   font-size: 1rem;
}

.form-input:focus {
   border-color: #0d6efd;
   box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
   outline: none;
}

.btn-submit {
   background-color: #3682b7;
   color: #fff;
   padding: 7px 25px;
   border: none;
   font-weight: 500;
   border-radius: 5px;
   font-size: 1rem;
}

.btn-submit:hover {
   background-color: #084298;
}


@media(min-width:991px) and (max-width:1200px) {
   .contactus-section {
      margin-top: 8px !important;
   }
}


@media(min-width:768px) and (max-width:990px) {
   .contactus-section {
      margin-top: 8px !important;
   }
}


@media(min-width:320px) and (max-width:767px) {
   .contactus-section {
      margin-top: 0px !important;
   }
}











.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 p {
   font-size: 21px;
   color: #0e4f7c;
}

.your-order-area h1 {
   font-size: 20px;
   padding-top: 0px;
   font-weight: 500;
   margin-bottom: 8px;
   color: #064475;
}

.your-order-area .your-order-wrap {
   padding: 28px;
   background: #fff;
   border: 1px solid #6072803b;
}

.your-order-area p {
   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;
   font-weight: 500;
   justify-content: space-between;
   margin: 0 0 16px;
   color: #343030;
   font-size: 14px;
}

.your-order-product ul li:last-child {
   margin: 0 0 0;
}

.your-order-product ul li span {
   font-size: 14px;
   color: #eb5d0d;
   font-weight: 600;
}

.your-order-wrap .your-order-subtotal {
   border-bottom: 1px solid #e5e5e5;
   border-top: 1px solid #e5e5e5;
   padding: 20px 0;
}

.your-order-subtotal p {
   font-size: 16px;
   font-weight: 500;
   margin: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.your-order-subtotal p span {
   font-size: 18px;
   font-weight: 500;
   color: #074168;
}

.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 p {
   font-size: 20px;
   font-weight: 500;
   margin: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.your-order-total p span {
   font-size: 18px;
   font-weight: 600;
   color: #064475;
}

.check-address {
   border: 1px solid #80808052;
   padding: 20px 10px 20px 10px;
   border-radius: 4px;
   background: #85888b14;
   margin-bottom: 13px;
}

.your-order-area .sin-payment {
   margin-bottom: 25px;
   padding-top: 15px;

}

.checkout-d label {
   color: black;
   font-weight: 500;
}

.text-f {
   font-size: 14px !important;
}

.form-notes {
   font-size: 14px;
   margin-bottom: 4px;
   font-weight: 500 !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;
   background-color: white;
   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: #3682b7;
   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: 27px;
   margin-bottom: 99px;
}

.different-address {
   display: none;
}

.checkout-toggle:checked~.different-address {
   display: block;
}

.checkout-acm {
   background: #3682b712;
   padding: 46px 0px;
}

.chechout-r {
   display: flex;
   justify-content: center;
   align-items: center;
}

@media (min-width: 300px) and (max-width:768px) {
   .payment-order-details {
      width: 100%;
      margin: 0px auto;
   }
}

@media (min-width: 991px) and (max-width: 1200px) {
   .section-space {
      margin-top: 28px !important;
      margin-bottom: 74px !important;
   }

   .checkout-acm {
      background: #3682b712;
      padding: 20px 0px 0px 0px !important;
   }
}

@media (min-width: 769px) and (max-width: 991px) {
   .section-space {
      margin-top: 29px !important;
      margin-bottom: 81px !important;
   }

   .checkout-acm {
      background: #3682b712;
      padding: 24px 20px !important;
   }

   .payment-order-details {
      width: 41% !important;

   }
}

@media (min-width: 300px) and (max-width: 767px) {
   .section-space {
      margin-top: 27px !important;
      margin-bottom: 56px !important;
   }

   .checkout-acm {
      background: none;
      padding: 0px !important;
   }

   .your-order-area h2 {
      margin-top: 30px;
   }

   .billing-heading {
      border: 1px solid #80808033 !important;
   }
}



/* Sub categories */

.subcaregories-section {
   margin-top: 39px;
}

.heading-subcate {
   text-decoration: none;
}

.heading-subcate h1 {
   text-align: start;
   font-size: 23px;
   font-weight: 600;
   padding-bottom: 3px;
   margin-bottom: 1px;
   color: #22597e;
}

/* Overall Styling for Custom Tabs */
.custom-tabs {
   display: flex;
   justify-content: space-around;
   padding: 10px 0;
}

.nav-item {
   list-style: none;
   margin: 0 5px;
}

.nav-subcate {
   padding: 6px 16px;
   align-items: center;
   justify-content: center;
   border: 1px solid #80808059;
   background: linear-gradient(145deg, #ffffff, #f0f0f0);
   border-radius: 50%;
   text-align: center;
   color: #01528b;
   font-weight: 500;
   transition: all 0.4s ease;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);

   cursor: pointer;
   position: relative;
}

.nav-subcate h2 {
   font-size: 14px;
   margin-bottom: 0px;

}

.nav-subcate .tab-icon {
   font-size: 2rem;
   margin-bottom: 10px;
   display: block;
   transition: transform 0.3s ease;
}

.nav-subcate:hover {
   background: radial-gradient(circle at top left, #2f95df, #05426c);
   color: #fff;
   box-shadow: 0 8px 20px rgba(8, 66, 152, 0.6);
   transform: translateY(-5px);
}

.nav-subcate:hover .tab-icon {
   transform: rotate(360deg);
}

.nav-subcate.active {
   background: radial-gradient(circle at top left, #2f95df, #05426c);
   color: #fff;
   padding: 6px 16px;
   font-weight: 500;
   font-size: 14px;
}

.nav-subcate.active .tab-icon {
   color: #fff;
}

.nav-subcate:focus-visible {
   outline: none;
   box-shadow: 0 0 0 4px rgba(13, 109, 253, 0.096);
}





/* Subcategories Inner Box */
.subcategories-sec {
   width: 25%;
   padding: 0px 5px;
   margin-bottom: 13px;
}

.subcategories-inner-box {
   background: #fff;
   border-radius: 12px;
   border: 1px solid #71889938;
   box-shadow: 0 2px 11px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   padding: 15px;
   position: relative;
}

.subcategories-inner-box:hover {
   transform: translateY(-10px);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Subcategory Header */
.subcategories-header {
   margin-bottom: 15px;
   text-align: center;
}



/* Subcategory Image Section */
.subcat-image {
   margin-top: 47px;
   display: flex;
   justify-content: center;
   margin-bottom: 25px;
   transition: transform 0.3s ease;
}

.subcat-image img {
   width: 170px;
   margin-top: 10px;
   margin-bottom: 10px;
}

.subcat-image img {
   transition: transform 0.3s ease;
}

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

.wish-sub-main {
   position: absolute;
   top: 13px;
   right: 13px;
}

.wish-sub-main button {
   background: none;
   background-color: rgb(54 130 183 / 14%);
   color: white;
   width: 32px;
   height: 32px;
   border: none;
   cursor: pointer;
   font-size: 16px;
   padding: 10px;
   border-radius: 50%;
   transition: background-color 0.3s ease;
}

.wish-sub-main i {
   display: flex;
   justify-content: center;
   align-items: center;
   color: red;
   font-size: 14px;
}

.wish-sub-main button:hover {
   background-color: #0d6efd;
   color: white;
}

/* Subcategories Text */
.subcategories-text {
   text-decoration: none;
   color: #333;
   display: block;
   text-align: center;
   margin-bottom: 10px;
}

.subcategories-text h2,
.subcategories-text h3,
.subcategories-text h4,
.subcategories-text h5,
.subcategories-text h6 {
   font-size: 16px;
   text-align: left;
   /* margin: 15px 0; */
   color: #0b407e;
   transition: color 0.3s ease;
}

.subcategories-text p {
   font-size: 15px;
   margin-top: 15px;
   color: #012136;
   font-weight: 500;
   transition: color 0.3s ease;

}

.subcategories-text:hover h2 {
   color: #0d6efd;
}

/* Subcategories Rating */
.subcategories-rating {
   display: flex;
   justify-content: center;
   gap: 5px;

}

.subcategories-rating i {
   color: #ffcc00;
   font-size: 9px;
}

/* Specifications */
.subcat-main-scroll1 {
   height:77px;
   overflow: auto;
   scrollbar-width: thin;
   scrollbar-color: #0883e1 #ffffff;
   overflow-y: auto;
   /* margin-bottom: 15px; */
   padding-right: 5px;
}

.subcat-main-scroll1 p {
   font-size: 13px;
   margin-bottom: 4px;
   color: #555;
}

.anyla-s {
   font-weight: 600;
   color: #333;
   font-size: 13px;
}

/* Button Section */
.button-subcat-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-top: 11px;
   border-top: 1px solid #eaeaea;
}

.price-subcat {
   font-size: 13.4px;
   font-weight: 600;
   color: #d7540a;
   margin-bottom: 0px;
}

.cart-subcate {
   background-color: #1c699f;
   color: #fff;
   border: none;
   padding: 4px 13px;
   border-radius: 3px;
   font-size: 11px;
   font-weight: 500;
   display: flex;
   align-items: center;
   gap: 5px;
   transition: background-color 0.3s ease;
}

.cart-subcate i {
   font-size: 13px;
}

.cart-subcate:hover {
   background-color: #084298;
}

.nav-subcat {
   margin-bottom: 10px;
   /* border: 1px solid #80808059; */
}

@media(min-width:991px) and (max-width:1200px) {
   .subcaregories-section {
      margin-top: 34px !important;
   }

   .subcategories-sec {
      width: 33.33%;
   }

   .tab-pane {
      padding: 0px !important;
   }

}

@media(min-width:768px) and (max-width:990px) {
   .subcaregories-section {
      margin-top: 27px !important;
   }

   .subcat-main-scroll1 {
      height: 107px !important;
   }

   .tab-pane {
      padding: 0px !important;
   }

   .subcategories-sec {
      width: 50%;
   }

}

@media(min-width:560px) and (max-width:767px) {
   .subcategories-sec {
      width: 50%;
   }

   .subcaregories-section {
      margin-top: 28px !important;
   }
}


@media(min-width:320px) and (max-width:559px) {
   .subcategories-sec {
      width: 100%;
   }

   .subcaregories-section {
      margin-top: 28px !important;
   }
}




.rpbox-container {
   display: flex
   ;
       justify-content: center;
       align-items: center;
       margin-top: 43px;
}

.rpbox {
   background-color: #ffffff;
   padding: 22px 30px;
   border-radius: 8px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   width: 100%;
   max-width: 400px;
   text-align: center;
}

.lgn {
   font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.inputbox {
   margin-bottom: 20px;
}

.iklqa {
   width: 100%;
   padding: 10px 15px;
   font-size: 14px;
   color: #333;
   border: 1px solid #ddd;
   border-radius: 4px;
}

.iklqa:focus {
   border-color: #007bff;
   outline: none;
   box-shadow: 0 0 4px rgba(0, 123, 255, 0.25);
}

.oku {
   display: inline-block;
   margin-bottom: 20px;
   font-size: 14px;
   color: #007bff;
   text-decoration: none;
}

.oku span {
   font-weight: bold;
}

.oku:hover {
   text-decoration: underline;
}

.loginbutton {
   text-align: center;
}

.lhbtn {
   background-color: #0d60c3;
    color: #fff;
    padding: 5px 20px;
    font-size: 15px;
    border: none;
    border-radius: 4px;
}

.lhbtn:hover {
   background-color: #0056b3;
}


/* 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;
    } */
.contact-inner {
   display: flex;
   justify-content: center;
}

.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;
   }
}














.product-slider {
   margin: 0 auto;
   position: relative;
}

.product-slider img {
   width: 66px;
   height: auto;
   cursor: pointer;
   border: 1px solid #d0d9df;
   margin-bottom: 7px;
   border-radius: 3px;
}



.big-image img {
   width: 313px;
   height: 390px;
   object-fit: contain;
}
.product-description-main{
   display: flex;
   align-items: center;
}

.l-r-buttons {
   margin-left: 7px;
}

.up-btn,
.down-btn {
   font-size: 20px;
   margin-top: 10px;
}

.related-products-slider {
   margin-top: 0px;
   margin-bottom: 99px;
}

.product-detail-content {
   padding-left: 10px;
}

.specification td {
   font-size: 14px;
}

.Specification-table {
   border: 1px solid #0536761f;

}

.w-11 {
   width: 2.75rem !important;
}

.h-11 {
   height: 2.75rem !important;
}

.rounded-full {
   border-radius: 9999px !important;
}

.text-sm {
   font-size: .875rem !important;
   line-height: 1.25rem !important;
}

.text-slate-400 {
   opacity: 1 !important;
   color: rgb(148 163 184);
   margin-bottom: 6px;
}

.rating-product {
   padding-left: 0px;
}

.rating-product li {
   font-size: 14px;
   color: orange;
   cursor: pointer;
   /* border-right: 1px solid #a7aeb7b2; */
   /* padding: 0px 10px; */
}

.shadow {
   box-shadow: rgb(60 72 88 / 0.15) 0px 2px 8px 0px;

}

.reviews-block {
   padding-left: 0px;
   margin-bottom: 4px;
}

.inline {
   display: inline !important;
   font-size: 13px;
   color: #fb923c;
}

.review-text-box {
   border: 1px solid #d0d7dd;
   padding: 24px 20px;
}

.review-text-box h3 {
   font-size: 20px;
   color: #054899;

}

.review-form h3 {
   font-size: 18px;
   color: #054899;

}
product-features {
   margin-left: 0;
   padding-left: 0;
}

.product-features li::before {
   content: '\2022'; 
   color: #007bff; 
   font-weight: bold;
   display: inline-block;
   width: 1em;
   margin-left: -1em; 
}

.product-features li {
   font-size: 16px;
   color: #333;
   margin-bottom: 10px;
}

.text-lg {
   color: #363b4a;
   font-size: 15px;
   font-weight: 500;
   text-decoration: none;
}

.text-slate-400.italic {
   background: rgb(249 250 251);
   padding: 20px;
   font-size: 14px;

}

.text-slate-400 {
   opacity: 1 !important;
   color: rgb(148 163 184);
   font-size: 13px;
   text-decoration: none
}

.text-review {
   width: 90%;
   border: 1px solid #dee2e6;
}


.up-btn {
   background: #3682b7;
   color: #fff;
   top: 10px;
   border: none;
   font-weight: bold;
   line-height: normal;
   width: 23px;
   border-radius: 50%;
   height: 23px;
   font-size: 12px;
   border: none;
}

.product-desc {
   position: relative;
}

.down-btn {
   background: #3682b7;
   color: #fff;
   top: 10px;
   border: none;
   font-weight: bold;
   line-height: normal;
   width: 23px;
   border-radius: 50%;
   height: 23px;
   font-size: 12px;
   border: none;
}

.detail-para span {
   color: #054899;
   font-size: 21px;
}

.detail-para {
   margin-bottom: 3px;
   font-size: 14px;
}

.detail-heading h1 {
   font-size: 23px;
   color: #0e4972;
   margin-bottom: 4px;

}

.detail-heading {
   text-decoration: none;
}

.detail-price {
   color: #c94809;
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 0px;
}

.p-sub {
   color: black;
   font-size: 14px;
   font-weight: 400;
   margin-bottom: 0px;
   padding-bottom: 8px;
}

.p-sub span {
   color: black;
   font-weight: 400;
}

.buttons_added {
   padding-bottom: 18px;
   margin-top: 16px;
}

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

.quantity input[type="number"] {
   text-align: center;
   border: 1px solid #3682b7cc;
   border-radius: 5px;
   margin: 0 3px;
}

.button-detail .detail-cart {
   color: #064475;
   background: #fff;
   font-size: 12px;
   padding: 4px 20px;
   border-radius: 5px;
   cursor: pointer;
   transition: background-color 0.3s ease-in-out;
   border: 1px solid #3682b7cc;
   font-weight: 500;
}


.detaill-cart {
   margin-top: 4px;
   border: none;
   font-size: 14px;
   background: #1065a1;
   color: white;
   padding: 5px 21px;
   border-radius: 4px;
   font-weight: 500;
   margin-right: 21px;
}

.details-wishl {
   margin-left: 0px;
   margin-top: 4px;
   font-size: 14px;
   border: 1px solid #d3d3d3;
   color: #ff002d;
   background-color: white !important;
   width: 127px;
}

.fa-wish-list-d {
   padding: 6px 0px !important;
   margin-right: 6px !important;
   font-size: 14px;

}

.details-featured-section {
   border: 1px solid #80808038;
   padding: 30px;
}

.Anes-profile-sec-tab {
   margin-top: 65px;
}

.table-border {
   border: 1px solid #80808030;
}

.profile-bac {
   background: white;
   margin-bottom: -18px;
}

.nav-details {
   padding: 9px 12px;
   border: none;
   border-right: 1px solid #8080802e;
   color: #00295b;
   background: #bdd0e94f;
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 500;
}

.nav-details.active {
   margin-right: 0px;
   font-size: 16px;
   font-weight: 500;
   text-transform: uppercase;
   cursor: pointer;
   background: white;
   color: #fc840a;
   border: 1px solid #80808030;
}

.features-details {
   padding: 20px 0px;
}

.slick-list {
   height: 100%;
}

.Specification-head td {
   background-color: #bdd0e930 !important;
   color: #111;
   font-size: 14px;
}

.text-slate-400.italic {
   margin-bottom: 20px;
}

.star i {
   font-size: 10px;
   color: #ff9b00;
}

.star {
   width: 75px;
}

.count {
   font-size: 14px;
   padding-top: 4px;
   margin-left: 4px;
}

.minus {
   border: 1px solid #5e9bc5;
   border-radius: 5px;
}

.plus {
   border: 1px solid #5e9bc5;
   border-radius: 5px;
}



.quantity:before {
   content: "Qty :" !important;
   line-height: 30px !important;
   text-transform: uppercase;
   font-weight: bold;
   margin-right: 10px;
   font-size: 14px;
}

.quantity-input {
   height: 32px;
}

.compare-detail {
   color: #000000;
   text-decoration: none;
   margin-left: 10px;
}


.slick-dots li.slick-active button:before {
   display: none;
}

.products-detail-box {
   width: 20%;
   margin-bottom: 13px;

}

.product-detail-main {
   margin-top: 44px;
   margin-bottom: 48px;
}

.related-text {
   font-size: 26px;
   color: #053676;
   padding-bottom: 10px;
}

.product-desc {
   font-size: 15px;
   font-weight: 500;
   margin-bottom: 3px;
}

.seperator {
   margin: 12px 0;
   border-bottom: 1px solid #ddd;
   width: 80%;
}

.review-text-box {
   margin-bottom: 52px;
}

.rating-product {
   list-style: none;
}

.nav-tabs .nav-item {
   margin-bottom: -1px;
}

.nav-tabs .nav-link {
   font-size: 15.5px;
   color: #0f5082;
   font-weight: 600;
   border: 0px;
   padding: 7px 8px;
   margin-bottom: 7px;
   margin-right: 7px;
   margin-left: 0px;
   border-radius: 0px;
}

.nav-tabs .nav-link.active {
   color: #1e6393;
   margin-bottom: 10px;
   margin-right: 7px;
   padding: 4px 8px;
   /* border: 1px solid grey; */
   border-radius: 0px;
   border: 1px solid #3682b700;
   border-bottom: 3px solid #d36527;
   margin-left: 0px;
   font-weight: 600;
}

.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;
}

.ask-expert-sec {
   border: 1px solid #e3e3e3;
   padding: 20px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.expert-title {
   font-size: 20px;
   padding-bottom: 13px;
}

.nav-tabs {
   border-bottom: none !important;
}

.expert-title {
   font-size: 19px;
   font-weight: 500;
   color: #034472;
}

.form-label {
   font-size: 14px;
   font-weight: 500;
   margin-bottom: 2px;
}

.expert-btn {
   background: #0e639f;
   border: none;
   color: white;
   font-size: 15px;
   padding: 4px 24px;
}














/* profile */

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



/* Main profile navigation */
.profile-main-nav {
   background-color: #f7f9fc;
   padding: 20px;
   border-radius: 8px;

}

/* Vertical nav pills */
.nav-profile-pills {
   /* background: #0d6efd; */
   border-radius: 8px;
   padding: 10px;
}

.mx-auto h5 {
   font-size: 16px;
   color: #114a72;
   font-weight: 600;
}
.mx-auto h1 {
   font-size: 16px;
   color: #114a72;
   font-weight: 600;
}

.mx-auto h6 {
   font-size: 12px;
}

.nav-profile-pills .nav-link {
   color: #095287;
   font-size: 15.5px;
   font-weight: 500;
   margin-bottom: 10px;
   padding: 8px 15px;
   border-radius: 5px;
   text-align: left;
   border-left: 2px solid #d36527;
   width: 100%;
   border-right: 1px solid #82929d66;
   border-top: 1px solid #82929d66;
   border-bottom: 1px solid #82929d66;
}

.profile-user {
   margin-top: 15px;
}

.nav-profile-pills .nav-link:hover {
   background-color: #1f80c5d9;
   color: #fff;
}

.nav-profile-pills .nav-link.active {
   background-color: #0b77af;
   border-left: 2px solid #d36527;
   width: 100%;
   font-weight: 600;
}

/* Card styling for each section */
.card {
   border: none;
   border-radius: 10px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   background-color: #fff;
}

.card-header-profile {
   background-color: #0d6efd;
   color: #fff;
   font-weight: bold;
   padding: 15px;
   border-radius: 10px 10px 0 0;
}

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

h2.change-heading {
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 15px;
   color: #0a5d97;
}

/* Form input styling */
.ask-form {
   border: 1px solid #becbd9;
   padding: 8px;
   font-size: 14px;
   border-radius: 5px;
}

.ask-form:focus {
   border-color: #0d6efd;
   box-shadow: 0 0 5px rgba(13, 110, 253, 0.2);
}

/* Buttons */
.btn-update,
.btn-change-password {
   background-color: #0d6efd;
   color: #fff;
   border: none;
   padding: 10px 20px;
   font-size: 14px;
   border-radius: 5px;
   cursor: pointer;
   transition: all 0.3s;
}

.btn-update:hover,
.btn-change-password:hover {
   background-color: #084298;
   transform: translateY(-2px);
}

/* Tab Content General Styling */
.tab-content {
   margin-top: 20px;
}

.profile-pane {
   padding: 20px;
   background-color: #fff;
   border-radius: 8px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Delivery Address and Payment Details styling */
.delivery-address,
.payment-details {
   padding: 20px;
}

input.form-control[type="password"] {
   background-color: #f8f9fa;
}

.mb-3 label {
   font-weight: 500;
   margin-bottom: 2px;
   display: block;
}


/* 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-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;
   border: 1px solid #80808038;
}

.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: #074b6f;
   font-size: 17px;
   padding: 10px 15px;
}

.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;
   }

   .tab-pane {
      padding: 0px !important;
   }

   .card-body-profile {
      padding: 22px 11px 38px 11px;
   }

}

@media(min-width:769px) and (max-width:1200px) {
   .profile-section {
      margin-top: 33px !important;
      margin-bottom: 80px;
   }
}

@media(min-width:320px) and (max-width:767px) {
   .profile-section {
      margin-top: 35px !important;
   }

   .tab-pane {
      padding: 0px !important;
   }

   .Anes-profile-sec-tab {
      margin-top: 45px !important;
   }

   .submit-review {
      margin: 0px !important;
   }

   .reviews-summary {
      padding: 0px !important;
      margin-top: 20px;
   }

}

@media(min-width:320px) and (max-width:460px) {
   .detail-heading h1 {
      font-size: 20px;
   }

   .Anes-profile-sec-tab {
      margin-top: 28px !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;
}

.search-section {
   margin-top: 151px;
}

.image-box {
   display: flex;
   justify-content: center;
   border: 1px solid #67747c2b;
}

.image-box img {
   width: 130px;
   margin-bottom: 17px;
   margin-top: 16px;
}

.cat-3 {
   box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 5px;
}

.search-cate-main {
   width: 20%;
   padding: 0px 7px;
   margin-bottom: 10px;
}


.product-title1 h2,
.product-title1 h3,
.product-title1 h4,
.product-title1 h5,
.product-title1 h6 {
   padding: 0px 10px 13px 0px;
   text-decoration: none;
   color: #0a406a;
   
   margin-bottom: 0px;
   font-weight: 500;
   padding-top: 15px;
   text-align: left;
   font-size: 17px;
   background-color: #fff;
}
.card-sub2{
   border: 1px solid #e5e8e9;
   padding: 0px 16px;
}
.product-title1 {
   text-decoration: none;
}

.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;
}

.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-detail-main {
      margin-top: 37px !important;
   }

   .big-image img {
      width: 210px !important;
   }
}

@media(min-width:768px) and (max-width:990px) {
   .product-detail-main {
      margin-top: 26px !important;
   }

   .detail-heading h1 {
      padding-top: 25px !important;
   }

   .product-slider img {
      width: 87px;
   }
}

@media(min-width:320px) and (max-width:768px) {
   .headingdc h1 {
      margin-top: 16px !important;
      font-size: 24px !important;
   }

   .detail-heading h1 {
      padding-top: 26px !important;
   }

   .product-detail-main {
      margin-top: 33px !important;

   }

   .product-description-tabs {
      margin-top: 30px;
   }

   .spect-main-desc {
      padding-right: 0px !important;
   }

}

@media(min-width:320px) and (max-width:460px) {
   .headingdc h1 {
      font-size: 20px !important;
   }

   .big-image img {
      width: 182px !important;
      height: auto;
   }

}

@media(min-width:320px) and (max-width:400px) {

   .product-slider img {
      width: 46px !important;
   }

   .l-r-buttons {
      margin-left: 0px !important;
   }

   .up-btn {
      width: 21px;
      height: 21px;
   }

   .down-btn {
      width: 21px;
      height: 21px;
   }
}


@media(min-width:460px) and (max-width:768px) {
   .big-image img {
      width: 252px !important;
      height: auto;
   }
}



.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: 15px;
   color: #fff;
   background-color: #1c6599;
   margin-top: 15px;
   border: none;
   border-radius: 4px;
}

.review-form button:hover {
   background-color: #0056b3;
   color: white;
}



.review-section {
   padding: 50px 40px;
   background-color: #b0bdc72e;
}

.rating-summary {
   background: #fff;
   padding: 23px 30px;
   border-radius: 8px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.rating-header h2 {
   font-size: 24px;
   margin-bottom: 15px;
}

.average-rating {
   display: flex;
   align-items: center;
}

.average-rating .fa {
   font-size: 20px;
   color: #ffbc00;
   margin-right: 5px;
}

.rating-number {
   font-size: 18px;
   font-weight: bold;
   margin-left: 10px;
   color: #333;
}

.total-reviews {
   margin-top: 5px;
   font-size: 14px;
   color: #777;
}

.progress-bars {
   margin-top: 20px;
}

.rating-bar {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
}

.rating-bar span {
   font-size: 14px;
   margin-right: 10px;
   width: 60px;
}

.progress {
   height: 8px;
   flex-grow: 1;
}

.reviews-wrapper {
   background-color: #f9fafb;
}

.reviews-header {
   margin-bottom: 30px;
}

.text-highlight {
   color: #094874;
   font-size: 22px;
   margin-bottom: 5px;
   font-weight: 500;
}

.average-rating {
   font-size: 20px;
}

.average-rating .fa {
   color: #f4c542;
   margin-right: 5px;
   font-size: 10px;
}

.rating-number {
   margin-left: 10px;
   font-weight: bold;
   font-size: 15px;
   color: #333;
}

.total-reviews {
   font-size: 13px;
   color: #777;
   margin-top: 5px;
}

.bg-progress {
   background-color: rgb(54 130 183) !important;
}


.review-card {
   padding: 10px 14px;
   border: 1px solid #8080802e;
   margin-bottom: 12px;
   background: white;
   border-radius: 10px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

}

.reviews-container {
   margin-top: 28px;
}

.review-top {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
}

.review-avatar {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   margin-right: 15px;
   object-fit: cover;
}

.reviewer-info h5 {
   margin: 0;
   font-size: 18px;
   color: #333;
}

.review-rating .fa {
   color: #ffbc00;
   font-size: 9px;
}

.reviewer-name {
   margin-bottom: 0px;
   font-size: 14px;
   font-weight: 500;
   color: black;
}

.review-content {
   font-size: 13px;
   color: #555;
   margin-top: 10px;
   line-height: 1.5;
}

.text-sub {
   color: #094874;
   font-size: 21px;
   margin-bottom: 5px;
   font-weight: 500;
}

.submit-review {
   margin: 0px 13px;
   padding: 20px 20px 40px 20px;
   background: white;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}


/* Container & Layout */

.oredr-main {
   margin-top: 150px;
   overflow: hidden !important;
}

.order-summary-container {
   background-color: #f9f9f9;
   padding: 20px;
   border: 1px solid #ddd;
   margin: 20px auto;
   max-width: 1000px;
}

/* Order Header Section */
.order-header {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
   padding-bottom: 20px;
   border-bottom: 2px solid #ccc;
   margin-bottom: 15px;
}

.order-id-section h2 {
   font-size: 17px;
   color: #004e83;
   font-weight: 600;
   margin: 0;
}

.order-id-section .order-date {
   font-size: 13px;
   padding-top: 3px;
   color: #666;
}

.track-btn {
   background-color: #d36527;
   font-size: 12px;
   color: white;
   padding: 5px 13px;
   font-weight: 500;
   text-decoration: none;
   border-radius: 0px;
   transition: background-color 0.3s ease;
}

.track-btn:hover {
   background-color: #3682b7;
   color: white;
}

/* Product Rows */
.order-product-row {
   display: grid;
   grid-template-columns: 1fr 2fr 1fr 1fr;
   gap: 12px;
   padding: 20px 0;
   border-bottom: 1px solid #ddd;
}

.product-image-section img {
   width: 130px;
   border: 1px solid #65717840;
   border-radius: 5px;
}

.order-title h2,
.order-title h3,
.order-title h4,
.order-title h5,
.order-title h6 {
   font-size: 15px;
   color: #083859;
   font-weight: 500;
   text-decoration: none;
   margin-bottom: 5px;
   display: block;
}

.order-title {
   text-decoration: none;
}

.product-quantity {
   color: #333;
   margin-bottom: 5px;
   font-size: 12px;
}

.product-price {
   color: #ef5600;
   font-size: 12px;
   font-weight: 500;
}

.order-status-section h4,
.order-total-section h4 {
   font-size: 15px;
   color: #0c0b0b;
   margin-bottom: 5px;
   font-weight: 500;
}

.order-status-section p,
.order-total-section p {
   font-size: 13px;
   font-weight: 400;
   color: #333;
}

.order-total-section1 h4 {
   margin-left: 760px;
   font-size: 15px;
   color: #0c0b0b;
   margin-bottom: 5px;
   font-weight: 500;
}


.order-total-section1 p {
   margin-left: 770px;
   font-size: 13px;
   font-weight: 400;
   color: #333;
}



.order-review-section .review-btn {
   border: 1px solid grey;
   /* background-color: #ffca2c; */
   font-size: 14px;
   color: #033252;
   padding: 3px 15px;
   text-decoration: none;
   border-radius: 5px;
   transition: background-color 0.3s ease;
}

.order-review-section .review-btn:hover {
   background-color: #3682b7;
   color: #ffff;
}

/* Responsive Design */
@media (min-width:470px) and (max-width: 768px) {
   .order-product-row {
      grid-template-columns: 1fr 3fr 1fr 1fr;
   }
}


@media (min-width:320px) and (max-width:469px) {

   .order-product-row {
      grid-template-columns: 1fr;
      text-align: center;
   }

   .order-status-section,
   .order-total-section,
   .order-review-section {
      text-align: center;
   }

   .order-header {
      display: block;
   }
}



@media (min-width:991px) and (max-width:1200px) {

   .oredr-main {
      margin-top: 128px !important;
   }
}

@media (min-width:768px) and (max-width:990px) {

   .oredr-main {
      margin-top: 107px !important;
   }
}


/* single catalog */

.catalog_body {
   max-width: 700px;
   height: auto;
   margin: auto;
   margin-bottom: 50px;
   background-color: #fff
}

.download_btn {
   color: #ffffff;
   font-weight: 500;
   background: #246b9d;
   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/catalog-back.jpg);
   background-size: cover;
   max-width: 100%;
   background-position: top;
   background-position: left;
   height: 840px;
   margin: auto;
}

.catalog_logo {
   width: 280px;
   float: left;
   margin: 107px 0 0 14px;
}

.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: #08496a;
   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: #0d588d;
   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%
   }
}






.search-section {
   margin-top: 151px;
}

.image-box img {
   width: 130px;
   margin-bottom: 17px;
   margin-top: 16px;
}

.search-cate-main {
   width: 20%;
   padding: 0px 7px;
   margin-bottom: 10px;
}

/* .search-products1{
      margin-top:160px;
   } */
.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;
   padding-top: 10px;
   font-weight: 500;
   border-top: 1px solid #5a6d7a6e;
   text-align: center;
   font-size: 15px;
   background-color: #fff;
}

.image-box-search {
   display: flex;
   justify-content: center;
}

.image-box-search img {
   margin: 20px 0px;
   width: 120px;
}


.search-heading h1 {
   padding-bottom: 10px;
}

.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-products1 {
      margin-top: 160px !important;
   }

   .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;

   }
}


/* about us */


about-section {
   margin-top: 85px
}

.about-section p {
   font-size: 15px;
   color: #000000b3
}

.heading-about h1 {

   font-size: 25px;
   font-weight: 600;
   padding-bottom: 3px;
   margin-bottom: 1px;
   color: #11437e;
}

.heading-about {
   text-decoration: none;
}

.what-we-do-sec h2 {
   font-size: 20px;
   font-weight: 600;
   color: #0b4c9dd1;
   background: #f3f2eeab;
   padding: 9px 10px;
   border-radius: 4px;
   margin-top: 23px
}

.what-we-do-sec p {
   color: #000000b3
}

.about-main-sec1 {
   margin-top: 29px;
}

@media(min-width:990px) and (max-width:1200px) {
   .about-main-sec1 {
      margin-top: 25px !important;
   }

}


@media(min-width:320px) and (max-width:768px) {
   .about-main-sec1 {
      margin-top: 23px !important;
   }
}



/* 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: 2px;
   left: 9px;
   margin-bottom: 22%;
   color: #fff;
   font-size: 13px;
}

.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: #074c81 !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: #074c81;
}

.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: #074c81;
}

.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: #074c81;
}

.tracking .progress-6>ul>li.bullet-4,
.tracking .progress-7>ul>li.bullet-4 {
   background: #074c81;
}

.tracking .progress-7>ul>li.bullet-4 {
   background: #074c81;
}

.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: #074c81;

}

.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: #074c81;
}

.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: #074c81;
}

.tracking .progress-7>ul>li.bullet-4 .txt {
   color: #074c81;
}

/* 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;
}

.tracking ul>li .el i {
   position: absolute;
   bottom: 2px;
   left: 9px;
   margin-bottom: 22%;
   color: #fff;
   font-size: 13px;
}

span.pf_text {
   color: #0d436c;
   font-weight: 600;
   font-size: 18px;
}


.order_number {
   font-size: 18px;
   font-weight: 700;
}

@media(min-width:300px) and (max-width:768px) {

   .order_pointer.mt-2 {

      display: block;
      margin-top: 20px;
      font-size: 14px;
      font-weight: 500;
      background: #e8e8e8ad;
      padding: 19px 15px;
      line-height: 1.8;
   }

   .cart_head a {
      color: #333;
      font-size: 16px;

   }

   .cart_contend {

      padding: 0px 10px 10px 10px;
   }

}

@media (min-width:300px) and (max-width: 500px) {
   .tracking ul {
      display: flex;
      flex-flow: column;
   }

   .tracking ul>li {
      margin-top: 56px;
   }

   .tracking .empty-bar {
      width: 1%;
      height: 80%;
      left: 15px;
      top: 62px;
      display: flex;
   }

   .tracking ul>li .txt {
      color: #000000;
      position: absolute;
      top: 20%;
      left: 22px;
      text-align: center;
      width: 150px !important;
      font-size: 14px;
   }

   .tracking-wrapper {
      margin: 0px auto !important;
   }

}

/* Bread Crumb */

.dvBreadcrumbs .breadcrumb {
   margin-top: 118px;
   background: #a3afb730;
   padding: 7px 25px;
}

.dvBreadcrumbs .breadcrumb-item a {
   text-decoration: none;
   color: #0d5687;
   font-weight: 500;
   font-size: 15px;
}

.captcha-container {
   display: flex;
   align-items: center;
}

.captcha-input,
.captcha-image {
   flex: 1;
   /* Each takes 50% of the row */
   padding: 0 10px;
   /* Spacing between input and image */
}

.captcha-image {
   text-align: center;
   /* Center-align the content */
}

.captcha_image {
   display: block;
   margin-bottom: 10px;
   margin-top: 19px;
}

.refresh_captcha {
   display: inline-block;
   color: #007bff;
   cursor: pointer;
   text-decoration: none;
}

.refresh_captcha:hover {
   text-decoration: underline;
   /* Add hover effect */
}

.s-input {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
}

.product-card1 {
   width: 25%;
   padding: 0px 10px;
   margin-bottom: 20px;
}
.captcha-control{
   width: 118px !important;
   height: 34px !important;
   margin-right: 5px !important;
   margin-top: 17px !important;
   font-size: 14px;
}
.captcha_image img{
   width: 100px !important;
   height: 34px !important;
   border: 0 !important;
   margin-right:5px !important;
}
.desc-qunt{
   width: 47px;
    height: 27px;
    text-align: center;
    border: 1px solid #5e9bc5;
}

@media(min-width:366px) and (max-width:768px){
   .captcha-control{
      width: 314px !important;
   }
}
@media(min-width:366px) and (max-width:768px){
   .captcha-control{
      width: 143px !important;
   }
}


.related-main-scroll1 {
   height: 93px;
   overflow: auto;
   scrollbar-width: thin;
   scrollbar-color: #0883e1 #ffffff;
   overflow-y: auto;
   /* margin-bottom: 15px; */
   padding-right: 5px;
}
.related-main-scroll1 p {
   font-size: 13px;
   margin-bottom: 5px;
   color: #555;
}
.subcat-bio1{
   height:100%;
}
.related2-main-scroll1{
   height:53px;
   overflow: auto;
   scrollbar-width: thin;
   scrollbar-color: #0883e1 #ffffff;
   overflow-y: auto;
   /* margin-bottom: 15px; */
   padding-right: 5px;
}
.related2-main-scroll1 p {
   font-size: 13px;
   margin-bottom: 5px;
   color: #555;
}


@media(min-width:991px) and (max-width:1200px){
   .product-card1 {
      width: 33.33%;
  }
}
@media(min-width:768px) and (max-width:990px){
   .product-card1 {
      width:50%;
  } 
}
@media(min-width:561px) and (max-width:767px){
   .product-card1 {
      width:50%;
  } 
}
@media(min-width:320px) and (max-width:560px){
   .product-card1 {
      width:100%;
  } 
}

.cartbtnn{
   background: #0d60c3;
   padding: 3px 10px;
   font-size: 14px;
   color: white;
   border:none;
}

.od-main
{
   margin-left: 180px;
}