body {
   font-family: "Source Sans 3", sans-serif;
   margin: 0;
   padding: 0;
   letter-spacing: 0.3px;

}

.hometext {
   padding-top: 40px;
   /* padding: 50px; */
   text-align: justify;
   color: #3a3838;
}

.sidebar {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1090;
   top: 0;
   left: 0;
   background: #02a1a4;
   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: 30px;
   cursor: pointer;
   background: none;
   border: none;
   color: #183565;
   position: fixed;
   top: 8px;
   right: 20px;
   z-index: 1100;
}

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

.floating-buttons {
   position: fixed;
   bottom: 20px;
   right: 20px;
   display: flex;
   flex-direction: column;
   gap: 15px;
   z-index: 9999;
}

.whatsapp-button {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 55px;
   height: 55px;
   border-radius: 50%;
   color: #fff;
   background: linear-gradient(135deg, #25D366, #128C7E);
   /* WhatsApp gradient */
   box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
   text-decoration: none;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.get-quote-button {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 55px;
   height: 55px;
   border-radius: 50%;
   color: #fff;
   background: linear-gradient(135deg, #1c6bc2, #1c6bc2);
   box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
   text-decoration: none;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.floating-buttons a:hover {
   transform: scale(1.1) rotate(5deg);
   box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
   color: white;
}

.whatsapp-button {
   animation: whatsapp-bounce 2s infinite;
}

.get-quote-button {
   background: linear-gradient(135deg, #1c6bc2, #1c6bc2);
   animation: quote-float 3s infinite;
}

.floating-buttons a i {
   font-size: 28px;
}

/* Animations */
@keyframes whatsapp-bounce {

   0%,
   100% {
      transform: translateY(0);
   }

   50% {
      transform: translateY(-10px);
   }
}

@keyframes quote-float {
   0% {
      transform: translateX(0);
   }

   50% {
      transform: translateX(-5px);
   }

   100% {
      transform: translateX(0);
   }
}


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

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

   }
}



.floating-buttons {
   position: fixed;
   bottom: 40px;
   right: 40px;
   z-index: 1000;
}

.floating-btn i {
   font-size: 26px;
}

.floating-btn:hover {
   transform: scale(1.1);
   color: white !important;

}

/* WhatsApp Button */
.whatsapp-btn {
   background: linear-gradient(135deg, #25D366, #21c26c);
}

/* WhatsApp Icon */
.icon-whatsapp {
   font-size: 28px;
}

/* Get a Quote Button */
.quote-btn {
   background: linear-gradient(135deg, #084298, #0d6efd);
   padding: 10px;
   width: 55px;
   height: 55px;
   flex-direction: column;
   text-align: center;
}

.icon-quote {
   font-size: 28px;
}

.quote-text {
   font-size: 11px;
}


.searchInput input {
   height: 42px;
   width: 100%;
   border-radius: 5px;
   outline: 0;
   padding: 0 12px;
   font-size: 15px;
   border: 1px solid #02a1a4;
}

.searchInput .searchButton {
   position: absolute;
   right: 0px;
   color: white;
   font-size: 14px;
   top: 0;
   font-weight: 400;
   height: 41px;
   width: 73px;
   background: #02a1a4;
   border: none;
   border-radius: 0 3px 3px 0;
   cursor: pointer;
   border-radius: 0px 7px 7px 0px;
}


.searchButton i {
   font-size: 13px;
   color: white;
}

.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;
   padding: 11px;
   /* 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;
   }

   .hometext {
      display: none !important;
   }

   .filter2 {
      display: none;
   }

   .m-para3 {
      display: none;
   }

   .heading h1 {
      margin-bottom: 14px !important;
   }

   .main-content-H {
      display: none;
   }

   .track-ord {
      display: none;
   }

   .m-para {
      display: none;
   }

   .m-para2 {
      display: none !important;
   }

   .header__menu {
      display: none;
   }

   .lab-para {
      display: none !important;
   }


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

   .dropdown-menu-end {
      width: 115px !important;
   }

   .dropdown-menu-end {
      left: 5% !important;
   }

   .banner-image img {
      display: none !important;
   }

   .open-sidebar-btn {
      font-size: 30px;
      cursor: pointer;
      background: none;
      border: none;
      color: #183565;
      position: fixed;
      top: 16px;
      right: 20px;
      z-index: 1100;
   }

   .img-logo {
      width: 228px !important;
   }

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

   .bottom-header {

      background: white;
      padding: 12px 0px 10px 0px !important;
      box-shadow: 0px 2px 3px #ebe5e5;
   }

}


.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.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: 146px !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: 10px 0px;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   background: white;
}


.acoun-tra {
   display: flex;
   justify-content: center;
   align-items: center;
}

.track-ord {
   margin-left: 13px;
}

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

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

}

.track-phone {
   display: flex;
   justify-content: end;
   align-items: center;
}

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

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

.btn-outline {
   padding: 3px 11px;
   font-size: 16px;
   font-weight: 600;
   color: #333;
   background: transparent;
   border: 2px dashed #f48f03;
   border-radius: 6px;
   position: relative;
   animation: slide-dash 4s linear infinite;
}

@keyframes slide-dash {
   0% {
      border-image-source: linear-gradient(90deg, #f49003bb 50%, transparent 50%);
      border-image-slice: 1;
   }

   25% {
      border-image-source: linear-gradient(180deg, #f49003bb 50%, transparent 50%);
      border-image-slice: 1;
   }

   50% {
      border-image-source: linear-gradient(270deg, #f48f03 50%, transparent 50%);
      border-image-slice: 1;
   }

   75% {
      border-image-source: linear-gradient(360deg, #f4900393 50%, transparent 50%);
      border-image-slice: 1;
   }

   100% {
      border-image-source: linear-gradient(90deg, #f48f03 50%, transparent 50%);
      border-image-slice: 1;
   }
}

.top-header {
   background: #0e8299;
}


.bottom-header {
   padding: 6px 0px;
   background: #74adec1a;
}

.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: 251px;
   height: 41px;
}

/* modal */

/* .model-backg {
    background: linear-gradient(51deg, #0b6f8321, #0e829900);
 } */

.modal_head {
   color: #3e2964;
   font-size: 18px !important;
   font-weight: 500;
}

.btnc {
   color: #3e2964 !important;
   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: 500;
   color: #3e2964;
   margin-bottom: 2px;
   font-size: 15px;
}

.custom-form-group label {
   display: block;
   font-size: 15px;
   color: #555;
   margin-bottom: 3px;
   font-weight: 600;
}

.custom-auth-footer-text a {
   font-size: 14px;
}

.modal_btn {
   color: #fff;
   background-color: #3c5cdb;
   margin-top: 0px;
   margin-bottom: 13px;
   padding: 6px 15px;
   border-radius: 3px;
   border: 1px solid #ffffff8f;
   font-size: 14px;
   font-weight: 500;
   letter-spacing: .1px;
   position: relative;
}

.cont {
   margin-bottom: 20px;
}

.phone-header2 {
   display: flex;

   align-items: center;
}

.phone-header2>div {
   display: flex;
   align-items: center;
}

.phone-header2 .track-ord {
   border-left: 1px solid #000;
   /* Border between the two sections */
   padding-left: 10px;
   margin-left: 10px;
   height: 23px;
}

.phone-header2 i {
   color: #ff5722;
   font-size: 18px;
   overflow: hidden;
   margin-right: 7px;
}

.phone-h-s a {
   font-size: 14px;
   font-weight: 500;
   color: #0c2348;
   text-decoration: none;
}

.phone-h-s {
   margin-bottom: 0px;
}

.track-ord a {
   font-size: 14px;
   font-weight: 500;
   color: #0c2348;
   text-decoration: none;
}

.track-ord i {
   margin-right: 5px;
}

.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 {
   margin-right: 6px;
   font-size: 16px;
   color: #ffffff;
}

.phone-h-m {
   border-right: 1px solid #ffffff;
   padding-right: 15px;
}

.envelop-opn {
   padding-left: 15px;
}

.phone-header p,
.phone-mail p {
   font-size: 13.7px;
   color: #020c16;
   margin: 0;
   font-weight: 400;
}

.phone-header a,
.phone-mail a {
   color: #54575f;
   text-decoration: none;
   font-size: 13px;
   font-weight: 500;
}

.whats-appb {
   color: #9bffc1 !important;
   font-size: 19px !important;
   margin-right: 7px !important;
}


.breadcrumb {
   display: flex;
   list-style: none;
   margin-top: 116px;
   padding-left: 10px;
   margin-bottom: 30px;
}

.breadcrumb-item {
   margin-right: 10px;
   font-size: 16px;
}

.breadcrumb-item a {
   text-decoration: none;
   color: #6c757d;
   font-weight: 500;
   padding: 5px 5px;
   font-size: 16px;
}

.breadcrumb-item a:hover {
   color: #02a1a4;
   text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item:before {
   content: "/";
   margin-right: 1px;
   color: #6c757d;
}

.breadcrumb-item+.breadcrumb-item {
   padding-left: 0px;
}

.breadcrumb-item:last-child a {
   color: #009fa2;
   pointer-events: none;
   cursor: default;
}

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

@media(min-width:767px) and (max-width:990px) {
   .breadcrumb {
      margin-top: 78px !important;
   }
}

@media(min-width:320px) and (max-width:768px) {
   .breadcrumb {
      margin-top: 122px !important;
   }
}



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

.phone-h-m a,
.phone-header p a {
   color: #242d48;
   text-decoration: none;
   font-weight: 500;
   font-size: 15px;
}


.icon-wrapper {
   font-size: 16px;
   color: white;
   margin-right: 8px;
   text-decoration: none;
   position: relative;
}

.icon-wrapper i {
   width: 33px;
   height: 33px;
   font-size: 19px;
   background: #02a1a4;
   color: white;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 9px;
   transition: color 0.3s ease;
   border-radius: 3px;
}

.user-profile i {
   color: #f89f19;
   font-size: 20px;
   margin-right: 6px;
   transition: color 0.3s ease;
}

.icon-wrapper p {
   margin: 0;
   font-size: 14px;
   font-weight: 500;
   color: #000000;
}

.bottom-icons {

   justify-content: end;
   align-items: center;

}

.border-l {
   border-right: 1px solid #54575f;
   height: 20px;
   margin-right: 11px;
}

.icon-wrapper .badge {
   position: absolute;
   /* border: 1px solid #80808063; */
   /* right: 0px; */
   top: -6px;
   color: white;
   margin-left: 30px;
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
   width: 14px !important;
   height: 14px !important;
   padding: 0px !important;
   transform: translateX(-50%);
   background-color: #f48f03;
   /* color: #fff; */
   /* border: 1px solid #ffffff78; */
   font-size: 10px;
   border-radius: 50%;
   line-height: 1;
}

.badge {
   display: inline-block;
   padding: 0.35em 0.65em;
   font-size: 0.75em;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
}


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

.update,
.payment-btn,
.delivary-btn,
.change-btn {
   background: #00a3a8;
   color: white;
   padding: 3px 16px;
}

.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: 17px;
   color: black;
   margin-right: 13.7px;
   margin-left: 0px;
   font-weight: 500;
   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: #341370 !important;
   padding: 6px 16px;
   border-bottom: 1px solid #80808038;
   font-size: 13px;
   font-weight: 500;
   text-align: center;
}



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



.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: white !important;
      font-size: 18px;
   }

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

   .user-profile {
      display: none;
   }

   .wish-cart-items {
      position: absolute;
      top: 22px;
      right: 56px;
   }

   .border-l {
      display: none;
   }

   .phone-header {
      display: none;
   }

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

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

.card {
   width: 646px;
   margin: 0px auto;
}

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

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

   .btn-outline {
      position: absolute;
      top: 16px;
      right: 14%;
      padding: 4px 15px !important;
   }

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



   .icon-wrapper {
      position: absolute;
      top: 18px;
      right: 54px;
   }

   .icon-wrapper i {
      font-size: 20px;
   }

}

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


   .btn-outline {
      position: absolute;
      top: 17px;
      right: 8%;
   }


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



   .icon-wrapper {
      position: absolute;
      top: 18px;
      right: 54px;
   }

   .icon-wrapper i {
      font-size: 16px;

   }

   .btn-outline {
      padding: 3px 8px !important;
   }

   .img-logo {
      width: 184px !important;
   }

}

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

   .btn-outline {
      position: absolute;
      top: 12px;
      right: 9%;
   }

   .img-logo {
      width: 162px !important;
   }

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



   .container-search {
      position: absolute;
      width: 87%;
      top: 66px;
   }

   .wish-cart-items {
      position: absolute;
      top: 13px !important;
   }

   .open-sidebar-btn {
      top: 7px !important;
   }

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

   .icon-wrapper {
      position: absolute;
      top: 11px;
      right: 54px;
   }

   .icon-wrapper i {
      font-size: 20px;
   }



   .btn-outline {
      padding: 4px 7px !important;
      font-size: 14px !important;
   }

   .img-logo {
      width: 165px !important;
   }

   .bottom-header {
      background: white;
      padding: 12px 0px 69px 0px !important;
   }

   .heading2 h2,
   .heading2 h3,
   .heading2 h4,
   .heading2 h5,
   .heading2 h6 {
      display: block !important;
   }

   .heading2 h2:after,
   .heading2 h2::before,
   .heading2 h3:after,
   .heading2 h3::before,
   .heading2 h4:after,
   .heading2 h4::before,
   .heading2 h5:after,
   .heading2 h5::before,
   .heading2 h6:after,
   .heading2 h6::before {
      border-bottom: none !important;
      border-top: none !important;
      background: none !important;
   }
}

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

@media(min-width:619px) and (max-width:768px) {
   .container-search {
      position: absolute;
      width: 92%;
      top: 65px;
   }
}

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

/* 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: #7c52c9;
   color: #ffffff !important;
   font-size: 14px;
}

.col-md-2-5.col-lg-2-5 {
   width: 20%;
}

.leftfl::before,
.rightfl::before {
   font-size: 25px;
}

.cpp {
   float: right !important;
   border: none;
   outline: none;
   box-shadow: none;
   padding-top: 0px !important;

}

.btn .cpp {
   outline: none;
   box-shadow: none;
   border: none;
   padding-top: 0px !important
}


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

.heading {
   text-decoration: none;
}

.m-para {
   font-size: 15px;
   text-align: center;
   color: #7a7777;
}

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

.catel-main {
   width: 25%;
   padding: 0px 6px;
   margin-bottom: 9px;
}

.card-cate {
   display: flex;
   align-items: center;
   border-radius: 6px;
   padding: 0px 18px;
   position: relative;

}

.content {
   max-width: 60%;
}

.image-box img {
   width: 97px;
   margin-bottom: 21px;
   margin-top: 29px;
   margin-right: 17px;
}

.sub-pros-box {
   padding-left: 24px;
}

.suc-cat-b {
   text-decoration: none;
}

.border-L {
   border: 1px solid #9889b547;
   height: 90px;
   margin-right: 1px;

}

.suc-cat-b,
.suc-cat-b,
.suc-cat-b,
.suc-cat-b,
.suc-cat-b {
   font-size: 14px;
   color: #1f0948;
   margin-bottom: 3px;
   line-height: 1.3;
   font-weight: 500;
   display: block;
}

.product-catg {
   display: inline-block;
   background: #ffffff;
   border: 1px solid #815acb38;
   padding: 2px 7px;
   text-decoration: none;
   color: #686060;
   font-size: 11px;
   font-weight: 500;
   margin-top: 9px;
}


@media(min-width:991px) and (max-width:1200px) {
   .categories-main {
      margin-top: 99px;
   }

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

@media(min-width:768px) and (max-width:991px) {
   .categories-main {
      margin-top: 99px;
   }

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

@media(min-width:490px) and (max-width:768px) {
   .categories-main {
      margin-top: 99px;
   }

   .catel-main {
      width: 50%;
   }

   .border-L {
      border: 1px solid #9889b547;
      height: 0px;
      margin-bottom: 1px;
      margin-left: 0px;
   }

   .image-box img {
      padding-bottom: 0px !important;
      margin-bottom: 10px !important;
      margin-top: 0px !important;
   }

   .card-cate {
      display: block;
   }

   .suc-cat-b,
   .suc-cat-b,
   .suc-cat-b,
   .suc-cat-b,
   .suc-cat-b {
      margin-top: 15px;
   }

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

}

@media(min-width:320px) and (max-width:489px) {
   .border-L {
      border: 1px solid #9889b547;
      height: 0px;
      margin-bottom: 1px;
      margin-left: 0px;
   }

   .catel-main {
      width: 50%;
   }

   .sub-pros-box {
      padding-left: 0px;
   }

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

   .image-box img {
      padding-bottom: 0px !important;
      margin-bottom: 10px !important;
      margin-top: 0px !important;
   }

   .card-cate {
      display: block;
   }

   .suc-cat-b,
   .suc-cat-b,
   .suc-cat-b,
   .suc-cat-b,
   .suc-cat-b {
      margin-top: 15px;
   }
}

.main-content-H p {
   font-size: 13.5px;
   text-align: left;
   color: #4c4949;
}

.main-content-H {
   margin-top: 28px;
}

.heading2 h2,
.heading2 h3,
.heading2 h4,
.heading2 h5,
.heading2 h6 {
   text-align: center;
   font-size: 26px;
   font-weight: 700;
   color: #01a0a3;
   letter-spacing: 1px;
   text-transform: capitalize;
   display: grid;
   grid-template-columns: 1fr max-content 1fr;
   grid-template-rows: 28px 0;
   grid-gap: 2px 13px;
   align-items: center;
}

.heading2 h2:after,
.heading2 h2::before,
.heading2 h3:after,
.heading2 h3::before,
.heading2 h4:after,
.heading2 h4::before,
.heading2 h5:after,
.heading2 h5::before,
.heading2 h6:after,
.heading2 h6::before {
   content: " ";
   display: block;
   border-bottom: 1px solid #1c6bc22e;
   border-top: 1px solid #1c6bc245;
   height: 5px;
   background-color: #f8f8f8;

}

.heading2 {
   text-decoration: none;
}

.m-para1 {
   font-size: 13px;
   margin-bottom: 8px;
   text-align: left;
   color: grey;
   text-decoration: none;
}

.category-container {
   width: 16.66%;
   margin-bottom: 10px;
   padding: 0px 10px;
}

.category-image {
   width: 180px;
   background: #edeef23d;
   border: 1px solid #cbcedd;
   padding: 15px;
   border-radius: 5px;
}

.image-c {
   display: block;
   text-align: center;
}

.categoery-m-c {
   display: flex;
   justify-content: space-between;
   padding: 10px 10px;
   align-items: baseline;
}

.categoery-m-c i {
   font-size: 11px;
   color: #1f86f7;
}

.category-items {
   margin-bottom: 0px;
   font-size: 13px;
   margin-top: 4px;
   color: grey;
}

.category-title {
   font-size: 16px;
   color: #48525c;
   font-weight: 700;
   text-decoration: none;
   line-height: 120%;
}


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

@media(min-width:768px) and (max-width:991px) {
   .category-container {
      width: 33.33%;
      margin-bottom: 20px;
      padding: 0px 6px;
   }
}

@media(min-width:500px) and (max-width:767px) {
   .category-container {
      width: 50%;
      margin-bottom: 20px;
      padding: 0px 6px;
   }
}

@media(min-width:320px) and (max-width:499px) {
   .category-container {
      width: 50%;
      margin-bottom: 20px;
      padding: 0px 6px;
   }

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

   .categoery-m-c {
      margin: 0px !important;
   }

   .categoery-m-c {
      padding: 10px 14px;
   }
}

.airborne-main {
   margin-top: 70px;
}

.airborne-container {

   padding: 20px;

}

.airborne-container {
   width: 25%;
   padding: 0px 8px;
   margin-bottom: 20px;
}

.airborne-card {
   background: #ffffff;
   border: 1px solid #e0e0e0;
   border-radius: 10px;
   overflow: hidden;
   height: 100%;
   text-align: center;

   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.airborne-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.airborne-image {
   max-width: 150px;
   height: auto;
   border-radius: 5px;
   margin-bottom: 23px;
   margin-top: 25px;
}

.airborne-title h2,
.airborne-title h3,
.airborne-title h4,
.airborne-title h5,
.airborne-title h6 {
   text-decoration: none;
   color: #0f345e;
   font-weight: 600;
   font-size: 18px;
   text-align: left;
   padding-left: 15px;
   display: block;
   cursor: pointer;
   margin-bottom: 2px;
}

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

.airborne-title:hover {
   color: #05a2a5;
}

.airborne-specifications {
   padding: 0 15px;
   font-size: 14px;
   color: #555;
   margin-right: 10px;
   text-align: left;
   scrollbar-width: thin;
   scrollbar-color: #02a1a4cc #f0efef;
   height: 85px;
   overflow-y: auto;
   margin-top: 7px;
}

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

.specification-item {
   font-size: 14.5px;
   line-height: 120%;
   padding: 3px 0;
   border-bottom: 1px solid #cccccc94;
}

.specification-item:last-child {
   border-bottom: 0;
}

.specification-label {
   font-weight: 600;
   color: #000000de;
   font-size: 14px;
}

.airborne-actions {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 15px;
   border-top: 1px solid #e0e0e0;
   margin-top: 8px;
}

.btn-addtocart {
   background-color: #f48f03e0;
   color: #fff;
   border: none;
   text-transform: capitalize;
   border-radius: 2px;
   width: auto;
   font-weight: 500;
   padding: 3px 10px 2px;
   font-size: 14px;
   cursor: pointer;
   transition: background-color 0.3s ease;
   margin-left: auto;
   border: 1px solid #f59c21;
}

.btn-addtocart:hover {
   background-color: transparent;
   color: #f59c21;
}

.airborne-rating {
   /* display: flex; */
   align-items: center;
   color: #ffcc00;
}

.airborne-rating .bi {
   font-size: 9px;
   margin-right: 6px;

}

.price-a {
   font-size: 16px;
   font-weight: 700;
   color: #578b0a;
   color: #02a1a4;
   margin-right: 30px;
   margin-bottom: 0px;
   /* margin: 0; */
   padding: 0;
}

.btn-addtocart i {
   margin-right: 5px;
   font-size: 16px;
}

.product-list {
   width: 33.33%;
   margin-bottom: 18px;
   padding: 0px 8px;
}

.product-item {
   display: flex;
   padding: 15px;
   align-items: center;
   border: 1px solid #ddd;
}

.product-info strong {
   font-size: 14px;
   color: black;
   font-weight: 500;
}

.product-image1 img {
   width: 130px;
   height: auto;
   padding: 7px;
   background: transparent;
   /* border: 1px solid grey; */
   border-radius: 4px;
   display: block;
}

.product-image {
   width: 160px;
   height: auto;
   padding: 5px;

}

.section-image {
   width: 166px;
   height: 160px;
   padding: 5px;
   object-fit: contain;
   border-radius: 4px;
   font-size: 0;
}

.cart-p-btn i {
   color: green;
   font-size: 17px;
}

.product-info {
   flex: 1;
   margin-left: 10px;
}

.automat-title h2,
.automat-title h3,
.automat-title h4,
.automat-title h5,
.automat-title h6 {
   font-size: 18px;
   margin-bottom: 8px;
   font-weight: 600;
   color: #124160;
   line-height: 120%;
}

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

.price {
   font-size: 18px !important;
   font-weight: 500;
   color: #6fb900 !important;
}

.striked {
   font-size: 14px !important;
   font-weight: 500;
   color: grey !important;
}

.product-info p {
   font-size: 15px;
   margin-bottom: 0px;
   font-weight: 600;
   color: black;
}

.product-info ul {
   list-style: none;
   padding: 0;
   margin: 0 0 10px;
   scrollbar-width: thin;
   scrollbar-color: #6ec5ca #d0cece;
   height: 88px;
   overflow-y: auto;
}

.product-info ul li {
   color: grey;
   font-weight: 400;
   font-size: 14px;
   line-height: 120%;
   padding: 3px 0;
   border-bottom: 1px solid #cccccc94;
}

.airborne-main .rating-stars {
   display: none;
}

.rating {
   color: #ff9800;
   margin-bottom: 0px;
}

.product-price {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}



.details-btn {
   margin-top: 5px;
   padding: 5px 10px;
   border: none;
   cursor: pointer;
   color: #fff;
}

.details-btn {
   background-color: #007bff;
}

.price-block {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-top: 0;
   padding-top: 2px;
   margin-top: 0;
}

.price-block .cart-p-btn {
   background-color: transparent;
   text-transform: capitalize;
   border-radius: 3px;
   width: auto;
   font-weight: 500;
   padding: 0 12px;
   font-size: 16px;
   cursor: pointer;
   transition: background-color 0.3s ease;
   border: 1px solid #f59c21;
   color: #f59c21;
   text-decoration: none;
   line-height: 25px;
   letter-spacing: 0.5px;
}

.price-block .cart-p-btn .bi,
.btn.hgrt-but .bi {
   display: none;
}

.btn.hgrt-but {
   background-color: transparent;
   text-transform: capitalize;
   border-radius: 3px;
   width: auto;
   font-weight: 500;
   padding: 0 9px;
   font-size: 15px;
   cursor: pointer;
   transition: background-color 0.3s ease;
   border: 1px solid #02a1a4;
   color: #ff6000;
   text-decoration: none;
   line-height: 24px;
   letter-spacing: 0.5px;
}

@media(min-width:991px) and (max-width:1200px) {
   .airborne-main {
      margin-top: 45px !important;
   }

   .airborne-container {
      width: 33.33%;
      padding: 0px 8px;
      margin-bottom: 20px;
   }
}

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

@media(min-width:320px) and (max-width:767px) {
   .airborne-container {
      width: 100%;
   }
}




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

@media(min-width:768px) and (max-width:991px) {
   .product-list {
      width: 100%;
   }

   .product-image1 img {
      width: 192px !important;
   }
}

@media(min-width:500px) and (max-width:767px) {
   .product-list {
      width: 100%;
   }

   .product-image1 img {
      background: none;
   }
}

@media(min-width:320px) and (max-width:499px) {
   .product-list {
      width: 100%;
   }

   .product-image1 img {
      width: 204px !important;
   }

   .product-item {
      display: block !important;
   }

   .product-info {
      margin-left: 0px;
   }

   .product-image1 img {
      background: none;
   }
}




.featured-incubutors {
   width: 25%;
   padding: 0px 8px;
   margin-bottom: 15px;
}

.featured-card {
   height: 100%;
   background: #fff;
   border: 1px solid #ddd;
   border-radius: 8px;
   overflow: hidden;
   transition: box-shadow 0.3s ease;
}

.featured-card:hover {
   box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.spec-list {
   list-style: none;
   font-size: 14px;
   color: #555;
   margin-right: 10px;
   text-align: left;
   scrollbar-width: thin;
   scrollbar-color: #02a1a4cc #f0efef;
   height: 85px;
   overflow-y: auto;
   margin-top: 7px;
   padding: 0;
}

.spec-list li {
   font-size: 14.5px;
   line-height: 120%;
   padding: 3px 0;
   border-bottom: 1px solid #cccccc94;
}

.spec-list li:last-child {
   border: 0;
}

.spec-list li span {
   font-weight: 600;
   color: #343232;
   font-size: 14.5px;
}



.image-box-featured {
   position: relative;
   overflow: hidden;
}

.image-box-featured img {
   margin-top: 12px;
   width: 170px;
   height: auto;
   transition: transform 0.3s ease;
   padding: 6px;
}

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

.image-box-featured a {
   display: block;
   text-align: center;
}

.image-content-2 {
   padding: 15px;
}

.wpa h2,
.wpa h3,
.wpa h4,
.wpa h5,
.wpa h6 {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 10px;
   color: #124160;
}

.wpa p {
   font-size: 17px;
   font-weight: 600;
   margin-bottom: 10px;
   color: #124160;
}

.wpa {
   text-decoration: none;
}

.anes-incu {
   margin-top: 10px;
   border-top: 1px solid #67798d66;
   padding-top: 14px;
}

.melting-p {
   font-size: 17px;
   font-weight: 700;
   color: #02a1a4;
   margin-bottom: 0px;
}

.btn-products1 i {
   display: none;
}

.striked.price {
   font-size: 13px;
   color: #999;
   text-decoration: line-through;
   margin-left: 10px;
}

.btn-products1 {
   background: none;
   border: 1px solid #f48f03e0;
   color: #fff;
   font-size: 15px;
   /* margin-left: 10px; */
   /* border: none; */
   padding: 0px 13px;
   font-weight: 500;
   border-radius: 4px;
   cursor: pointer;
   transition: background-color 0.3s ease;
   padding: 3px 10px 2px;
   font-size: 14px;
   background-color: #f48f03e0;
}

.btn-addtocart .bi-cart {
   display: none;
}

.btn-products1 i {
   color: green;
   margin-left: 5px;
}

.btn-products1:hover {
   background-color: transparent;
   color: #f59c21;
}

.btn-products1 i {
   font-size: 17px;
}


@media(min-width:991px) and (max-width:1200px) {
   .featured-incubutors {
      width: 33.33% !important;
   }
}

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

@media(min-width:500px) and (max-width:767px) {
   .featured-incubutors {
      width: 50%;
   }
}

@media(min-width:320px) and (max-width:499px) {
   .featured-incubutors {
      width: 100%;
   }
}







.company-profile-section {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0px 20px 20px 24px;
   background-color: #ffffff;
   border-radius: 8px;
   box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.company-profile,
.research-development,
.products-offer {
   margin-bottom: 40px;
}

.profile-content p {
   font-size: 16px;
   line-height: 1.5;
   margin-bottom: 14px;
   padding-top: 8px;
   color: black;
}

.about-head {
   text-decoration: none;
   padding-left: 5px;
   padding-top: 17px;
   display: block;
}

.heading3 h1 {
   font-size: 32px;
   font-weight: 700;
   color: #02a0a3;
}

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

}

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

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


.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;
   height: 100%;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   padding: 15px 15px 15px 15px !important;
}

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

.dispense-header {
   position: relative;
}

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

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

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



.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: 18px;
   font-weight: 600;
   color: #0b386a;
   margin-bottom: 10px;

}

.dispense-title p {
   font-size: 18px;
   font-weight: 600;
   color: #0b386a;
   margin-bottom: 10px;
}

.baths-specifications strong {
   font-weight: 600;
}

.baths-specifications p {
   font-size: 14px;
   line-height: 120%;
   padding: 4px 0;
   margin: 0;
   border-bottom: 1px solid #e1e1e1;
}

footer .contact-info a {
   color: #212529;
   text-decoration: none;
}

footer .contact-info p a {
   text-transform: lowercase;
}

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

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

.baths-specifications {
   scrollbar-color: #7d89ab #fff;
   height: 84px;
   overflow: auto;
   scrollbar-width: thin;
}

.btn-check:focus+.btn,
.btn:focus {
   box-shadow: none;
}

.rating-stars i {
   color: #f6a534;
   /* margin-right: 3px; */
   font-size: 9px;

}

.btn-com-main {
   display: flex;
   justify-content: space-between;
   align-items: center;

   padding-top: 6px;
}

.moist-cart {
   text-transform: capitalize;
   color: #fff;
   border: none;
   font-weight: 500;
   border-radius: 3px;
   transition: background-color 0.3s ease;
   padding: 3px 10px 2px;
   font-size: 14px;
   background-color: #f48f03e0;
}

.moist-cart .bi-cart3 {
   display: none;
}

.price {
   font-size: 17px !important;
   color: #01a0a3 !important;
}

.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: #dddddde3;
   margin: 16px 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%;
      padding: 0px 2px;
      margin-bottom: 5px !important
   }

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

   .moister-section {
      margin-top: 49px !important;
   }

   .balances-section {
      margin-top: 49px !important;
   }

   .footer-column {
      justify-content: left !important;
   }
}

@media(min-width:768px) and (max-width:991px) {
   .dispense-new {
      width: 50%;
      padding: 0px 2px;
      margin-bottom: 5px !important
   }

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

   .centrifuge-section {
      margin-top: 34px !important;
   }

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

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

   .footer-column {
      justify-content: left !important;
   }

}

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

   .dispense-new {
      width: 50%;
      padding: 0px 2px;
      margin-bottom: 5px !important
   }

   .labo-image {
      margin-left: 20px !important;
   }

   .footer-column {
      margin-bottom: 23px;
      display: flex;
      justify-content: left !important;
      padding-left: 10px !important;
   }

   .footer-column {
      justify-content: left !important;
   }
}

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

   .accordion-flush {
      display: none !important;
   }

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

   .dispense-new {
      width: 50%;
   }

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

   .footer-column {
      margin-bottom: 23px;
      display: flex;
      justify-content: left !important;
      padding-left: 10px !important;
   }
}



footer {

   color: #e4e4e4;
   box-shadow: 0px 0px 16px 1px #8080802b;
}

.footer-middle {
   padding-top: 23px;
   margin-top: 96px;
}

.footer-column p {
   font-size: 22px;
   font-weight: 700;
   margin-bottom: 9px;
   color: #05a2a5;
   display: inline-block;
   padding-bottom: 0;
   text-transform: uppercase;
}

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

.footer-column ul li {
   margin-bottom: 7px;
}

.footer-column ul li a {
   text-decoration: none;
   font-size: 16px;
   color: black;
   padding: 0px 0;
   display: inline-block;
   border-bottom: 1px dashed transparent;
   line-height: 120%;
}

.footer-column ul li a:hover {
   color: #ff900e;
}

.logo-text img {
   max-width: 197px;
   margin-bottom: 10px;
}

.logo-text p {
   font-size: 16px;
   line-height: 1.8;
   margin-bottom: 10px;
   font-weight: 500;
   color: #212529;
   text-transform: lowercase;
}

.logo-text p.ft-info-para {
   line-height: 120%;
   font-weight: 400;
   text-transform: capitalize;
}

.contact-info p {
   font-size: 17px;
   margin-bottom: 5px;
   margin-bottom: 5px;
   display: flex;
   text-transform: capitalize;
   align-items: center;
   gap: 7px;

}

footer .contact-info p {
   line-height: 120%;
   margin-bottom: 15px;
   display: flex;
   align-items: flex-start;
   font-size: 16px;
}

.contact-info p i {
   color: #f48f03;
   font-size: 20px;
}

/* Footer Columns */
.footer-column {
   margin-bottom: 23px;
   display: flex;
   justify-content: center;
}



/* Footer Bottom */
.footer-bottom {
   background: #05a2a5;
   text-align: center;
   /* color: white; */
   padding: 9px 0;
   border-top: 2px solid #05a2a5;
}

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

.footer-column ul li:hover a {
   color: #05a2a5;
}

.m-para3 {
   font-size: 13px;
   text-align: center;
   color: grey;
   /* margin: 0px; */
   padding-top: 10px;
   padding: 0px 10%;
   margin-bottom: 30px;
}


.contactus-main {
   padding: 25px 0;
   background-color: #f9f9f9;
}

.heading h1 {
   font-size: 32px;
   font-weight: 700;
   color: #02a0a3;
}

.m-para3 {
   font-size: 16px;
   color: #555;
   margin-bottom: 40px;
   line-height: 1.6;
}

.contact-wrapper {
   background: #fff;
   box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
   overflow: hidden;
   display: flex;
}

.contact-form,
.contact-info1 {
   padding: 30px;
   flex: 1;
}

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

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

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

textarea.form-control {
   resize: none;
}

.btn-primary {
   background-color: #03a0a4;
   border: none;
   padding: 6px 20px;
   color: #fff;
   font-size: 16px;
   border-radius: 4px;
   cursor: pointer;
   font-weight: 500;
}

.contact-info h3 {
   font-size: 24px;
   font-weight: 600;
   color: #333;
   margin-bottom: 20px;
}

.info-list1 {
   list-style: none;
   padding: 0;
   border: 1px solid #dddddd;
   padding: 16px 30px;
}

.info-list1 span {
   font-size: 17px;
}

.info-list1 li {
   display: flex;
   align-items: center;
   font-size: 14px;
   color: #555;
   margin-bottom: 22px;
}

.info-list1 li i {
   font-size: 23px;
   margin-right: 10px;
   color: #007bff;
}

.contact-info1 {
   padding: 30px;
   background-color: #fff;
}

.contact-info1 {
   padding: 30px;
   background-color: #fff;
}

.info_3  {
   font-size: 24px;
   font-weight: 600;
   color: #333;
   margin-bottom: 16px;
}

.contact-info1 {
   padding: 30px;
   background-color: #fff;
}

.info-list {
   list-style: none;
   padding: 0;
   padding: 20px 20px;
}

.info-list li {
   display: flex;
   align-items: center;
   margin-bottom: 23px;
   font-size: 14px;
   color: #555;
}

.info-list1 li i {
   font-size: 22px;
   margin-right: 10px;
   color: #fcaa49;
}

.info-list1 li a {
   color: #6b655a;
   font-size: 18px;
   /* margin-bottom: 23px; */
   text-decoration: none;
}

.info-list li a:hover {
   text-decoration: underline;
}






/* Accordion Styling */
.accordion-flush {
   background-color: #f9f9f9;
   border-radius: 8px;
   border: 1px solid #ddd;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   overflow: hidden;
}

.accordion-header {
   background-color: white;
   border-bottom: 1px solid #ddd;
   padding: 7px 16px;
   font-weight: 700;
}

.accordion-header button {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   background: none;
   border: none;
   color: #fff;
   font-size: 18px;
   text-transform: capitalize;
   transition: all 0.3s ease;
   padding: 0;
   font-weight: 600;
   letter-spacing: 0.3px;
}

.accor-head {
   margin-bottom: 0px;
   font-size: 19px;
   color: #165295;
}

.accordion-header button:hover {
   color: #ffdd57;
   text-decoration: none;
}

.accordion-header i {
   margin-right: 8px;
   font-size: 27px;
   color: #1c6bc2;
}

.accordion-collapse {
   background-color: #ffffff;
   padding: 10px 20px;
   transition: all 0.3s ease;
}

.accordion-body {
   font-size: 16px;
   color: #333;
   border-bottom: 1px solid #ddd;
   padding: 8px 0;
   transition: all 0.3s ease;
}

.accordion-body a {
   color: black;
   font-weight: 500;
   font-size: 15.5px;
   text-decoration: none;
   transition: color 0.3s ease;

}

.accordion-body a:hover {
   color: #ff5722;
   text-decoration: underline;
}

.category-grid {
   width: 25%;
   padding: 0px 6px;
   margin-bottom: 15px;
}

.categorry-image-c-link img {
   width: 160px;
   padding: 10px;
   margin-top: 10px;
}

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

.cst-p {
   color: grey;
   font-size: 11.5px;
   display: block;
}

.category-box h2,
.category-box h3,
.category-box h4,
.category-box h5,
.category-box h6 {
   color: #0d427c;
   font-weight: 600;
   font-size: 17.5px;

}

.category-box p {
   color: #0d427c;
   font-weight: 600;
   font-size: 17.5px;
   margin-bottom: 0px;
}

.cat-icon i {
   width: 35px;
   height: 35px;
   background: white;
   display: flex;
   border: 1px solid #80808061;
   border-radius: 50%;
   font-size: 11px;
   justify-content: center;
   align-items: center;
   color: black;
}


.category-card {
   padding: 16px 13px 0px 15px;
   border: 1px solid #6c7e9142;
   background: #4e5b6a08;
   height: 100%;
}

.cat-icon {
   display: flex;
   justify-content: end;
}

.category-box {
   text-decoration: none;
}

.shop-now-button {
   font-size: 13px;
   text-decoration: none;
   color: #093c99;
   font-weight: 500;
   text-decoration: underline;
   display: block;
   padding-top: 13px;
}

.categorry-image-c-link {
   display: block;

}

@media(min-width:991px) and (max-width:1200px) {
   .category-grid {
      width: 33.33%;
   }
}

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

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

@media(min-width:465px) and (max-width:767px) {
   .category-grid {
      width: 50%;
   }

   .acco-f {
      display: none !important;
   }

}

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

   .category-grid {
      width: 50%;
   }

   .categorry-image-c-link img {
      width: 119px !important;
   }

   .product-price {
      align-items: center !important;
   }
}




.catlog-section {
   margin-top: 152px;
}

.catlog-box {
   columns: 4;
   column-gap: 6px;
   border-radius: 15px;
   margin-top: 10px;
}

.cate-b {
   box-shadow: rgb(99 99 99 / 5%) 0px 3px 8px 1px;
   margin: 0 0 7px;
   width: 100%;
   border: 1px solid #0e829933;
   padding-top: 10px;
   /* padding: 10px 10px 2px 12px; */
   overflow: hidden;
   background: #ffffff;
   overflow: hidden;
}

.cate-b a {
   text-decoration: none;
   display: block;
   text-align: center;
}

.image-catlog img {
   width: 130px;
   margin: 7px 0px;
}

.catalog-flex {
   display: block;
   justify-content: center;
}

ul li .catlog-content {
   text-decoration: none;
   color: #000000ad;
   font-weight: 500;
   padding: 0px 10px;
   text-align: left;
   font-size: 13px;
   transition: background-color 0.3s ease, padding-left 0.3s ease;
   display: block;
   border-radius: 8px;
}

ul .catlog-content {
   list-style-type: none;
   padding-left: 0px;
}

.cate-a h2,
.cate-a h3,
.cate-a h4,
.cate-a h5,
.cate-a h6 {
   margin: 0;
   font-weight: 600;
   padding-bottom: 22px;
   padding-left: 14px;
   padding-top: 7px;
   font-size: 17.5px;
   text-align: left;
   color: #223797;

}

.catalog-flex {

   align-items: center;
}

.catlog-content {
   padding-top: 16px;
   padding-bottom: 10px;
}

.catlog-content li {

   padding-bottom: 1px;
   padding-top: 1px;
}

.cate-a p {
   margin: 0;

   margin-bottom: 0px;
   font-weight: 600;
   padding-left: 14px;
   padding-top: 7px;
   font-size: 15.5px;
   text-align: left;
   padding-bottom: 20px;
   font-size: 17.5px;
   color: #223797;

}

.btnc {
   color: #062d4c;
   font-weight: 500;
   border: 1px solid #8080807a;
   width: 100%;
   margin-bottom: 8px;
   font-size: 14px;
}

.catlog-content ul li a {
   text-decoration: none;
   padding-bottom: 5px;
   color: #282626;
   font-weight: 500;
   text-align: left;
   /* border: 1px solid #e3dced; */
   /* margin-bottom: 6px; */
   padding: 5px 14px;
   padding-bottom: 0px;
   font-size: 15px;
   /* padding: 4px 13px; */
   transition: background-color 0.3s ease, padding-left 0.3s ease;
   display: block;
   border-radius: 8px;
}

.catlog-content ul {
   list-style-type: none;
   padding-left: 0px;
   margin-bottom: 8px;
}

.categories-h h1 {
   margin-bottom: 22px;
}

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

   .catlog-box {
      columns: 3;
   }
}

@media(min-width:768px) and (max-width:990px) {
   .catlog-box {
      columns: 2;
   }

}

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

   .catlog-box {
      columns: 2;

   }

   .catlog-content ul li a {

      border: none;
      margin-bottom: 0px;
      padding: 0px;
   }

   .catalog-flex {
      display: block;
   }

   .catlog-content {
      padding-left: 10px;
      padding-right: 10px;
   }

   .catalog_logo {
      width: 109px !important;
      float: right;
      margin: 60px 9px 0 5px !important;
   }

   .catalog_head h2 {
      margin: 0px !important;
   }

}

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

   .catlog-box {
      columns: 1;

   }

   .catalog_head h2 {
      margin: 0px !important;
   }

   .catalog_logo {
      width: 109px !important;
      float: right;
      margin: 60px 9px 0 5px !important;
   }

   .catlog-content ul li a {

      border: none;
      margin-bottom: 0px;
      padding: 0px;
   }

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

}

.home {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.form-container {
   background: #ffffff;
   padding: 23px 30px;
   width: 380px;
   border-radius: 10px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}



.input-box {
   position: relative;
   margin-bottom: 0px;
}

.input-box input {
   width: 100%;
   padding: 12px 15px;
   padding-left: 40px;
   border: 1px solid #dcdcdc;
   border-radius: 5px;
   font-size: 14px;
   color: #333;
   transition: border-color 0.3s;
}

.input-box input:focus {
   border-color: #007bff;
   outline: none;
}

.input-box i {
   position: absolute;
   top: 50%;
   left: 12px;
   transform: translateY(-50%);
   font-size: 18px;
   color: #888;
}

.input-box i.pw-hide {
   right: 12px;
   left: auto;
   cursor: pointer;
}

.option-field {
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 14px;
   margin-bottom: 30px;
}

.option-field input[type="checkbox"] {
   margin-right: 3px;
}

.option-field label {
   color: #555;
   font-size: 14px;
}

.option-field a {
   color: #05a0a5;
   font-size: 15px;
   text-decoration: none;
   transition: color 0.3s;
   letter-spacing: 0;
}

.login-container {
   width: 100%;
   max-width: 500px;
   margin: 0px auto;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   background-color: #fff;
   border-radius: 10px;
}

.login-card {
   padding: 30px;
}

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

.form-label {
   font-size: 14px;
   color: #555;
   margin-bottom: 5px;
   display: block;
}

.form-control {
   width: 100%;
   padding: 10px;
   font-size: 14px;
   border: 1px solid #ccc;
   border-radius: 5px;
   outline: none;
   transition: all 0.3s;
}

.form-control:focus {
   border-color: #007bff;
   box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

.password-container {
   position: relative;
}

.password-container .toggle-password {
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translateY(-50%);
   cursor: pointer;
   color: #888;
}

.btn-gradient {
   width: 100%;
   padding: 5px 12px;
   font-size: 20px;
   font-weight: 600;
   color: #fff;
   background: linear-gradient(to right, #62c5c9, #019ea3);
   border: none;
   border-radius: 5px;
   cursor: pointer;
}

.btn-gradient:hover {
   opacity: 0.9;
   color: white;
}

.signup-text {
   text-align: center;
   margin-top: 15px;
   font-size: 14px;
   color: #555;
}

.signup-text a {
   color: #05a0a5;
   text-decoration: none;
   font-weight: 600;
}

.signup-text a:hover {
   text-decoration: underline;
}

.form-container2 {
   background: #ffffff;
   padding: 40px 30px;
   border-radius: 10px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
   width: 500px;
   margin: 0px auto;
}

.login-heading {
   text-align: center;
   text-decoration: none;
   color: #333;
}

.login-heading h1 {
   font-size: 23px;
   font-weight: bold;
   margin-bottom: 10px;
}

form p {
   text-align: center;
   color: #555;
   font-size: 14px;
   margin-bottom: 20px;
}

.custom-form-group {
   margin-bottom: 10px;
   position: relative;
}

.custom-form-group label {
   display: block;
   font-size: 14px;
   color: #555;
   margin-bottom: 2px;
   font-weight: 600;
   line-height: 120%;
   letter-spacing: 0;
}

.custom-form-group span {
   color: #ff0000;
}

.login-form p {
   text-align: center;
}

.custom-form-input {
   width: 100%;
   padding: 7px 12px;
   border: 1px solid #ddd;
   border-radius: 5px;
   font-size: 14px;
   color: #333;
   transition: border-color 0.3s;
}

/* .custom-form-input:focus {
   border-color: #007bff;
   outline: none;
   box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
} */

.custom-auth-btn {
   width: 100%;
   padding: 7px 12px;
   font-size: 16px;
   color: #fff;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   transition: background 0.3s;
   background: linear-gradient(to right, #62c5c9, #019ea3);
}

@media (max-width: 480px) {
   .form-container2 {
      width: 90%;
      padding: 30px 20px;
   }
}



/* profile */



/* Main Navigation Styling */
.main-profile-e .nav-pills .nav-profile-t {
   font-weight: 500;
   margin-bottom: 12px;
   font-size: 14px;
   color: #06689b;
   /* background-color: #89d7ff21; */
   border-radius: 10px;
   margin-right: 10px;
   padding: 4px 17px;
   border: 1px solid #8391b9;
   transition: background-color 0.3s ease, color 0.3s ease;
}

.main-profile-e .nav-pills .nav-profile-t.active {
   background-color: #8391b9 !important;
   color: #fff !important;
   border: none;
}

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

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

.card-header-profile {
   font-weight: 500;
   color: #25304e;
   font-size: 17px;
}

.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: 13px;
   font-weight: 500;
   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: 500;
   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;
}

.card-header h5 {
   color: #345578;
   font-weight: 600;
   font-size: 18px;
}

.tab-content {
   border-top: none;
}

.profile-main-nav {
   display: flex;
   justify-content: center;
}

.card {
   border: 1px solid rgb(13 73 153 / 8%);
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 3px 0px;

}

.nav.flex-column.nav-profile-pills {
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 3px 0px;
}

.card-body-profile {
   padding: 30px 23px 38px 23px;
   background-color: white;
}

.btn-update {
   border: none;
   background: #66749b;
   color: white;
   font-size: 13px;
   font-weight: 500;
   padding: 6px 18px;
   border-radius: 5px;
}

.card-header-profile {
   font-weight: 500;
   color: #066ca1;
   font-size: 17px;
}

.small {
   font-weight: 500;
}

.change-password-main {
   border: 1px solid #0d499933;
   padding: 20px;
}

.change-heading {
   font-size: 19px;
   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;
      width: 100%;
   }


}

@media(min-width:768px) and (max-width:991px) {
   .footer-column {
      justify-content: left !important;
   }
}

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



/* Container & Layout */

.order-summary-container {
   padding: 20px;
   margin: 20px auto;
   max-width: 1000px;
   box-shadow: 0px;
}

/* Order Header Section */
.order-header {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
   border-bottom: 1px solid #bcc2cb;
   margin-bottom: 12px;
   text-align: left;
}

.order-id-section h2 {
   font-size: 17.5px;
   color: #0a4d7a;
   font-weight: 600;
   margin: 0;
}

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

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

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

/* Product Rows */
.order-product-row {
   display: flex;
   padding: 15px 0;
   border-bottom: 1px solid #bcc2cb;
   justify-content: space-between;
   align-items: center;
}

.product-image-section img {
   width: 165px;
   height: auto;
   padding: 9px;
}

.order-title h2,
.order-title h3 {
   font-size: 16.5px;
   color: #074974;
   font-weight: 600;
   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: #18ad18;
   font-size: 13px;
   font-weight: 600;
}

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

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

.order-review-section .review-btn {
   border: 1px solid grey;
   /* background-color: #ffca2c; */
   font-size: 13px;
   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;
   }

   .track-btn {
      margin-bottom: 13px !important;
      display: inline-block;
   }
}



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

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

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

@media (min-width:320px) and (max-width:768px) {
   .order-review-section .review-btn {
      padding: 3px 5px !important;
      font-size: 10.2px !important;
   }
}



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: 500;
   font-size: 15px;
   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: 16px;
   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: 16px;
   font-weight: 600;
   margin-bottom: 0px;
   color: #094c78;
   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: #0c6eaf;
   color: white;
   border-radius: 3px;
   font-weight: 500;
}

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

.item-delete {
   text-align: center !important;
   display: flex;
   align-items: center;
   justify-content: center;
}

.compare-padding {
   margin-top: 0px;
   margin-bottom: 120px;
}

.compare-heading h1 {
   text-align: left;
   font-size: 26px;
   color: #0c778d;
   font-weight: 500;
}

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

.compare-h {
   padding-bottom: 10px;
}

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

   .compare-padding {

      margin-bottom: 120px;
   }
}

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

      margin-bottom: 120px;
   }
}

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

   .compare-padding {

      margin-bottom: 120px;

   }
}



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

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

.cart-card {
   display: flex;
   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: 130px;
   height: auto;
   padding: 5px 10px;
   border-radius: 8px;
}

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

.cart-header {
   display: flex;

   align-items: baseline;
}

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

.cart-product-title p {
   font-size: 17px;
   font-weight: 500;
   color: #000000;
   margin-bottom: 10px;
}

.cart-product-title {

   text-decoration: none;
}

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

.cart-delete i {
   margin-left: 10px;
   font-size: 10px;
   position: absolute;
   right: 11px;
   top: 19px;
}

.cart-specifications {
   font-size: 13px;
   color: #4f4d4d;
   margin-bottom: 2px;
   scrollbar-width: thin;
   scrollbar-color: #02a1a4cc #f0efef;
   height: 82px;
   overflow-y: auto;
}

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

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

.quantity-btn {
   border: none;
   border-radius: 4px;
   width: 26px;
   height: 26px;
}

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

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

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

.cart-price {
   font-size: 15.6px;
   font-weight: 600;
   margin-bottom: 0px;
   color: #089f08;
}

.cart-s-m th {
   font-weight: 500;
   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;
}

.table-acc {
   border: none !important;
}

.cart-h {
   margin-top: 0px;
}

.tp-cart-checkout-btn {
   font-size: 15px;
   font-weight: 500;
   background-color: #f48f01;
   display: inline-block;
   color: white;
   padding: 6px 8px;
   text-align: center;
   text-decoration: none;
   border-radius: 3px;
   margin-top: 13px;

}

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

}



.nav-sub-main {

   list-style: none;
}

.nav-sub-main .new-nav-item.active h2 {
   background: none;
   color: #253b56;
   font-weight: 500;
   border: none !important;
}

.new-nav-item h2 {
   font-size: 14px;
   border: 1px solid #80808075;
   font-weight: 500;
   color: #253b56;
   text-align: left;
   margin-right: 10px;
   padding: 6px 10px;
   float: left;
   width: auto;
}

.tp-cart-checkout-btn:hover {
   color: white;
}

.cart-s {
   font-size: 19px;
   font-weight: 500;
   color: #144380;
   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: 19px;
   font-weight: 600;
   color: #02a1a4;
   padding-bottom: 0;
}

.text-review {
   width: 90%;
}

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

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



/* cart Accessories */
.accessories-main {
   margin-top: 12px;
}

.accessories-main h5 {
   font-size: 13px;
   color: #5c536c;
   font-weight: 500;
   margin-bottom: 0px;
}

.access-b {
   font-size: 14px;
   font-weight: 500;
   background: none;
   border: 1px solid #1c6bc2;
   padding: 2px 7px;
   color: #06244c;
   padding: 2px 7px 3px 7px;
}

.acce-main-h {
   padding-top: 13px;
   display: flex;
   border-top: 1px solid #49597573;
   justify-content: space-between;
   align-items: center;
}

.access-box {
   display: block;
   justify-content: space-between;
   align-items: center;
}

.access-box img {
   width: 54px;
   margin-left: 5px;
}

.access-N {
   font-size: 13px;
   color: #444040;
   font-weight: 500;
   margin-bottom: 0px;
   margin-left: 5px;
}

.Access-price {
   color: #ff5823;
   font-size: 12px;
   font-weight: 500;
   margin-bottom: 0;
   margin-left: 5px;
}

.table-acc td {
   padding-right: 27px;
}

.styled-modal-content {
   background-color: #fff;
   border-radius: 8px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
   padding: 0px 10px !important;
   display: block !important;

}

.cart-close {
   margin-top: 12px !important;
   margin-right: 24px;
   font-size: 14px !important;
}

.styled-modal-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #e5e5e5;
}

.styled-modal-header .modal-title {
   font-size: 1.3rem;
   font-weight: 500;
   color: #333;
}

.styled-modal-footer {
   display: block !important;
}

.close-btn {
   background: none;
   border: none;
   font-size: 1.2rem;
   color: #333;
   cursor: pointer;
}


.accessories-table {
   width: 100%;
   border-collapse: collapse;
}

.table-header {
   display: flex;
   justify-content: space-between;
   padding-bottom: 12px;
   /* padding: 10px 0; */
   border-bottom: 2px solid #5b6f8940;
   font-weight: 500;
   font-size: 1rem;
   color: #555;
}

.header-cell {
   flex: 1;
   text-align: left;
}

.table-row {
   display: flex;
   justify-content: space-between;
   padding: 10px 0;
   border-bottom: 1px solid #f1f1f1;
}

.table-cell {
   flex: 1;
   text-align: left;
}

.image-acc img {
   width: 40px;
}

input[type="checkbox"] {
   margin-right: 10px;
}

.styled-modal-footer {
   border-top: 1px solid #e5e5e5;
   padding-top: 15px;
}

.add-with-accessories:hover {
   color: white;
}

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


.add-without-accessories {
   padding: 3px 20px;
   font-size: 13px;
   background: #07816c;
   color: white;
   border-radius: 5px;
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.add-without-accessories:hover {
   background: #07816c;
   color: white;
}

.add-with-accessories {
   padding: 3px 20px;
   font-size: 13px;
   background: #6c40bd;
   color: white;
   border-radius: 5px;
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.add-without-accessories:hover {
   background: #1d5aa3;
   color: white;
}

.header-cell {
   color: #103b6e;
   text-align: left;
}

header-cell2 {
   color: #103b6e !important;
   text-align: left;
}

.cart-close {
   background-position-x: end !important;
   float: right !important;


}


.modern-filters {
   max-width: 350px;
   padding: 20px;
   background: #ffffff;
   border-radius: 10px;
   border: 1px solid #eaeaea;
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
   max-height: 1280px;
   overflow-y: auto;
   scrollbar-width: none;
}

.filters-header h3 {
   font-size: 1.5rem;
   text-align: center;
   color: #333;
   margin-bottom: 20px;
   font-weight: bold;
}

.filter-section {
   margin-bottom: 25px;
}

.filter-title {
   font-size: 1.2rem;
   color: #444;
   margin-bottom: 15px;
   font-weight: 600;
   border-bottom: 2px solid #eaeaea;
   padding-bottom: 5px;
}

.range-slider {
   position: relative;
   width: 100%;
   height: 8px;
   background: #ddd;
   border-radius: 5px;
   margin: 10px 0;
}

.range-slider input[type="range"] {
   position: absolute;
   width: 100%;
   height: 8px;
   appearance: none;
   background: transparent;
   pointer-events: none;
}

.range-slider input[type="range"]::-webkit-slider-thumb {
   appearance: none;
   width: 15px;
   height: 15px;
   background: #007bff;
   border-radius: 50%;
   cursor: pointer;
   pointer-events: auto;
}

.slider-track {
   position: absolute;
   height: 100%;
   background: #007bff;
   border-radius: 5px;
}

.price-values {
   display: flex;
   justify-content: space-between;
   font-size: 0.9rem;
   color: #666;
}

.availability-options {
   list-style: none;
   padding: 0;
   margin: 0;
}

.availability-options li {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
}

.availability-options input[type="radio"] {
   margin-right: 10px;
   accent-color: #007bff;
}

.top-products {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.top-products a {
   text-decoration: none;
   color: #007bff;

}

.availability-options label {
   font-size: 14px;
}

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

   .cart-container {
      width: 100%;
   }

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

}

@media(min-width:769px) and (max-width:1200px) {
   .Product-cart-main {
      margin-top: 92px;
      margin-bottom: 51px;
   }

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

@media(min-width:300px) and (max-width:991px) {
   .subtotals-cart {
      margin-top: 20px;
   }
}

@media(min-width:320px) and (max-width:540px) {
   .cart-card {
      display: block !important;
   }
}

@media(min-width:768px) and (max-width:991px) {
   .cart-card {
      display: block;
   }

   .cart-container {
      width: 50%;
   }
}

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

.download_btn {
   font-weight: 500;
   background: none;
   color: #434daa;
   text-decoration: underline;
   /* padding: 5px 14px; */
   margin-top: 10px;
   font-size: 19px;
   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-1.jpg);
   background-size: cover;
   max-width: 100%;
   background-position: unset;
   /* background-position: center; */
   height: 840px;
   margin: auto;
}

.catalog_logo {
   width: 208px;
   float: right;
   margin: 60px 15px 0 40px;
}

.catalog_img {
   width: 40%;
   margin-top: 75px;
   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 h2 {
   font-size: 25px;
   text-shadow: 1px 0 #00000015;
   color: #436699;
   font-weight: 500;
   margin: 24px 30px 0 145px;
   margin-bottom: 0;
}

.catalog_head h1 {
   font-size: 24px;
   color: #3e4d63;
   font-weight: 500;
   margin: 0px 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
}

.body_center ul {
   padding-left: 0px !important;
}

.body_center ul p {
   margin-bottom: 0px;
}

.fa-chevron-circle-right {
   color: #0e869e
}

.catalog_subhead {
   color: #17468b;
   font-size: 19px;
   font-weight: 600;
   padding: 40px 0 0 10px;
}

.catalog_text {
   margin: 5px 10px 0 10px;
   line-height: 1.6rem;
   font-size: 15px;

}

.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: 200px;
   margin-top: 87px;
}

.li_loc {
   padding: 0 60px
}


.single-c {
   color: #3e4d63;
   font-size: 17.5px;
   font-weight: 500;

}

.single-c:hover {
   color: #6c757d;
}


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

   .catalog_head h1 {
      margin: 17px 30px 0 20px !important;
   }
}


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

   .catalog_head h1 {
      margin: 17px 30px 0 20px !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 h3 {
   font-size: 20px;
   color: #0c3c7c;
   font-weight: 500;
   margin-bottom: 11px;
}

.your-order-area h2 {
   font-size: 20px;
   padding-top: 0px;
   margin-bottom: 8px;
   color: #ff5722;
}

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

.your-order-area h4 {
   display: flex;
   justify-content: space-between;
   font-weight: 500;
   font-size: 14px;
   text-transform: uppercase;
   margin: 0 0 18px;
   padding: 0 0 22px;
   border-bottom: 1px solid #e5e5e5;
}

.your-order-area .your-order-product {
   padding-bottom: 21px;
}

.your-order-product ul {
   margin: 0;
   padding-left: 0px;
}

.your-order-product ul li {
   display: flex;
   justify-content: space-between;
   margin: 0 0 10px;
   font-size: 15.5px;
   font-weight: 600;
}

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

.your-order-product ul li span {
   font-size: 15px;
   color: #ff6600;
   font-weight: 500;
}

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

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

.your-order-subtotal h3 span {
   font-size: 18px;
   font-weight: 500;
   color: #0a4895;
}

.your-order-shipping {
   padding: 21px 00px;
   display: flex;
   justify-content: space-between;
   align-items: center
}

.your-order-shipping>span {
   font-size: 15px;
   font-weight: 500;
}

.your-order-shipping ul {
   margin: 0;
}

.your-order-shipping ul li {
   display: flex;
   align-items: center;
   margin-bottom: 7px;
}

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

.your-order-shipping ul li input {
   cursor: pointer;
   width: auto;
   height: auto;
}

.your-order-shipping ul li label {
   color: #666;
   cursor: pointer;
   font-size: 15px;
   font-weight: 400;
   margin-left: 10px;
   margin-top: 0px;
}

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

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

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

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

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

}

.checkout-d label {
   color: black;
}

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

.form-notes {
   font-size: 15px;
   margin-bottom: 4px;
   font-weight: 400 !important;
   margin-right: 10px;
}

.shipcheck {
   font-size: 14px;
   margin-left: 4px;
}

.your-order-area.sin-payment input {
   cursor: pointer;
   width: auto;
   float: left;
   height: auto;
   margin-top: 6px;
}


.your-order-area .sin-payment label {
   color: #1D3557;
   cursor: pointer;
   font-size: 15px;
   margin: 0px 0 0 21px;
   display: flex;
   align-items: center;
   margin-top: -24px;
   font-weight: 500;
}

.sin-payment label img {
   max-width: 140px;
   display: inline-block;
   margin: 0 5px;
}

.sin-payment label a {
   color: #000000;
   text-decoration: underline;
   margin-left: 10px;
   font-size: 11px;
}

.sin-payment label a:hover {
   color: #fb7102;
}



.sin-payment .payment-box p {
   font-size: 14px;
   line-height: 24px;
   margin: 0;
   padding-top: 5px;
}

.your-order-area .your-order-wrap .payment-condition {
   border-top: 1px solid #e5e5e5;
   padding: 20px 0 0;
   margin: 0 0 10px;
}

.your-order-area .your-order-wrap .payment-condition p {
   font-size: 14px;
   line-height: 1.9;
}

.payment-condition p a {
   color: #FF5A5A;
   font-size: 14px;
}

.payment-condition p a:hover {
   text-decoration: underline;
}

.payment-checkbox {
   display: flex;
   align-items: center;
}

.payment-checkbox input {
   width: auto;
   height: auto;
}

.payment-checkbox span {
   color: #888;
   font-size: 14px;
   margin-left: 10px;
}

.payment-checkbox span a {
   color: #FF5A5A;
   font-size: 14px;
}

.payment-checkbox span a:hover {
   text-decoration: underline;
}

.billing-heading {
   padding: 30px 30px 34px 30px;
   box-shadow: rgba(99, 99, 99, 0) 0px 2px 5px;
}

.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: #1c6bc2;
   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-bottom: 99px;
}

.different-address {
   display: none;
}

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

.payment-order-details {
   width: 33%;
   /* margin: 0px auto; */
}

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

@media (min-width: 991px) and (max-width: 1190px) {
   .section-space {

      margin-bottom: 74px !important;
   }
}

@media (min-width: 769px) and (max-width: 991px) {
   .section-space {

      margin-bottom: 81px !important;
   }

   .payment-order-details {
      width: 41% !important;
      margin: 0px auto;
   }
}

@media (min-width: 300px) and (max-width: 767px) {
   .section-space {

      margin-bottom: 56px !important;
   }

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




.product-desc {
   margin-top: 15px;
   background: #ffffff;
   padding-bottom: 22px;
   border-radius: 8px;
}

.product-image {
   display: flex;
   justify-content: center;
   background: white;
   /* border: 1px solid #0b6f833b; */
   align-items: center;
}

.wrapper2 h2 {
   font-size: 22px;
   font-weight: 500;
   margin-bottom: 18px;
   color: #0b6f83;
   padding-top: 50px;
}

.wrapper h2,
.wrapper h3,
.wrapper h4,
.wrapper h5,
.wrapper h6 {
   font-size: 26px;
   color: #00a1a4;
   margin-bottom: 12px;
}

.headingdc {
   font-size: 1.5rem;
   font-weight: bold;
   color: #084298;
   margin-bottom: 6px;
   display: block;
}

.headingdc h1 {
   font-weight: 500;
   font-size: 21px;
   margin: 0;
   color: rgb(12 94 149);
}

.headingdc {
   text-decoration: none;
}

.description {
   text-align: justify;
   color: #000;
   line-height: 1.6;
   font-size: 14px;
   margin-bottom: 11px;
}



.request-q {
   padding-bottom: 0px;
   font-size: 15px;
   font-weight: 500;
}

.product-n {
   font-size: 14px;
}

.fake-input img {
   width: 53px;
}

.heading-r {
   color: #0d68ae;
   font-size: 17px;
   font-weight: 500;
}

.enqq_btn {
   padding: 5px 38px;
   font-size: 12px;
   background: #127fd2;
   font-weight: 500;
   margin-bottom: 22px;
   color: #ffffff;
   border-radius: 5px;
   text-decoration: none;
   font-size: 16px;
}

.detail-imag-1 {
   box-shadow: 0px 2px 5px #80808045;
   margin-bottom: 15px;
}



.product-title1 h2,
.product-title1 h3,
.product-title1 h4,
.product-title1 h5,
.product-title1 h6 {
   margin-bottom: 5px !important;
   font-size: 17px;
   display: block;
   line-height: 1.3;
   font-weight: 600;
   color: #07223e;
}

.product-title1 span {
   margin-bottom: 5px !important;
   font-size: 17px;
   display: block;
   line-height: 1.3;
   font-weight: 600;
   color: #07223e;
}

.product-title1 p {
   margin-bottom: 5px !important;
   font-size: 17px;
   display: block;
   line-height: 1.3;
   font-weight: 600;
   color: #07223e;
}

.product-price-rating2 {
   padding-top: 10px;
   display: flex;
   border-top: 1px solid #80808073;
   justify-content: space-between;
}

.slick-next,
.slick-prev {
   z-index: 999;
}

.slick-next {
   right: 15px;
}

.slick-prev {
   left: 15px;
}

.slick-next:before,
.slick-prev:before {
   color: #084593;
   font-size: 26px;
}

.slick-dots {
   display: none !important;
}

.main-2-sub {
   box-shadow: none !important;
   border: 1px solid #dcdcdc;
   margin-right: 10px;
}

.slick-slide img {
   display: inline !important;
}

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



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

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

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

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

}

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

.detail-para {
   font-size: 16px;
}

.seperator {
   height: 1px;
   background-color: #dddddde3;
   margin: 15px 0;
}

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

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

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

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

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

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

.detail-price {
   font-size: 22px;
   color: #02a1a4;
   margin-right: 18px;
   font-weight: 700;
   margin-bottom: 0px;
}

.details-wishl {
   background-color: transparent;
   border: none;
   padding-top: 5px;
   cursor: pointer;
   font-size: 20px;
   color: #ff1800;
   transition: color 0.3s ease-in-out;
}

.heading4 h1 {
   font-size: 28px;
   font-weight: 600;
   color: #019fa3;
   margin-bottom: 2px;
}

.search_btn i {
   padding:
      13px 9px;
   color: white;
   position: relative;
   top: -3px;
}

.heading4 {
   text-decoration: none;
}

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

.quantity input[type="button"] {
   color: #040f1e;
   border: 1px solid #4e586433;
   width: 31px;
   cursor: pointer;
   border-radius: 0px;
}



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

.quantity input[type="text"] {
   text-align: center;
   border: 1px solid #ddd;
   border-radius: 5px;
   margin: 0 10px;
   width: 22%;
}

.button-detail .detail-cart {
   background: none;
   font-size: 17px;
   padding: 1px 15px;
   color: #12457c;
   border-radius: 0px;
   cursor: pointer;
   transition: background-color 0.3s ease-in-out;
   border: 1px solid #0c6eaf;
   font-weight: 500;
}

.detail-cart i {
   margin-right: 4px;
   font-size: 16px;
}

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



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

.rating-sec-a h3 {
   font-size: 19px;
   color: #0f325e;
   font-weight: 500;
   margin-bottom: 0px;
}

.rating-sec-a span {
   font-size: 19px;
   color: #0f325e;
   font-weight: 500;
   margin-bottom: 0px;
}

.related-title {
   font-size: 23px;
   /* padding-bottom: 14px; */
   color: #02a1a4;
   font-weight: 600;
   padding-bottom: 8px;
   display: block;
}

.catalog-title {
   font-size: medium;
}

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

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

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

.progress {
   height: 7px;
}

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

.media {
   margin-bottom: 20px;
}

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

.media-body h5 {
   font-size: 15px;
   color: #121212;
   margin-bottom: 0px;
   padding-top: 8px;
   font-weight: 700;

}

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

.freq-reach {
   padding: 30px 20px 17px 20px;
   background-color: #f9f9f9;
   border: 1px solid #e0e0e0;
   border-radius: 5px;
   margin-bottom: 65px;
}

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

.sub-y-r h3 {
   font-size: 19px;
   color: #02a1a4;
   font-weight: 500;
}

.sub-y-r span {
   font-size: 19px;
   color: #02a1a4;
   font-weight: 500;
}

.rating-subm {
   font-size: 16px;
   color: #000;
   margin-bottom: 3px;
}


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

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

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

.review-form textarea {
   resize: vertical;
}

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

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

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

.rating-sec-a h3 {
   font-size: 20px;
   color: #02a1a4;
   margin-bottom: 0px;
}

.rating-sec-a span {
   font-size: 20px;
   color: #02a1a4;
   margin-bottom: 0px;
}

.rating-five {
   margin-top: 10px;
}

.rating-avatar i {
   color: #ffb62f;
   font-size: 9px;
}

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

.review-section1 {
   border: 1px solid #e0e0e0;
   padding: 20px;
   background: white;
}

.review-section1 h3 {
   font-size: 20px;
   margin-bottom: 12px;
   padding: 4px 34px 0px 0px;
   color: #0d2246;
   border-radius: 5px;
}

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

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

.progress {
   height: 7px;
}

.related-wrapper h2 {
   font-size: 22px;
   font-weight: 500;
   text-align: center;
   color: #094064;
   padding-bottom: 5px;
}

.specifications-r {
   padding: 10px 0px;
   font-size: 14px;
   color: #555;
   text-align: left;
   scrollbar-width: thin;
   scrollbar-color: #6fc9cc #fff;
   height: 98px;
   overflow-y: auto;
}

.pro-deta-setg h2,
.pro-deta-setg h3,
.pro-deta-setg h4,
.pro-deta-setg h5,
.pro-deta-setg h6 {
   font-size: 25px;
   font-weight: 600;
   letter-spacing: 0;
}

.pro-deta-setg .product-title1 h2,
.pro-deta-setg .product-title1 h3,
.pro-deta-setg .product-title1 h4,
.pro-deta-setg .product-title1 h5,
.pro-deta-setg .product-title1 h6 {
   font-size: 18px;
   line-height: 120%;
   letter-spacing: 0;
}

.pro-deta-setg .specifications-r {
   padding: 0;
}

.nav-spec-tab {
   justify-content: left;
}

.nav-spec-tab .nav-link.active,
.nav-spec-tab .nav-item.show .nav-link {
   color: #37127a;
   background: #0c6eaf;
   color: white;
   /* background-color: #fff; */
   /* border-color: #ffffff #ffffff #fff; */
   /* padding: 4px 10px; */
   font-size: 14px;
   font-weight: 500;

}

.nav-link {
   color: black;
   font-size: 16px;
   font-weight: 500;
   padding: 4px 18px
}

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

.media {
   margin-bottom: 20px;
}

.ratingg p {
   margin-bottom: 0px;
   color: black;
   font-size: 24px;
   font-weight: 500;
}

.ratingg-sec {
   background: white;
   padding: 20px;
   border: 1px solid #8080804d;
}

.total-r {
   font-size: 12px;
}

.progress-main {
   width: 75%;
}

.bg-sec {
   background-color: rgb(12 110 175) !important;

}

.ratings-main {
   margin-top: 30px;
}

.ratingg {
   margin-bottom: -5px;
   font-size: 21px;
   font-weight: 500;
}



@media(min-width:320px) and (max-width:577px) {
   .ratingg-sec {
      display: inline-block;
      margin-bottom: 20px;
   }
}

@media(min-width:768px) and (max-width:1200px) {
   .progress-main {
      width: 54% !important;
   }
}







/* Tab Navigation */

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

.nav-spec-tab .nav-tabs .nav-link {
   font-size: 15px;
   margin-right: 22px;
   color: #06233a;
   font-weight: 500;
   padding: 0px !important;
   margin-bottom: 7px;

   margin-left: 0px;
   border-radius: 0px !important;
   border-radius: 4px;
}

.nav-spec-tab .nav-tabs .nav-link.active {
   color: #0a3f87;
   border-top: none;
   border-left: 0px;
   border-right: 0px;
   border-bottom: 2px solid #ff6600;
   margin-bottom: 10px;
   margin-right: 22px;
   border-radius: 0px;
   margin-left: 0px;
   font-weight: 500;
   background: none;
}



.bdt_table strong {
   font-weight: 500;

}

.bdt_table td {
   font-size: 14px !important;
}

.bdt_table {
   border: 1px solid #8080803b;
}

.tab-spe-main {
   padding-top: 13px;
   padding-right: 12px;
}

.product-features {
   list-style-type: none;
   padding-left: 0px;
   margin-top: 14px;
   font-size: 15px;
   border: 1px solid #555e6a4f;
   padding: 15px 10px;
}

.applications {
   border: 1px solid #555e6a4f;
   padding: 15px 10px;
   font-size: 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: 500;
}

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

.expert-title {
   font-size: 20px;
   padding-bottom: 13px;
   font-weight: 500;
   color: #093756;
}

.sub-y-r {
   border: 1px solid #e0e0e0;
   padding: 20px;
   background: white;
   height: 100%;

}

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


.form-label {
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 2px;
   line-height: 120%;
}

.ask-form {
   padding: 6px 10px;
}

.expert-btn {
   background: #0c6eaf;
   border: none;
   color: white;
   font-size: 14px;
   padding: 3px 24px;
}

.captcha_input {
   width: 90%;
}

.catlog-btn1 {
   display: inline-block;
   padding: 4px 16px;
   background: #2f68af;
   font-weight: 500;
   color: #ffffff;
   text-decoration: none;
   font-size: 13px;
}

.catlog-btn1:hover {
   background: #2f68af;
   color: #ffffff;
}

.bdt_table table td,
.table th {
   padding: 10px;
   border: 1px solid #dee2e6;
   vertical-align: middle;
}

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

/* List Styles */
ul {
   padding-left: 20px;
}


ul li i {

   margin-right: 10px;
}

.subcate-image img {
   width: 160px;
   margin-bottom: 23px;
   padding: 15px;
}

.features-l ul {
   margin-bottom: 0px;
   font-size: 14px;
   margin-top: 10px;
   padding-left: 0px !important;

}

.features-l li {
   list-style: disclosure-closed !important;
}

.standerd-accerrories {
   border: 1px solid #555e6a4f;
}

.download-cat-btn {
   border: none;
   font-size: 16px;
   background: none;
   text-decoration: underline;
   color: #123866;
   font-weight: 500;
}

.download-catalog {
   border: 1px solid #555e6a4f;
   padding: 10px;
}

.download-cat-btn i {
   color: red;
   margin-left: 8px;
}


.product-title1 {
   text-decoration: none;
}

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

.product-slider img {
   padding: 2px;
   width: 78px;
   box-shadow: 0px 2px 5px #80808045;
   border: 1px solid #7c52c930;
}

.speci-mani-sec {
   border-bottom: 1px solid #80808047;
   padding-bottom: 23px;
   margin-bottom: 22px;
}

.product-main-pills {
   border: 1px solid grey;
   padding: 4px 0px;
}

.act-link {
   border: none;
   font-size: 17.5px;
   background: none;
   font-weight: 500;
   border-right: 1px solid lightgray;
   padding: 0px 15px;
}

.nav-pills .act-link.active,
.nav-pills .show>.act-link {
   color: #02a1a4;
   font-weight: 600;
}

.product-specifications {
   margin-top: 60px;
}

.border-left {
   height: 30px;
   border: 1px solid #8080804d;
   margin: 0px 20px;
}

.slick-track {
   width: 424px !important;
}

/* .product-slider {
   display: flex;
   justify-content: space-between;
} */

.product-titlep {
   line-height: 1.3;
   padding-left: 11px;
   display: block;

   padding-bottom: 10px;
   padding-top: 5px;
   border-left: 0px;
   border-right: 0px;
   color: #065248;
   margin-bottom: 5px;
   font-size: 15px;
   background: none;
   /* font-size: 16px; */
   text-decoration: none;
   font-weight: 500;
}

.card-sub2 a {
   text-decoration: none !important;
}

.m-right-sub {
   color: #092c46 !important;
}

.headding h2 {
   font-weight: 500;
   font-size: 21px;
   margin: 0;
   padding-bottom: 10px;
   color: #0c1f4e;

}

.headding {
   text-decoration: none !important;
}

.relates-products {
   margin-top: 51px;
   margin-bottom: 114px;
}

.slick-next,
.slick-prev {
   z-index: 5;
   top: 47%;
}

.slick-next {
   right: 15px;
}

.slick-prev {
   left: 15px;
}

.slick-next:before,
.slick-prev:before {
   color: #1c547e78;
   font-size: 26px;
}

.slick-dots {
   display: none !important;
}

.action-btn {
   border: none;
}

.sub-main-b {
   border: 1px solid #4a5a6c42;
   padding: 20px 20px 8px 20px;
}

.subcate-image img {
   width: 140px;
   margin-bottom: 25px;
}

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

.product-detail-main {
   margin-top: 43px;
}

.cart-sub-btn {
   border: none;
   background: none;
   text-decoration: underline;
   font-weight: 500;
   color: #051122;
   font-size: 13px;
   padding: 1px 10px;
}

.rating-related {
   font-size: 8px;
   color: #ffa604d4;

}

.price {
   color: red;
   font-size: 11.5px;
   font-weight: 500;
   margin-bottom: 0px !important;
}



.faq-title {
   text-align: left;
   font-size: 17px;
   font-weight: 500;
   margin-bottom: 16px;
   color: #0f527e;

}

.accordion .faq-card {

   border: none;
   margin-bottom: 20px;

   border-radius: 10px;
   transition: all 0.3s ease;
}

.accordion .faq-card:hover {
   transform: translateY(-3px);
}

.faq-btn {
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   width: 100%;
   line-height: 1.4;
   color: #3f3650;
   background-color: transparent;
   border: none;
   padding: 16px 12px;
   display: flex;
   justify-content: space-between;
   align-items: center;


}

.accordion .faq-btn:hover {
   color: #007bff;
}

.faq-icon {
   background: none;
   color: #0f443b;

   border-radius: 50%;
   font-size: 13px;
   transition: transform 0.3s ease;
}

.accordion .faq-btn:not(.collapsed) .faq-icon {
   transform: rotate(184deg);
}

.main-assp {
   border: none !important;
}

.faq-answer {
   font-size: 14px;
   color: #555;
   padding: 15px 20px;
   line-height: 1.7;
   border-top: 1px solid #ddd;
   margin-top: 10px;
   background-color: #f9fafb;
   border-radius: 0 0 10px 10px;
}

.faq-inner {
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
   background: #ffffff;
}

.anyla-s {
   font-size: 13px;
   font-weight: 500;
   color: #000000d6;
}

.anyla-m {
   color: #323232 !important;
   font-weight: 400;
   font-size: 13px;
   margin-bottom: 5px;
   border-bottom: 1px solid #80808061;
   padding-bottom: 7px;
}

.anyla-bio1 {
   padding: 0px 5px;
   margin-top: 10px;
}



.product-dsc {

   padding: 34px 0px;

}


.speci-mani-sec {
   display: flex;
   align-items: center;
}

.product-sub {
   width: 25%;
   padding: 0px 7px;
   margin-bottom: 15px;
}

@media(min-width:991px) and (max-width:1200px) {
   .product-description-main {
      margin-top: 0px !important;
   }

   .product-desc {
      padding-bottom: 0px !important;
   }

   .nav-spec-tab {
      justify-content: start !important;
   }

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

   .product-sub {
      width: 33.33%;
      padding: 0px 7px;
   }


}

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

   .product-sub {
      width: 50%;
      padding: 0px 7px;
   }

   .nav-spec-tab {
      justify-content: start !important;
   }



   .main-assp {
      display: block !important;
   }

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

   .l-r-buttons .up-btn {
      position: absolute;
      top: 58px !important;
   }

   .l-r-buttons .down-btn {
      position: absolute !important;
      top: 56px !important;
   }
}

@media(min-width:600px) and (max-width:767px) {
   .product-sub {
      width: 50% !important;
      padding: 0px 7px;
      margin-bottom: 15px;
   }
}

@media(min-width:320px) and (max-width:599px) {
   .product-sub {
      width: 100% !important;
      padding: 0px 30px;
   }
}

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

   .modal-dialog {
      margin-top: 69px !important;
   }

   .border-left {
      height: 30px;
      border: 1px solid #8080804d;
      margin: 0px 7px;
   }

   .tab-spe-main {
      padding-right: 0px !important;
   }

   .sub-y-r {
      margin-top: 16px !important;
   }

   .product-description-main {
      margin-top: 111px;
   }


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

   .main-assp {
      display: block !important;
   }

   .product-desc {
      padding: 10px 10px 28px 3px !important;
   }

   .product-description-main {
      margin-top: 21px;
   }

   .headingdc h1 {
      margin-top: 27px !important;
   }

   .nav-spec-tab {
      justify-content: left;
   }
}

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

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

   .product-shadow {
      box-shadow: none !important;
      padding: 23px 10px;
   }

   .faq-section {
      margin-bottom: 11px !important;
   }

   .review-section {
      margin-bottom: 26px !important;
   }

   .dop-icon i {
      display: none;
   }

   .m-para {
      display: none !important;
   }

   .user-account {
      display: none;

   }

   .heading2 h2,
   .heading2 h3,
   .heading2 h4,
   .heading2 h5,
   .heading2 h6 {
      margin-bottom: 14px;
   }

   .m-para1 {
      display: none !important;
   }

   .user-a {
      display: none;
   }

   .main-icons-h i {
      font-size: 19px !important;
   }

   .h-icons .badge {
      position: absolute;
      top: -1px !important;
   }

   .all-categories-dropdown {
      display: none;
   }

   .border-left-dropdown {
      display: none;
   }

   .detail-para {
      display: none;
   }

}

@media(min-width:320px) and (max-width:362px) {
   .product-slider img {
      width: 85px !important;
   }

   .l-r-buttons .up-btn {
      position: absolute;
      top: 40px;
      left: -6px;
   }

   .l-r-buttons .down-btn {
      position: absolute;
      top: 39px;
   }

   .button-detail .detail-cart {

      font-size: 11px !important;
      padding: 3px 7px !important;
   }

   .button-detail .detail-cart {
      margin-left: 0px !important;
   }

   .quantity {
      margin-left: 12px !important;
   }

   .quantity input[type="text"] {
      margin: 0 5px;
   }

   .quantity input[type="button"] {
      width: 23px !important;
   }
}

@media(min-width:361px) and (max-width:480px) {
   .product-slider img {
      width: 80px;
   }

   .l-r-buttons .up-btn {
      position: absolute;
      top: 38px !important;
      left: -7px !important;
   }

   .l-r-buttons .down-btn {
      position: absolute;
      top: 37px !important;
   }

   .button-detail .detail-cart {
      font-size: 12px !important;
      padding: 3px 9px !important;
   }

   .button-detail .detail-cart {
      margin-left: 0px !important;
      margin-top: 5px !important;
   }
}

@media(min-width:480px) and (max-width:768px) {
   .product-slider img {
      width: 79px;
   }

   .l-r-buttons .down-btn {
      position: absolute;
      top: 45px !important;
      right: 4px !important;
   }

   .l-r-buttons .up-btn {
      position: absolute;
      top: 50px !important;
      left: -9px !important;
   }
}


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

   .headingdc h1 {
      margin-top: 27px !important;
   }
}

@media(min-width:320px) and (max-width:544px) {
   .border-left {
      height: 30px;
      border: none;
      margin: 0px 7px;
   }

   .product-main-pills {
      border: 1px solid grey;
      padding: 4px 7px !important;
   }
}

/* search products */

/* search */

.search-title h2,
.search-title h3,
.search-title h4,
.search-title h5,
.search-title h6 {
   color: #0c3e5e;
   font-size: 15px;
   font-weight: 600;
   /* background: #f6f3fb; */
   padding: 10px 10px;
   /* border-bottom: 2px solid #6838c15e; */
   text-decoration: none;
}

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

.search-inner {
   border: 1px solid #89969947;
   padding-bottom: 15px;
}

.sarch-image img {
   margin-top: 9px;
   width: 134px;
   margin-bottom: 7px;
}

.sarch-image {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 10px;
}

.search-box {
   width: 20%;
   padding: 0px 8px;
   margin-bottom: 17px;
}

.search-inner a {
   text-decoration: none;
}

.search-title1 {
   color: #0c3e5e;
   font-size: 14px;
   font-weight: 600;
   text-align: center;
   margin-bottom: 0px;
   /* background: #f6f3fb; */
   padding: 10px 10px;
   /* border-bottom: 2px solid #6838c15e; */
   text-decoration: none;

}

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

@media(min-width:768px) and (max-width:990px) {
   .search-box {
      width: 33.33%;
   }
}

@media(min-width:320px) and (max-width:767px) {
   .search-box {
      width: 50%;
   }
}



/* order tracking */
.order_number {
   font-size: 18px;
   font-weight: 700;
}


.tracking-wrapper {
   width: 90%;
   margin: 38px auto;
   padding: 0;
}

.tracking * {
   padding: 0;
   margin: 0;
}

.tracking {
   width: 100%;
   max-width: 100%;
   position: relative;
}

.tracking .empty-bar {
   background: #dddddd;
   position: absolute;
   width: 100%;
   height: 20%;
   top: 40%;
}

.tracking .color-bar {
   background: #0082d2;
   position: absolute;
   height: 20%;
   top: 40%;
   /* margin-left: 5%; */
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
}

.tracking ul {
   display: flex;
   justify-content: space-between;
   list-style: none;
}

.tracking ul>li {
   background: #ddd;
   text-align: center;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   z-index: 1;
   background-size: 70%;
   background-repeat: no-repeat;
   background-position: center center;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
   display: inline-block;
   position: relative;
   width: 31px;
   height: 31px;
}


.tracking ul>li .el {
   position: relative;
   margin-top: 100%;
}

.tracking ul>li .el i {
   position: absolute;
   bottom: -3px;
   left: 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;
}

.bullet-3 {
   background: #074c81 !important;
}

.bullet-4 {
   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 {}

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

span.pf_text {
   color: #0d436c;
   font-weight: 500;
   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;
   }

}



.nav-sub-main .new-nav-item.active h2 {
   background: none;
   color: black;
   font-weight: 600;

   border: 1px solid #80808075 !important;
}


.nav-sub-main {
   margin-bottom: 5px;
   list-style: none;
}

.custom-nav-pills .nav-link {
   background-color: #ffffff;

   border-radius: 5px;
   margin-bottom: 10px;
   transition: background-color 0.3s, color 0.3s;
}

.custom-nav-pills .nav-link:hover {
   background-color: #e9ecef;
   color: #495057;
}

.new-nav-item h2 {
   font-size: 15px;
   border: 1px solid #80808075;
   font-weight: 600;
   color: #253b56;
   text-align: left;
   margin-right: 10px;
   padding: 6px 10px;
   float: left;
   width: auto;
}

.top-products a {
   font-size: 14px;
   color: #544f4f;
}

.new-nav-item {
   text-decoration: none;
}

.compare-padding {
   margin-top: 0px;
}

.anys-main-scroll1 {
   max-height: 150px;
   overflow-y: auto;
}


/* General container styles */
.pilot-box {
   border: 1px solid #ccc;
   padding: 10px 16px;
   background: #427ab703;
   /* background-color: #ffffff; */
   box-shadow: 0px 2px 4px rgb(165 160 160 / 10%);
}

/* Image section */
.testing-box .Pilot-r-box {
   background-color: white;
   border-radius: 8px;
   padding: 12px;

}

.product-image {

   height: auto;
   transition: transform 0.3s ease;
}

.product-pio:hover .product-image {
   transform: scale(1.05);
}

.product-details strong {
   color: #000000e0;
   font-weight: 600;
}

/* Title and compare button */
.product-title2 h2,
.product-title2 h3,
.product-title2 h4,
.product-title2 h5,
.product-title2 h6,
.product-title2 span {
   font-size: 17px;
   padding-bottom: 5px;
   font-weight: 600;
   color: #0f345e;
   text-decoration: none;
   margin: 0;
   line-height: 120%;
}

.product-title2 p {
   font-size: 17px;
   padding-bottom: 9px;
   font-weight: 600;
   color: #0f345e;
   text-decoration: none;
   margin: 0;
   line-height: 120%;
}

.product-title2 {
   text-decoration: none;
}

.product-title2 span {
   font-size: 17px;
   padding-bottom: 9px;
   font-weight: 600;
   color: #02a1a4;
   text-decoration: none;
   margin: 0;
   line-height: 120%;
   display: inline-block;
}

/* Product details */
.product-details p {
   font-size: 14px;
   color: #5e5d5d;
   margin-bottom: 2px;
   word-break: break-all;
}

.product-details {
   scrollbar-width: thin;
   scrollbar-color: #63c5c8 #dcdcdc69;
   height: 92px;
   box-shadow: none;
   overflow-y: auto;
   padding: 0 0 0 8px;
   border-left: 1px solid #01a0a4;
   margin: 4px 0;
}

/* Add to Cart and Price */
.view-text-auto {
   background: none;
   color: #11539b;
   border: none;
   padding: 2px 16px;
   border: 1px solid grey;
   font-size: 14px;
   font-weight: 600;
   /* width: 100%; */
   border-radius: 4px;
}

.testing-box {
   display: flex;
   justify-content: center;
   align-items: center;
}

.bottom-tablet-c {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 12px;
}

.view-text-auto:hover {
   background-color: #0056b3;
   color: white;
}

.price-auto {
   font-size: 16px;
   font-weight: 700;
   color: #01a0a4;
   margin: 0;
}

.pilot-box-sub {
   padding: 0px 6px;
   margin-bottom: 14px;
}



/* Filter box styling */


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

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

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


}

@media(min-width:768px) and (max-width:990px) {
   .filter-2 {
      display: none;
   }

   .product-title2 h2,
   .product-title2 h3,
   .product-title2 h4,
   .product-title2 h5,
   .product-title2 h6 {
      padding-top: 16px !important;

   }

   .modern-filters {
      display: none !important;
   }

   .product-title2 p {
      padding-top: 16px !important;
   }

}

@media(min-width:320px) and (max-width:767px) {
   .filter-2 {
      display: none;
   }

   .product-title2 h2,
   .product-title2 h3,
   .product-title2 h4,
   .product-title2 h5,
   .product-title2 h6 {
      padding-top: 16px !important;

   }

   .modern-filters {
      display: none !important;
   }

   .product-title2 p {
      padding-top: 16px !important;
   }

   .heading h1 {
      font-size: 29px;
   }

}





/* compare */

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


.action-compare-add {
   color: #183565;
}

.action-compare-add:hover .action__text--invisible,
.action--download:hover .action__text--invisible {
   color: #ddd;
   font-size: 12px;
   letter-spacing: 0;
   background: #2F3035;
   border-radius: 2px;
   padding: 3px 5px;
}

.action-compare-add:hover {
   color: #0e8299;
}

.action-compare-add .bi-check2,
.action-compare-add :checked~.bi-plus {
   display: none;
}

.action-compare-add input[type=checkbox]:checked~.bi-check2 {
   display: inherit;
   color: #009688;
}

.action-compare-add .bi-check2,
.action-compare-add input[type=checkbox]:checked~.bi-square {
   display: none;
}



.action-compare-add .bi-check2,
.action-compare-add :checked~.bi-square {
   display: none;
}

.action-compare-add input[type=checkbox]:checked~.bi-check2 {
   display: inherit;
   color: #009688;
}

.action-compare-add .bi-check2,
.action-compare-add input[type=checkbox]:checked~.bi-square {
   display: none;
}

.check-hidden {
   position: absolute;
   opacity: 0;
}

.bi-square {
   font-size: 11px;
   color: #183565;
}

.action {
   display: inline-block;
   font-size: 13px;
   white-space: nowrap;
   cursor: pointer;
   border: none;
   background: transparent;
   text-align: center;
   font-weight: 500;
   padding-top: 11px;
}

.m-right-sub {
   font-size: 22px !important;
}

.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: #183565;
   color: #ffffff !important;
   font-size: 14px;
}

.col-md-2-5.col-lg-2-5 {
   width: 20%;
}

.leftfl::before,
.rightfl::before {
   font-size: 25px;
}

.cpp2 {
   float: right !important;
   border: none !important;
   outline: none !important;
   box-shadow: none !important;
   padding-top: 0px !important;

}

.m-right-r {
   font-size: 22px !important;
}

.btn .cpp {
   outline: none;
   box-shadow: none;
   border: none;
   padding-top: 0px !important
}




.thank-you-container {
   text-align: center;
   /* margin-top: 20px; */
   background: #ffffff;
   padding: 40px 30px;
   border-radius: 10px;

}

.btn-t {
   color: white;
   background: #1c6bc2;
   font-size: 15px;
   padding: 4px 15px;

}

.btn-t:hover {
   background: #183565;
}

.thank-you-container h1 {
   margin: 20px 0 10px;
   margin: 20px 0 10px;
   font-size: 30px;
   color: #183565;
}

.thanku-p {
   margin: 0 0 20px;
   font-size: 14px;
   color: #555555;
}

.img-thick i {
   font-size: 54px;
   margin-bottom: 20px;
   color: #06ee5d;
   margin-top: 13px;
}




/* error */


.error-container {

   text-align: center;
   background: #ffffff;
   padding: 65px 30px;
   border-radius: 10px;
   margin-bottom: 20px;
}

.error-container img {
   width: 189px;
}

.error-container p {
   margin-bottom: 0px;
   font-size: 18px;
   font-weight: 500;
   color: #4a4a4a;
   padding-top: 18px;
}

.error-container .error {
   background: #6a7891;
   color: white;
   font-size: 14px;
   margin-top: 16px;
   padding: 6px 20px;
}

/* forgot password */

.container-box {
   margin: auto;
   padding: 40px;
   width: 35%;

   margin-bottom: 92px;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.forgot-input {
   width: 100%;
}

.reset-btn {
   border: none;
   background: #1c6bc2;
   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 h1 {
   font-size: 19px;
   color: #083152;
   padding-bottom: 9px;
   text-align: center;
}

.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-bottom: 57px;
      padding: 15px 10px;
   }


}

@media (min-width:421px) and (max-width:767px) {
   .container-box {
      margin: auto;
      width: 91% !important;

   }

}

@media (min-width:768px) and (max-width:991px) {
   .container-box {
      margin: auto;
      width: 56% !important;

   }


}

@media (min-width:991px) and (max-width:1200px) {
   .container-box {
      margin: auto;
      width: 52% !important;

   }


}


/* Sub categoery sectio filter */
.filter-group {
   margin-bottom: 20px;
   border: 1px solid #d9d5d5;
   border-radius: 8px;
   padding: 15px;
   background-color: #dcedff1f;
}

.filter-heading {
   font-size: 18px;
   font-weight: 600;
   color: #333;
   margin-bottom: 0;
   border-bottom: 1px solid #ddd;
   padding-bottom: 5px;
}

.filter-options {
   list-style: none;
   margin: 0;
   padding: 0;
}

.filter-options li {
   margin-bottom: 8px;
}

.filter-options li:last-child {
   margin-bottom: 0;
}

.filter-options input[type="checkbox"] {
   margin-right: 10px;
   accent-color: #007bff;
}

.filter-options label {
   font-size: 15px;
   color: #555;
   cursor: pointer;
   transition: color 0.3s ease;
   display: inline;
   word-break: break-all;
   letter-spacing: 0;
}

.filter-options label:hover {
   color: #ff8c02;
}

.cate-b h2,
.cate-b h3,
.cate-b h4,
.cate-b h5,
.cate-b h6 {
   margin: 0;
   font-weight: 600;
   padding-bottom: 22px;
   padding-left: 14px;
   padding-top: 7px;
   font-size: 17.5px;
   text-align: left;
   color: #223797;

}

.filter-options {
   padding-top: 8px;
   display: block;
}

/* CAPTCHA */
.input-groups {
   display: flex;
   align-items: center;
   margin: 10px 0;
}

.input-wrapper {
   display: flex;
   width: 100%;
   position: relative;
}

.input-wrapper i {
   background: #fff;
   padding: 6px 3px;
   position: relative;
   left: -33px;
   top: 6px;
}

.input-wrappersss {
   display: flex;
   width: 100%;
   position: relative;
}

.input-wrappersss i {
   background: #fff;
   padding: 6px 3px;
   position: relative;
   left: -33px;
   top: 20px;
}

.input-wrapper .captcha_refresh {
   position: absolute;
   top: 0px;
   right: -18px;
   font-size: 13px;
}

.input-wrapper .captcha_refresh .refresh-btn {
   background: #fff;
   padding: 6px 3px;
}

.input-wrapperss {
   display: flex;
   align-items: center;
   margin-left: 5px
}

.input-wrapperss i {
   background: #fff;
   padding: 6px 3px;
   position: relative;
   left: -30px;
   top: 2px;
   color: #7c7979;
}

#contact_captcha {
   height: 46px;
}

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

.captcha-box {
   padding: 6px 22px 6px 27px;
   border-radius: 5px;
   background-color: #0097b2;
   font-family: Arial, sans-serif;
   color: #333;
   text-align: center;
   background-image: repeating-linear-gradient(19deg, transparent, transparent 7px, rgba(255, 255, 255, 0.1) -25px, rgba(255, 255, 255, 0.1) 13px);
   margin-right: 10px;
   margin-top: 10px;
   height: 47px;
}

.prod-captcha-box {
   border: 1px solid #ccc;
   border-radius: 5px;
   background-color: #0690bf;
   font-family: Arial, sans-serif;
   font-size: 16px;
   background-size: 8px 8px;
   color: #333;
   text-align: center;
   position: relative;
}


input#contact_captcha {
   height: 46px;
   margin-top: 10px;
}



/* Search Bar */
.resultBox {
   scrollbar-width: thin;
   scrollbar-color: #054899 #f1f1f1;
   max-height: 200px;
   border-top: none;
   z-index: 99;
   background: #fff;
   position: absolute;
   scrollbar-color: #054899 #f1f1f1;
   width: 100%;
   top: 39px
}

.results-container {
   display: flex;
}

.products-list {
   border-left: 1px solid white;
   padding-left: 10px;
}

.categories-list {
   padding-right: 10px;
   border-left: 1px solid white;
   width: 46%;
}

.categories-list li,
.products-list li {
   padding: 0;
   transition: 0.5s all;
}

.searchInput .resultBox li b {
   font-size: 16px;
   /* padding-left: 10px !important; */
   letter-spacing: 0;
   color: #ff8b01 !important;
}

.categories-list li a:hover,
.products-list li a:hover {
   background-color: #f0f0f0;
}

.box_search {
   background: #fff;
   padding: 0;
   font-size: 13px;
   line-height: 25px;
   display: flex
}

.categories-list li a,
.products-list li a {
   padding: 0;
   transition: 0.5s all;
   text-decoration: none;
}

.search_query {
   color: #1c6bc2;
}

.result_show {
   margin-bottom: 20px;
}


.account-toggle-password i,
.login-password i,
.toggle-password i {
   color: #aaa;
   background: #fff;
   position: static;
}

.password-input-container .account-toggle-password,
.password-input-container .toggle-password {
   position: absolute;
   /* top: 11px; */
   /* left: auto; */
   /* right: 11px; */
   bottom: auto;
}

i#toggleIcon {
   position: relative;
   left: 348px;
   top: -30px;
}

.log_btng {
   border: 1px;
   background-color: white;
   color: #341370 !important;
   font-size: 13px;
   font-weight: 500;
   width: 100%;
}

.log_btng:hover {
   background-color: #1083dbc4;
}

i#toggleIcons {
   position: relative;
   left: 587px;
   top: -33px;
}

.forgot-password-box {
   margin-top: 150px;
   margin-left: 500px;
}

.reset-btn {
   width: 33%;
}

a.downlod_textt.catalogPdfBtn {
   text-decoration: none;
   color: #095bb5;
}

button#form_submit_reg {
   color: white;
   background-color: #009fa3;
}

a.rel_text {
   text-decoration: none;
}

.wrapper {
   margin-bottom: 40px;
   margin-top: 50px;
}

.cart_empimg {
   width: 20%;
   margin-top: 70px;
}


.accessories-popup-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   z-index: 1000;
}

.accessories-popup {
   position: fixed;
   top: 50%;
   left: 50%;
   margin-top: 50px;
   transform: translate(-50%, -50%);
   background: #fff;
   padding: 20px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   z-index: 1001;
   width: 500px;
   max-width: 90%;
   max-height: 80vh;
   overflow-y: auto;
}

.popup-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #ddd;

}

.popup-header h3 {
   margin: 0;
}

.close-btn {
   background: none;
   border: none;
   font-size: 24px;
   cursor: pointer;
   color: #333;
}

.popup-body {
   margin: 10px 0;
   padding: 13px;
}

.popup-table {
   display: table;
   width: 100%;
   border-collapse: collapse;
}


/* ACCESSORIES */

.addabtn {

   background-color: rgb(1, 128, 185);
   color: #ffffff;
   padding: 3px 8px;
   top: 4px;
   right: 5px;
   font-size: 12px;
}

.addabtn:hover {
   background-color: rgb(0, 100, 146);
   color: #ffffff;
}

.changebtn {

   background-color: rgb(224, 168, 0);
   color: #ffffff;
   padding: 3px 8px;
   top: 38px;
   right: 5px;
   font-size: 12px;
}

.changebtn:hover {
   background-color: rgb(203, 152, 0);
   color: #ffffff;
}

.cart-option-popup-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   z-index: 1000;
   display: none;
   /* Initially hidden */
}

.cart-option-popup {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: white;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   z-index: 1001;
   display: none;
}


.cart-option-popup-overlay.show,
.cart-option-popup.show {
   display: block;
}

button.btn.btn-sm.btn-secondary.acc_cancel {
   padding: 8px 16px;
   font-size: 14px;
   margin-left: 12px;
   font-weight: 500
}

button.btn.btn-sm.btn-success.acc_sub {
   padding: 8px 16px;
   font-size: 14px;
   font-weight: 500
}

button.btn.btn-sm.btn-primary.acc_sub {
   padding: 8px 16px;
   font-size: 14px;
   font-weight: 500
}


.accessory-image {
   width: 50px;
   height: auto;
   margin-left: 10px;
}

button.close {
   border: 1px;
}

.acc_container {
   margin-top: 10px;
   padding: 10px;
   background-color: #f8f9fa;
   border: 1px solid #ddd;
   border-radius: 5px;
}

.acc_head {
   font-weight: bold;
   font-size: 16px;
   margin-bottom: 10px;
}

.acc_data {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.acc_item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 5px 0;
   border-bottom: 1px solid #ddd;
   width: 100%;
}

.acc_item span {
   flex: 1;
   text-align: left;
}

.acc_name {
   font-weight: 500;
   flex: 3;
   color: #264974;
}

.acc_price {
   flex: 1;
   text-align: right;
}

.acc_qty {
   flex: 1;
   text-align: right;
}

.stars {
   color: #f39c12;
   font-size: 13px;
   margin-left: -2px;
}

.star {
   color: #abaaa9;
   font-size: 15px;
   margin-left: -2px;
}

.oredr-main h1 {
   color: #30527a;
   text-align: center;
}

.tracking-page h1 {
   text-align: center;
   font-size: 32px;
   font-weight: 700;
   color: #02a0a3;
}

.card-header h1 {
   color: #30527a;
   font-size: 18px;
}

.rel_text span {
   font-size: 27px;
   color: #175191;
   margin-bottom: 7px;
}

.view-text-auto.addToCartBtn {
   text-transform: capitalize;
   color: #f48f03e0;
   border: none;
   font-weight: 500;
   border-radius: 3px;
   transition: background-color 0.3s ease;
   padding: 3px 10px 2px;
   font-size: 14px;
   background-color: #fff;
   border: 1px solid #f48f03e0;
}

.view-text-auto.addToCartBtn .arrow {
   display: none;
}

.pdt-catg-lu,
.pro-deta-setg .product-sub {
   height: inherit;
   display: flex;
   flex-direction: column;
}

.pdt-catg-lu .pilot-box,
.pdt-catg-lu .pilot-box .row,
.pdt-catg-lu .pilot-box .row,
.pdt-catg-lu .pilot-box .row .testing-box,
.pro-deta-setg .product-sub .sub-main-b,
.pro-deta-setg .product-sub .sub-main-b .sub-header {
   height: inherit;
   display: flex;
   flex-direction: column;
   flex: 1;
}

.speci-c strong {
   font-weight: 600;
}

.pro-deta-setg .addToCartBtn {
   text-transform: capitalize;
   color: #f48f03e0;
   border: none;
   font-weight: 500;
   border-radius: 3px;
   transition: background-color 0.3s ease;
   padding: 3px 10px 2px;
   font-size: 14px;
   background-color: #fff;
   border: 1px solid #f48f03e0;
   text-decoration: none;
}

.pro-deta-setg .addToCartBtn i {
   display: none;
}

.review-form label {
   font-size: 14px;
   margin-bottom: 2px;
   line-height: 120%;
}

.review-form .form-group {
   margin-bottom: 10px;
}

.ask-expert-sec input.form-control {
   padding: 10px 5px;
   height: 35px;
}

.ask-expert-sec .form-label {
   font-size: 14px;
   line-height: 120%;
}

.ask-expert-sec .expert-input {
   margin-bottom: 10px !important;
}

.custom-form-group .toggle-password {
   position: absolute;
   left: auto;
   right: 10px;
   top: 26px;
   bottom: auto;
}

.custom-form-group .toggle-password i#toggleIcon {
   position: static;
}

.profile-section .nav-pills .nav-link.active {
   background-color: #00a3a8;
}

.btn-cart-totals .alert-warning {
   padding: 5px 10px;
   font-size: 15px;
   line-height: 120%;
   letter-spacing: 0;
}

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

.qt-sa-fm .modal-header .modal_head {
   color: #03a1a5;
   font-size: 20px !important;
   font-weight: 600;
}

.qt-sa-fm .modal-header {
   padding: 10px 15px;
   background: #fdf8f2;
}

.qt-sa-fm .modal-body .modal_input .form-control {
   margin-bottom: 10px;
   padding: 8px 10px;
   border-left: 2px solid #009fa3;
}

.qt-sa-fm .modal-body .modal_input input.form-control {
   height: 38px;
}

.qt-sa-fm .modal-body #qq_send_btn {
   color: white;
   background-color: #009fa3;
   border-color: #009fa3;
}

@media (max-width:1200px) {
   .category-container {
      width: 20%;
   }

   .product-list {
      width: 50%;
   }

   .heading h1 {
      font-size: 28px;
   }
}

@media (max-width:991px) {

   .hometext {
      display: none;
   }

   .category-container {
      width: 25%;
   }

   .product-list {
      width: 100%;
   }

   .category-image {
      width: 170px;
      padding: 13px;
   }

   .category-title {
      font-size: 15px;
   }

   .categoery-m-c {
      padding: 10px 0;
   }

   .featured-incubutors {
      width: 50% !important;
   }

   .footer-middle {
      padding-top: 30px;
      margin-top: 55px;
   }

   .dispense-new {
      padding: 0 7px;
      margin-bottom: 14px !important;
   }

   .rtqthed-btn {
      display: none;
   }

   .heading h1 {
      font-size: 25px;
   }

   .airborne-main {
      margin-top: 40px;
   }

   .ipd-flt-nn,
   .accordion-flush {
      display: none;
   }

   .subcategories-main .heading h1 {
      margin-bottom: 0 !important;
   }

   .product-title2 h2,
   .product-title2 h3,
   .product-title2 h4,
   .product-title2 h5,
   .product-title2 h6,
   .product-title2 span,
   .product-title2 p {
      font-size: 17px;
      font-weight: 600;
   }
}

@media (max-width:768px) {
   .breadcrumb {
      display: none;
   }

   .ipd-hght {
      padding-top: 88px;
   }

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

   .order-header {
      display: block;
      padding: 10px 0;
   }

   .order-product-row {
      display: block;
   }
}

@media (max-width:767px) {
   .bottom-header {
      padding: 12px 0px 11px 0px !important;
   }

   .img-logo {
      width: 150px !important;
      height: 31px;
   }

   .searchInput input {
      height: 37px;
      padding: 0 10px;
   }

   .container-search {
      top: 9px;
      width: 41%;
      left: 28%;
   }

   .searchInput .searchButton {
      font-size: 13px;
      height: 37px;
      width: 66px;
   }

   .category-container {
      width: 33.33%;
   }

   .heading2 h2,
   .heading2 h3,
   .heading2 h4,
   .heading2 h5,
   .heading2 h6 {
      margin-bottom: 10px;
      line-height: 120%;
      letter-spacing: 0;
      font-size: 23px;
   }

   .airborne-container {
      margin-bottom: 15px;
   }

   .airborne-main {
      margin-top: 40px;
   }

   .featured-incubutors {
      width: 100% !important;
   }

   .dispense-new {
      width: 100%;
   }

   .dispense-link .drug-image {
      width: 150px;
      margin-bottom: 15px;
      border-radius: 8px;
   }

   .image-box-featured img {
      margin-top: 12px;
      width: 150px;
      height: auto;
   }

   .anes-incu {
      padding-top: 11px;
   }

   .dispense-title h2,
   .dispense-title h3,
   .dispense-title h4,
   .dispense-title h5,
   .dispense-title h6 {
      margin-bottom: 7px;
   }

   .airborne-image {
      margin-bottom: 15px;
      margin-top: 25px;
   }

   .pro-deta-setg h2,
   .pro-deta-setg h3,
   .pro-deta-setg h4,
   .pro-deta-setg h5,
   .pro-deta-setg h6 {
      font-size: 21px;
   }

   .pro-deta-setg .product-title1 h2,
   .pro-deta-setg .product-title1 h3,
   .pro-deta-setg .product-title1 h4,
   .pro-deta-setg .product-title1 h5,
   .pro-deta-setg .product-title1 h6 {
      font-size: 17px;
   }

   .pro-deta-setg .sub-main-b {
      padding: 15px 15px 8px 15px;
   }
}

@media (max-width:667px) {
   .bottom-header {
      padding: 12px 0px 65px 0px !important;
   }

   .container-search {
      top: auto;
      width: 100%;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: 13px;
      padding: 0 26px;
   }

   .ipd-hght {
      padding-top: 130px;
   }

   .heading3 h1,
   .heading h1,
   .tracking-page h1 {
      font-size: 27px;
   }
}

@media (max-width:576px) {
   .airborne-container {
      padding: 0px 15px;
   }

   .product-list {
      margin-bottom: 15px;
      padding: 0px 15px;
   }

   .image-box-featured img {
      width: 137px;
   }

   .featured-incubutors {
      padding: 0px 15px;
   }

   .dispense-new {
      padding: 0 15px;
   }

   .footer-column p {
      margin-bottom: 8px;
      line-height: 120%;
      font-size: 19px;
   }

   .footer-column ul li a {
      font-size: 14px;
   }

   .footer-column ul li {
      margin-bottom: 4px;
   }

   .category-container {
      width: 50%;
   }

   .categoery-m-c {
      padding: 10px;
      justify-content: center;
   }

   .category-title {
      padding-right: 10px;
   }

   .heading h1 {
      font-size: 25px;
   }
}


/*checkout page*/
.checkout-header {
   border-radius: 10px;
   border: 2px solid #02a1a4;
}

.checkout-list {
   border-radius: 10px;
   border: 2px solid #02a1a4;
   width: 90%;
   margin-left: 5%;
}

/**/

/*Order Tracking*/
.ordertrack_img {
   width: 50%;
}



.quantity-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #ddd;
   border-radius: 8px;
   overflow: hidden;
   max-width: 120px;
}

.qty-btn {
   width: 32px;
   height: 32px;
   background: #f1f1f1;
   border: none;
   font-size: 18px;
   cursor: pointer;
   transition: 0.3s;
}

.qty-btn:hover {
   background: #ddd;
}

.qty-input {
   width: 40px;
   height: 32px;
   text-align: center;
   border: none;
   background: #fff;
   font-size: 16px;
   pointer-events: none;
}

.catalog-btn .bi {
   display: none;
}

.catalog-btn {
   background-color: transparent;
   text-transform: capitalize;
   border-radius: 3px;
   width: auto;
   font-weight: 500;
   padding: 0 12px;
   font-size: 16px;
   cursor: pointer;
   transition: background-color 0.3s ease;
   border: 1px solid #02a1a4;
   color: #02a1a4;
   text-decoration: none;
   line-height: 25px;
   letter-spacing: 0.5px;
}

.banner-div {
   margin: 25px;
}

.rtqthed-btn {
   display: flex;
   justify-content: end;
}

/*.dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #5887c7;
  border-color: #5887c7 transparent #5887c7 transparent;
  animation: dual-ring 1.2s linear infinite;
}

@keyframes dual-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
.lab_loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}*/

/*skeleton loading*/
@keyframes shimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.skeleton {
  display: block;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 100px;
  animation: shimmer 1.5s linear infinite;
  background-color: #ccc;
  border-radius: 4px;
}

.equipment-loader-horizontal {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.equipment-card-horizontal {
  display: flex;
  align-items: center;
  gap: 20px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
  padding: 15px;
  border-radius: 8px;
}

.skeleton-img-horizontal {
  width: 160px;
  height: 120px;
  flex-shrink: 0;
}

.equipment-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.skeleton-title {
  height: 20px;
  width: 60%;
}

.skeleton-count {
  height: 14px;
  width: 30%;
}
@media (max-width: 768px) {
  .equipment-card-horizontal {
    flex-direction: column;
    align-items: flex-start;
  }

  .skeleton-img-horizontal {
    width: 100%;
    height: 180px;
  }

  .skeleton-title,
  .skeleton-count {
    width: 80%;
  }
}
/**/