body {
   font-family: "Poppins";
   margin: 0;
   padding: 0;
}

.bottom-header {
   box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid #80808075;
   background: #2a78f91c;
}

.header {
   position: fixed;
   width: 100%;
   background: white;
   z-index: 99;
   top: 0px;
}

.modal_head {
   color: #183565;
   font-size: 18px !important;
   font-weight: 600;
}

.modal_input label {
   font-weight: 600;
   color: #183565;
   margin-bottom: 2px;
   font-size: 14px;
}

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

.main-icon {
   display: flex;
   justify-content: center;
   align-items: baseline;
   color: #f3760b;
   font-size: 18px;
   overflow: hidden;

}

.main-text {
   color: #fff;
   font-size: 11px;
   font-weight: 500;
   line-height: normal;
}

.main-number {
   color: #0e203e;
   padding-top: 8px;
   font-size: 14px;
   cursor: pointer;
   display: block;
   text-decoration: none;
   font-weight: 500;
   margin-bottom: 0px;
}

.main-number:hover {
   color: #0e203e;
}

.main-header_call {
   text-decoration: none;
}

.main-header_call {
   display: flex;
   margin-top: -8px;
}

.main-icon i {
   margin-right: 6px;
   padding-top: 8px;

}

.user-d a {
   font-size: 13.5px;
   font-weight: 600;
   color: #0c2348;
   text-decoration: none;
}

.shop-name {
   font-weight: bold;
   font-size: 20px;
   color: #084298;
}

.tagline {
   font-size: 12px;
   color: #0d6efd;
}

.dropdown-cate {
   position: absolute;
   inset: 0px auto auto 0px;
   margin: 0px;
   transform: translate(4px, 49px);
   overflow-y: scroll;
   height: 459px;
   scrollbar-width: thin;
   scrollbar-color: #054899 #fff;
}

/* Search Bar */
.search-input {
   border: 1px solid #183565;
   border-radius: 5px;
   border-radius: 0px;
}

.search-button {
   height: 37px;
   background: #183565;
   color: white;
   border-radius: 0px;
   border: none;
   font-size: 13px;
   outline: none !important;
   box-shadow: none !important;
}

.user-a i {
   margin-right: 5px;
   font-size: 17px;
   color: #f37306;
}

.suggestions-list {
   list-style: none;
   padding-left: 0;
   position: absolute;
   padding: 0px;
   padding-bottom: 5px;
   font-size: 15px;
   top: 100%;
   left: 0;
   width: 100%;
   max-height: 200px;
   overflow-y: auto;
   border: 1px solid #ccc;
   background-color: #fff;
   display: none;
   /* Hidden by default */
   z-index: 1000;
}

.suggestions-list div:last-child {
   border-bottom: none;
}

.suggestions-list div {
   padding: 10px 10px 6px 3px;
   font-size: 14px;
   cursor: pointer;
   list-style-type: none;
   border-bottom: 1px solid #f0f0f0;
}

.searchInput.active .suggestions-list {
   display: block;
   /* Show the suggestion box */
}

.search-button {
   height: 38px;
   background: #183565;
   ;
   color: white;
   border-radius: 0px;
   ;
   border: none;
   font-size: 13px;
   outline: none !important;
   box-shadow: none !important;
}

.search-input {
   outline: none !important;
   box-shadow: none !important;
}

.user-actions a {
   font-size: 15.5px;
   font-weight: 500;
   color: #0c2348;
   text-decoration: none;
}

.icons i {
   font-size: 19px;
   color: #183565;
}

.email-info i {
   color: #ff7600;
   font-size: 22px;
}

.search-container .search-input {
   height: 37px;
}

.user-actions .border-left {
   border-left: 1px solid #ccc;
   /* Light border */
   height: 24px;
}

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

.icons .badge {
   position: absolute;
   top: -6px;
   left: 11px;
   font-size: 8px;
   border-radius: 50%;
}

.cartbox p {
   margin-bottom: 0px;
   font-size: 12px;
   margin-left: 6px;
}

.cartbox {
   display: flex;
   align-items: center;
}

.account-dropdown-menu {
   min-width: 109px !important;
}

/* Bottom header */
.bottom-header {
   box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.badge {
   padding: 3px 4px !important;
   background-color: rgb(243 115 6) !important;
}

.dropdown-toggle {
   display: flex;
   align-items: center;
}

.dropdown-toggle i {
   margin-right: 8px;
   font-size: 19px;
}

.drop-m {
   font-size: 14px;
   padding: 9px 10px;
   font-size: 14px;
   border-bottom: 1px solid #80808057;
}

.category-button {
   background-color: #f39c12;
   color: white;
   border: none;
}

.book-visit {
   border: 2px solid #d96909;
   background-color: transparent;
   color: #09090a;
   font-weight: 500;
   font-size: 14px;
   /* font-size: 13px; */
   padding: 2px 8px;
   /* margin-right: 21px; */
   cursor: pointer;
   border-radius: 4px;
}

.main-nav .nav-link {
   color: #000000e8;
   font-weight: 500;
   font-size: 16px;
   padding: 13px 10px;
}

.border-left1 {
   border: 1px solid #4c4c4c40;
}

.book-visit i {
   color: #183565;
   margin-right: 5px;
   font-size: 13px;
}

.main-nav .nav-link:hover {
   color: #0d6efd;
}

.dropdown-toggle::after {
   display: none;
}

.dropdown-cate {
   width: 12rem;
}

.logo-img {
   width: 250px;
}

.btn-warning {
   color: #ffffff;
   background-color: #f78727;
   border: none;
   border-radius: 2px;
   border: none;
   border-radius: none;
   padding: 1px 18px;
   font-size: 13px;
}

.dropdown-item {
   white-space: normal !important;
}

.sidebar {
   display: none;
}


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

.floating-buttons a {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 55px;
   height: 55px;
   border-radius: 50%;
   color: #fff;
   font-size: 26px;
   text-align: center;
   transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
   cursor: pointer;
}

.whatsapp-icon {
   background-color: #08cb51;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
   animation: float 3s ease-in-out infinite;
}

.quote-icon {
   background-color: #183565;
   animation: shake 2s infinite;
   /* Changed duration to 2s */
}

.floating-buttons a:hover {
   transform: scale(1.1);
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

@keyframes float {

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

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

@keyframes shake {

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

   20%,
   80% {
      transform: translateX(-4px);
   }

   40%,
   60% {
      transform: translateX(4px);
   }
}

.floating-buttons a i {
   margin: 0;
}


/* side bar */
@media(min-width:300px) and (max-width:1218px) {
   .dropdown {
      position: absolute;
   }

   .description {
      display: none;
   }

   .dropdown a {
      border-bottom: 0px !important;
   }

   #user-mobile {
      justify-content: left !important;
      padding-bottom: 10px;

   }

   #user-mobile li a {
      font-size: 13.5px !important;
      font-weight: 600 !important;
      color: #0c2348 !important;
      text-decoration: none !important;
      padding: 2px 22px !important;
   }

   #user-mobile i {
      display: none !important;
   }

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

   .para2 {
      display: none;
   }

   .sidebar {
      display: block;
   }

   .border-left {
      display: none;
   }

   .main-phone {
      display: none !important;
   }

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

   .btn-warning {
      display: none;
   }

   .main-nav {
      display: none;
   }

   .user-main {
      display: none;
   }

   .email-info {
      display: none !important;
   }

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

   .sidebar {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1090;
      top: 0;
      left: 0;
      background: #183565;
      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: 3px;
      right: 17px;
      font-size: 36px;
      margin-left: 50px;
      background: none;
      border: none;
      color: white;
   }

   .lab-para {
      display: none;
   }

   .heading h1 {
      padding-bottom: 15px !important;
   }

   .lab-para1 {
      display: none;
   }
}

@media(min-width:990px) and (max-width:1218px) {
   .book-visit {
      position: absolute;
      top:12px;
      right: 172px;
   }

   .user-actions {
      right: 67px;
      position: absolute;
   }

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

@media(min-width:768px) and (max-width:991px) {
   .book-visit {
      position: absolute;
      top: 10px;
      right: 172px;
   }

   .user-actions {
      right: 52px;
      position: absolute;
   }

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

   .book-visit {
      position: absolute;
      top: 12px;
      right: 109px;
      padding: 3px 6px !important;
   }

   .para1 {
      display: none !important;
   }

}

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

   .logo-img {
      width: 196px !important
   }



   .user-actions {
      top: 22px;
      right: 52px;
      position: absolute;
   }

   .book-visit {
      position: absolute;
      top: 13px;
      right: 113px;
      padding: 3px 6px !important;
   }

   .search-container {
      margin-top: 13px;
   }

}

@media(min-width:320px) and (max-width:520px) {
   .book-visit {
      display: none;
   }
}

@media(min-width:354px) and (max-width:520px) {
   .logo-img {
      width: 178px !important;
   }
}

@media (min-width: 320px) and (max-width:353px) {
   .logo-img {
      width: 145px !important;
   }
}

/* 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: 10px;
   color: #183565;
}

.action {
   display: inline-block;
   font-size: 20px;
   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;
}

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


.category-box-d {
   width: 20%;
   padding: 10px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.drying-d {

   border-radius: 15px;
   overflow: hidden;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

   background-color: #ffffff;
   position: relative;
}

.category-box-d:hover {
   transform: translateY(-5px);

}

.img-link {
   display: block;
}

.img-wrapper {
   text-align: center;
}

.img-product {
   width: 150px;
   padding: 10px;
   margin-top: 23px;
   margin-bottom: 23px;
   transition: transform 0.3s ease;
}

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

.content-box {
   padding: 0px 12px 13px 12px;
   text-align: center;
}

.product-title {
   text-decoration: none;
   color: #092846;
   padding-bottom: 15px;
   border-bottom: 1px solid #80808085;
   padding-top: 9px;
   text-align: left;
   font-weight: 600;
   font-size: 15.2px;
   margin-bottom: 10px;
   display: block;
   transition: color 0.3s ease;
}

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


.product-title:hover {
   color: #2980b9;
}

.product-info {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 10px;
   color: #7f8c8d;
}

.product-count {
   font-size: 11px;
   color: #504b4b;
}

.arrow-icon {
   font-size: 12.5px;
   color: #f78727;
   transition: color 0.3s ease;
}

.arrow-icon:hover {
   color: #0056b3;
}

.heading h1 {
   text-align: center;
   font-size: 27px;
   font-weight: 600;
   padding-bottom: 3px;
   margin-bottom: 1px;
   color: #f35f06;
   margin-top: 35px;
}

.heading {
   text-decoration: none;
}

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

.lab-para1 {
   font-size: 13px;
   text-align: left;
   color: #6a6868;
   padding-top: 10px;
}

.heading2 {
   text-decoration: none;
}

.product-description {
   /* background-color: #f9f9f9;  */
   border-radius: 12px;

   /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);  */
   transition: box-shadow 0.3s ease;

}

.heading2 h2,
.heading2 h3,
.heading2 h4,
.heading2 h5,
.heading2 h6 {
   font-size: 23px;
   font-weight: 600;
   padding-bottom: 0px;
   text-align: left;
   color: #f35f06;
   position: relative;
   text-transform: capitalize;
}

.heading2 h2::before,
.heading2 h3::before,
.heading2 h4::before,
.heading2 h5::before,
.heading2 h6::before {
   content: "";
   position: absolute;
   bottom: -6px;
   left: 0;
   width: 65px;
   height: 3px;
   background-color: #183565;
}

.main-head-s {
   position: relative;

}


.view-more {
   position: absolute;
   top: -3px;
   right: 0px;
   display: inline-block;
   font-size: 12px;
   font-weight: 400;
   color: #403d3d;
   text-decoration: none;
   padding: 10px 20px;
   /* border: 2px solid #0d6efd; */
   border-radius: 6px;
   transition: background-color 0.3s, color 0.3s;
}





@media(min-width:990px) and (max-width:1200px) {
   .category-box-d {
      width: 25%;
      padding: 0px 5px;
      margin-bottom: 10px;

   }

   .categories-section {
      margin-top: 92px !important;
   }
}

@media(min-width:768px) and (max-width:991px) {
   .category-box-d {
      width: 33.33%;
      padding: 0px 5px;
      margin-bottom: 10px;

   }

   .categories-section {
      margin-top: 94px !important;
   }
}

@media(min-width:320px) and (max-width:767px) {
   .category-box-d {
      width: 50%;
      padding: 0px 5px;
      margin-bottom: 10px;

   }

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

@media(min-width:320px) and (max-width:420px) {
   .img-product {
      width: 114px !important;
      margin-top: 0px !important;
      margin-bottom: 0px !important;
   }

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



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

.drug-main {
   background-color: #ffffff;
   border-radius: 12px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   transition: transform 0.3s, box-shadow 0.3s;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 100%;
   padding-bottom:9px;
}


.image-sec {
   position: relative;
   overflow: hidden;
   text-align: center;
}

.product-drug-img {
   width: 170px;
   padding: 7px;
   height: auto;
   margin-left: 8px;
   margin-top: 44px;
   /* border-bottom: 3px solid #0b7b91; */
   border-radius: 8px;
   transition: transform 0.3s ease;
}

.floating-icons {
   position: absolute;
   top: 15px;
   right: 15px;
   display: flex;
   align-items: center;
   flex-direction: column;
}

.floating-icons button {
   border: none;
   border-radius: 50%;
   cursor: pointer;
   transition: background-color 0.3s;
   background: none;
}

.wishlist-btn i {
   color: red;
}


.drug-info {
   padding: 15px 15px 2px 15px;
   text-align: center;
}

/* 
.drug-info h2,h3,h4,h5,h6 {
   color: #09234e;
   font-weight: 600;
   font-size: 16px;
   text-align: left;
   margin-bottom:2px;
} */

.drug-title h2,
.drug-title h3,
.drug-title h4,
.drug-title h5,
.drug-title h6 {
   text-decoration: none;
   color: #09234e;
   font-weight: 600;
   font-size: 16px;
   text-align: left;
   display: block;
   margin-bottom: 2px;
}

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

.first-rating {
   padding-left: 14px;
   color: #ffb800;
   font-size: 7px;
   padding-bottom: 5px;
}

.rating {
   font-size: 14px;
   color: #f39c12;
}

.specifications-list {
   list-style: none;
    border-radius: 8px;
    padding: 0px 12px 0px 15px;
    font-size: 0.95em;
    margin-bottom: 0px;
    overflow-y: auto;
    height: 50px;
    scrollbar-width: thin;
    scrollbar-color: #054899 #fff;
}

.specifications-list li {
   margin: 3px 0;
   font-size: 12.7px;
}

.spec-label {
   font-weight: 600;
   font-size: 12.6px;
   color: #000000e0;
}

.bottom-section {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 15px;

   border-top: 1px solid #e0e0e0;
}

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

.cart-btn {
   border: 1px solid #2f3c6e;
   background: none;
   color: #04102b;
   /* border: none; */
   border-radius: 5px;
   padding: 5px 9px;
   font-size: 9.10px;
   font-weight: 600;
   display: inline-flex;
   align-items: center;
   transition: transform 0.2s ease, box-shadow 0.2s ease;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   cursor: pointer;
   text-transform: uppercase;
   letter-spacing: 1px;
}

.cart-btn i {
   margin-right: 8px;
   font-size: 12px;
}


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

.cart-btn:hover {
   background-color: #183565;
   color: white;
}

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





@media(min-width:990px) and (max-width:1200px) {
   .drug-box {
      width: 33.33%;
      padding: 0px 5px;
      margin-bottom: 10px;

   }

   .coagulation-section {
      margin-top: 53px !important;
   }
}

@media(min-width:500px) and (max-width:991px) {
   .drug-box {
      width: 50%;
      padding: 0px 5px;
      margin-bottom: 10px;

   }

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

@media(min-width:320px) and (max-width:499px) {
   .drug-box {
      width: 100%;
      padding: 0px 5px;
      margin-bottom: 10px;

   }

   .drug-section {
      margin-top: 39px !important;
   }

   .coagulation-section {
      margin-top: 36px !important;
   }
}

@media(min-width:320px) and (max-width:420px) {
   .drug-section {
      margin-top: 39px !important;
   }

   .coagulation-section {
      margin-top: 36px !important;
   }
}



.pilot-box {
   border-radius: 5px;
   border: 1px solid #51699180;
   overflow: hidden;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   height:100%;
}

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

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

.pilot-box:hover {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Styling for the image box */
.Pilot-r-box img {
   width: 130px;
   height: auto;
   margin-left: 16px;
   padding: 5px;
   /* border-bottom: 3px solid #0b7b91; */
   border-radius: 8px;
   transition: transform 0.3s ease;
}

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

/* Styling for the product card */
.Pilot-card {
   padding: 12px 20px 13px 0px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

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

.pilot-title p {
   font-size: 15px;
   margin-bottom: 0px;
   padding: 6px 0px;
   padding-left: 0px;
   font-weight: 600;
   line-height: 1.3;
   color: #183565;
   padding-bottom: 11px;
}

.pilot-title {
   text-decoration: none;
   color: inherit;
}

/* Table styling */
.tbbs {
   width: 100%;
   border-collapse: collapse;
}

.tbbs td {
   padding: 10px;
   color: #000000e0;
   border: 1px solid #8080806e;
   font-size: 13px;
   font-weight: 500;
}



/* Scroll styling */
.anys-main-scroll {
   max-height: 211px;
   overflow-y: auto;
   border: 1px solid #8080805e;
   padding-top: 10px;
   padding-left: 10px;
   padding-bottom: 0px;
}

.table {
   margin: 0;
}

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

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

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

.wish-list-btn i {
   color: red;
   font-size: 14px;
   padding-top: 6px;
}

.pio-main {
   display: flex;
   justify-content: space-between;
   padding-bottom: 4px;
   align-items: center;
}

.pio-main-sec {
   display: flex;
   justify-content: center;
   align-items: baseline;
}

.pio-rating {
   font-size: 7px;
   color: #f39c12;
   margin: 0 2px;
}

.button-list-container {
   display: flex;
   justify-content: space-between;
   border-top: 1px solid #80808069;
   padding-top: 11px;
   align-items: center;
}
.piol_visit{
   border: 2px solid #d96909;
   background-color: transparent;
   color: #09090a;
   font-weight: 500;
   font-size: 12.9px;
   /* font-size: 13px; */
   padding: 1px 7px;
   /* margin-right: 21px; */
   cursor: pointer;
   border-radius: 4px;
}
.cart-p {
   color: #112440;
   border: none;
   background: none;
   border: 1px solid #112440d4;
   border-radius: 2px;
   padding: 2px 10px;
   font-size: 11px;
   font-weight: 500;
   /* text-transform: uppercase; */
   /* letter-spacing: 1.2px; */
   gap: 6px;
   cursor: pointer;
   transition: none;
}

.cart-p i {
   font-size: 13px;
   color: #112440;
   margin-right: 5px;
}

.cart-p:focus {
   outline: none;
}




.specifications-balances {
   list-style: none;
   padding: 0;
   margin: 0;
   overflow-y: auto;
   height: 78px;
   scrollbar-width: thin;
   scrollbar-color: #054899 #fff;
}

.specifications-balances li {
   font-size: 12.7px;
   color: #333;
   padding-bottom: 5px;
   padding-top: 0px;
   /* padding: 1px 0; */
   border-bottom: 1px solid #e0e0e0;
}

.spec-label1 {

   font-weight: 700;
   font-size: 12.6px;
   color: #4a4848;
}



.specifications-balances li:last-child {
   border-bottom: none;
}


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

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

}


@media(min-width:768px) and (max-width:990px) {
   .Pilot-r-box img {
      width: 156px;
      margin-top: 20px;
      border-bottom: 3px solid #183565 !important;
   }

   .Pilot-card {
      padding: 20px 20px 20px 17px !important;
   }

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

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

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

   .Pilot-r-box img {
      width: 156px;
      margin-top: 20px;
      border-bottom: 3px solid #183565 !important;
   }

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

   .Pilot-card {
      padding: 11px 10px 13px 10px !important;
   }

   .double-sec {
      margin-top: 37px !important;
   }
}

@media(min-width:320px) and (max-width:463px) {
   .pilot-box-sub {
      width: 50%;
      padding: 0px 3px;
   }

   .Pilot-card {
      padding: 11px 10px 13px 10px !important;
   }
}

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

   .Pilot-r-box img {
      width: 140px;
      margin-top: 20px;
   }
}

.lab-spray {
   width: 20%;
   padding: 0px 4px;
   margin-bottom: 10px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.lab-spray-main {
   border-radius: 8px;
    box-shadow: 0px 1px 10px #e5e5e5;
    overflow: hidden;
    border: 1px solid #64748b14;
    padding: 5px 10px 10px 14px;
    border: 1px solid #50586433;
    height: 100%;
    text-align: center;
}

.image-sec {
   position: relative;
}

.image-p img {
   width: 160px;
   object-fit: contain;
   height: 160px;
   padding: 10px;
   margin-top: 20px;
   /* height: auto; */
   margin-bottom: 20px;
   border-radius: 8px 8px 0 0;
   transition: opacity 0.3s ease;
}

.image-p:hover img {
   opacity: 0.8;
}

.lab-spray-btn {
   position: absolute;
   top: 10px;
   right: 4px;
   border: 1px solid #2d477329;
   background-color: rgba(255, 255, 255, 0.8);
   border-radius: 50%;
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.lab-spray-btn button {
   background-color: transparent;
   border: none;
   color: #ff3b30;
   cursor: pointer;
   transition: color 0.3s ease;
}

.lab-spray-btn button:hover {
   color: #e02c1b;
}

.lab-title h2,
.lab-title h3,
.lab-title h4,
.lab-title h5,
.lab-title h6 {
   font-size: 15px;
   font-weight: 500;
   height: 40px;
   padding-top: 0px;
   margin-top: 10px;
   margin-bottom: 16px;
   /* margin: 10px 0; */
   transition: color 0.3s ease;
   color: #122951 !important;
}

.lab-title p {
   font-size: 15px;
   font-weight: 600;
   margin: 10px 0;
   color: #363535;
   transition: color 0.3s ease;
}

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

.lab-title h2:hover {
   color: #007bff;
}
.labtit-visit{
   border: 1px solid #f78727;
    background-color: transparent;
    color: #09090a;
    font-weight: 500;
    font-size: 12.7px;
    /* font-size: 13px; */
    padding: 1px 7px;
    /* margin-right: 21px; */
    cursor: pointer;
    border-radius: 4px;
}
.labtit-visit i{
   margin-right:4px;
}
.lab-spray-rating i {
   color: #f39c12;
   margin-right: 2px;
   font-size: 8px;
}

.lab-spray-main-sec {
   margin-top: 10px;
}





.lab-spray-container {
   display: flex
   ;
       padding-top: 11px;
       justify-content: space-between;
       align-items: baseline;
       border-top: 1px solid #8080804f;
       padding-bottom: 3px;
   }


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

.lab-spray-visible {
   background: #183565e3;
   color: white;
   background-color: none;
   border: 1px solid #18356585;
   border-radius: 30px;
   margin-top: 16px;
   /* border: none; */
   font-weight: 500;
   font-size: 11px;
   padding: 3px 14px;
   /* border-radius: 30px; */
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.lab-spray-visible:hover {
   background-color: #0056b3;
}

.lab-spray-visible i {
   margin-right: 8px;
}


@media(min-width:990px) and (max-width:1200px) {
   .lab-spray {
      width: 25%;
      padding: 0px 5px;
      margin-bottom: 10px;

   }

   .coagulation-section {
      margin-top: 53px !important;
   }
}

@media(min-width:768px) and (max-width:991px) {
   .lab-spray {
      width: 33.33%;
      padding: 0px 5px;
      margin-bottom: 10px;

   }

   .labo-image {
      width: 79px !important;
   }

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

@media(min-width:413px) and (max-width:768px) {
   .lab-spray {
      width: 50%;
      padding: 0px 5px;
      margin-bottom: 10px;

   }

   .drug-section {
      margin-top: 39px !important;
   }

   .labo-image {
      width: 79px !important;
   }
}

@media(min-width:320px) and (max-width:412px) {
   .lab-spray {
      width: 50%;
      padding: 0px 2px;
      margin-bottom: 10px;

   }

   .labo-image {
      width: 79px !important;
   }

   .lab-spray-visible {
      font-size: 10px !important;
      padding: 3px 8px !important;
   }

   .lab-spray-main {
      padding: 4px 6px 16px 4px !important;
   }

   .lab-spray-price {
      font-size: 11px !important;
   }

   .view-more {
      display: none !important;
   }
}












/* Container Styles */
.labo-box {
   padding: 13px 15px 10px 10px;
   border: 1px solid #80808038;
   margin-bottom: 20px;
}



/* Product Image Section */
.testing-box {
   flex: 0 0 33.3333%;
   max-width: 33.3333%;
   position: relative;
}

.labo-r-box {
   background-color: #fff;
   padding: 15px;
   border-radius: 8px;
   transition: transform 0.3s, box-shadow 0.3s;
   overflow: hidden;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}



.product-pio {
   display: block;
   position: relative;
}

.labo-image {
   width: 170px;
   height: 170px;
   object-fit: contain;
   /* height: auto; */
   padding: 5px;
   border-radius: 8px;
   transition: transform 0.3s;
}

.labo-r-box:hover .product-image {
   transform: scale(1.05);
}

/* Product Details Section */
.labo-card {
   background-color: #fff;
   /* padding: 15px 17px 0px 17px; */
   border-radius: 8px;
   position: relative;
}

.product-title2 {
   text-decoration: none;
   color: #333;
   transition: color 0.3s;
}

.product-title2:hover {
   color: #007bff;
}

.product-title2 h2,
.product-title2 h3,
.product-title2 h4,
.product-title2 h5,
.product-title2 h6 {
   font-size: 16px;
   font-weight: 600;
   color: #102a54;
   text-align: left;
}

.product-details p {
   font-size: 12px;
   margin-bottom: 4px;
   font-weight: 400;
}

.product-details p strong {
   font-weight: 500;
   color: #2c2a2a;
   font-size: 13px;
}

/* Rating and Wishlist Button */
.auto-main {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 7px;
}

.auto-rating {
   color: #f39c12;
   margin-right: 2px;
   font-size: 9px;
}

.wish-testing-btn {
   background: none;
   border: none;
   color: #e74c3c;
   font-size: 1.2rem;
   cursor: pointer;
   transition: color 0.3s;
}

.wish-testing-btn:hover {
   color: #c0392b;
}

/* Bottom Section: Add to Cart, Price, Compare */
.bottom-tablet-c {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 20px;
   flex-wrap: wrap;
   gap: 10px;
   border-top: 1px solid #80808075;
   padding-top: 10px;

}

.view-auto-link {
   flex: 1;
}

.view-text-auto {
   background-color: #183565eb;
   color: #fff;
   border: none;
   padding: 4px 15px;
   cursor: pointer;
   font-size: 12px;
   transition: background-color 0.3s;
   display: flex;
   align-items: center;
}

.view-text-auto i {
   margin-right: 5px;
}

.view-text-auto:hover {
   background-color: #218838;
}

.view-text-auto .arrow {
   margin-left: 5px;
   display: flex;
   align-items: center;
}

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



.footer {
   background-color: #5997ff45;
   color: #fff;
}

.footer-logo-section {
   background-color: #ffffff;
   /* Background for the first column */
   color: #000;
   /* Dark text for readability */
}

.footer-logo img {
   max-width: 232px;
   height: auto;
}

.footer h4.footer-title {
   color: #0e2140;
   font-size: 20px;
   font-weight: 600;
   text-align: left;
}

.footer-list ul {
   padding: 0;
}

.footer-list ul li {
   list-style: none;
   margin-bottom: 10px;
}

.footer-list ul li a {
   color: black;
   text-decoration: none;
   font-size: 14px;
}

.copyright p {
   margin-bottom: 0px;
   font-size: 13px;
   padding-top: 12px;
   color: black;
   padding-bottom: 10px;
}

.footer-list ul li a:hover {
   color: black;
   text-decoration: none;
}


.footer-contact ul {
   padding: 0;
   margin: 0;
}

.footer-contact ul li {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
   font-size: 16px;
}

.footer-contact ul li i {
   font-size: 18px;
   margin-right: 10px;
   color: #f37306;
}

.footer-contact ul li a {
   color: black;
   font-size: 14px;
   text-decoration: none;
}

.footer-contact ul li a:hover {
   color: #0d6efd;
}

.footer-contact ul li p {
   margin: 0;
   color: black;
   font-size: 14px;
}

.footer-contact ul li:last-child {
   margin-bottom: 0;
}

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

.footer-contact ul {
   padding-left: 0;
}

.footer-contact ul li {
   list-style: none;
   margin-bottom: 15px;
}



.footer-contact ul li p,
.footer-contact ul li a {
   display: inline-block;
   vertical-align: middle;
   margin: 0;
}



.copyright a {
   color: #fff;
   text-decoration: none;
}

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

.text-theme {
   color: #0d6efd;
}

.footer-main {
   margin-top: 118px;
}



.maincategories-section {
   margin-top: 128px;
}

.para2 {
   font-size: 13px;
   padding: 0;
   margin-bottom: 8px;
   text-align: center;
   color: grey;
}

.heading2 h1 {
   font-size: 24px;
   margin-bottom: 5px;
   font-weight: 600;
   text-align: center;
   color: #f35f06;
   position: relative;
}

.acco-f {
   border: 1px solid #18356530;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}

.accordion-item {
   border: none;
   margin-bottom: 10px;
}

.accordion-header {
   margin: 0;
}

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

.accordion-button {
   font-size: 16px;
   font-weight: 600;
   color: #084298;
   background-color: #fff;
   border: 1px solid #dee2e6;
   border-radius: 6px;
   padding: 12px;
   transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.accordion-button.collapsed {
   background-color: #fff;
   color: #084298;
}

.accordion-button:not(.collapsed) {
   background-color: #0d6efd;
   color: #fff;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.accordion-button:hover {
   background-color: #0a58ca;
   color: #fff;
}

.accordion-button i {
   font-size: 23px;
   color: #183565;
}

.accordion-button:not(.collapsed) i {
   color: #fff;
}

.accordion-body {
   padding: 7px 10px 8px 15px;
   font-size: 13.8px;
   color: #495057;
   border-bottom: 1px solid #80808047;
}

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

.accordion-button:hover {
   background: white;
   color: #084298;
}

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

.accordion-collapse {
   transition: max-height 0.5s ease;
}

.accor-head {
   font-size: 16px;
   margin-bottom: 0px;
   font-weight: 600;
   color: #054374;
   margin-left: 10px;
}



/* Main Container */
.main-categoery-s {
   width: 25%;
   padding: 0px 8px;
   margin-bottom: 12px;
}

.category-inner {
   background-color: #fff;
   border-radius: 15px;
   padding: 0px 15px 21px 15px;
   box-shadow: 0 2px 5px rgb(0 0 0 / 12%);
   text-align: center;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category-inner:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* Image Styling */
.categ-image-b {
   display: block;
   margin-bottom: 15px;
   border-radius: 50%;
   overflow: hidden;
   width: 100px;
   height: 100px;
   margin: 0 auto;
}

.categ-image-b img {
   width: 141px;
   padding: 5px;
}

/* Product Count */
.category-inner p {
   font-size: 11.5px;
   color: #999;
   font-weight: 500;
   margin-bottom: 6px;
   margin-top: 33px;
}

/* Category Title */
.categoryinner-label h2,
.categoryinner-label h3,
.categoryinner-label h4,
.categoryinner-label h5,
.categoryinner-label h6 {
   font-size: 14.7px;
   color: #0a1e3e;
   margin: 0px 0;
   font-weight: 600;
   text-align: center;
}

.categoryinner-label p {
   font-size: 15px;
   color: #183565;
   margin: 0px 0;
   font-weight: 600;
   text-align: center;
}

.categoryinner-label {
   text-align: center;
   text-decoration: none;
}

/* Button (Arrow) Styling */
.read-btn {
   background-color: #18356591;
   /* background: white; */
   display: inline-flex;
   justify-content: center;
   align-items: center;
   height: 22px;
   width: 22px;
   position: absolute;
   top: 195px;
   left: 90px;
   border: 1px solid #8080807d;
   box-shadow: 0px 1px 5px #80808080;
   border-radius: 50%;
   text-align: center;
   color: #ffffff;
   margin-top: 10px;
   transition: background-color 0.3s ease, color 0.3s ease;
   cursor: pointer;
}

.read-btn:hover {
   background-color: #333;
   color: #fff;
}

.read-btn i {
   font-size: 20px;
   transition: transform 0.3s ease;
}

.read-btn:hover i {
   transform: translateX(3px);
}

.main-circk {
   width: 203px;
   height: 203px;
   /* border: 1px solid #18356514; */
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
}


@media(min-width:990px) and (max-width:1200px) {
   .maincategories-section {
      margin-top: 101px;
   }

   .main-categoery-s {
      width: 33.33%;
      padding: 0px 8px;
      margin-bottom: 12px;
   }
}

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

   .maincategories-section {
      margin-top: 95px;
   }

   .main-categoery-s {
      width: 33.33%;

   }

   .acco-f {
      display: none;
   }

}

@media(min-width:541px) and (max-width:767px) {
   .maincategories-section {
      margin-top: 95px;
   }

   .main-categoery-s {
      width: 50%;

   }

   .acco-f {
      display: none;
   }

   .maincategories-section {
      margin-top: 136px;
   }

   .read-btn {
      top: 122px;
      left: 98px;
   }
}

@media(min-width:320px) and (max-width:540px) {
   .maincategories-section {
      margin-top: 95px;
   }

   .main-categoery-s {
      width: 50%;
      padding: 0px 3px;


   }

   .acco-f {
      display: none;
   }

   .maincategories-section {
      margin-top: 136px;
   }

   .main-circk {
      width: 127px;
      height: 127px;
   }

   .read-btn {
      top: 109px;
      left: 88px;
   }
}

@media(min-width:320px) and (max-width:486px) {
   .read-btn {
      display: none;
   }

   .category-inner p {
      margin-top: 20px !important;

   }

   .category-inner {
      padding: 20px 8px 21px 8px !important;
   }
}

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

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

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

.custom-tabs {
   display: flex;
   justify-content: space-around;
   padding: 10px 0;
}

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

.nav-subcate {
   background-color: #52678914 !important;
   border: 1px solid #29447061;
   /* color: black; */
   padding: 3px 7px;
   font-weight: 500;
}

.nav-subcate h2 {
   font-size: 13px;
   margin-bottom: 0px;
   padding: 5px 16px;
   align-items: center;
   border: 1px solid #808080ad;
}

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

.nav-subcate:hover {
   background-color: #183565;
   color: #fff;

}


.nav-subcate {
   background-color: #5c709217 !important;
   padding: 3px 7px;
   font-weight: 500;
   margin-right: 9px;
   border-radius: 0px !important;
   margin-bottom: 8px;
   font-size: 13.7px;
}

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

.inner_btng {
   text-decoration: none;
   color: #102b58;
}

.inner_btng:hover {
   text-decoration: none;
   color: white;
   background-color: rgba(0, 0, 0, 0.5);
   /* Optional: Add a background color */
   transition: background-color 0.3s ease;
   /* Optional: Smooth transition */
}

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

.para1 {
   font-size: 13.7px;
   padding: 0;
   margin-bottom: 8px;
   color: #2c2a2a;
}

/* Subcategories Section */
.subcategories-sec {
   margin: 20px 0;
}

.sub-col {
   padding: 0px 9px;
   margin-bottom: 18px;
}

.main-sub-box {
   padding: 10px 10px 13px 20px;
   border: 1px solid #ddd;
   border-radius: 8px;
}

.subcategories-grid {
   display: grid;
   grid-template-columns: 30% 70%;
   column-gap: 20px;
   align-items: start;
}

.subcat-details {
   padding-left: 10px;
   padding-right: 20px;
}

.sub-title h2,
.sub-title h3,
.sub-title h4,
.sub-title h5,
.sub-title h6 {
   font-size: 16px !important;
    padding-top: 4px;
    font-weight: 600;
    text-align: left;
    color: #183565;
    margin-bottom: 5px;
}

.sub-title p {
   font-size: 15px;
   padding-top: 4px;
   font-weight: 600;
   color: #183565;
   margin-bottom: 10px;

}

/* Structure */
.product-col {
   width: 25%;
   padding: 0px 8px;
   margin-bottom: 16px;
}

.poduct-subc {
   padding: 0px 15px 15px 15px;
}

.poduct-subc h2,
h3,
h4,
h5,
h6 {
   font-size: 15px;
}

.product-box {
   display: flex
;
    flex-direction: column;
    border-radius: 10px;
    justify-content: space-between;
    /* overflow: hidden; */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* position: relative; */
    height: 100%;
    border: 1px solid #888f9b6b;
}

.sub-visit  i{
margin-right:4px;}

/* Image Section */
.product-image {
   position: relative;
   width: 100%;
   border-bottom: 1px solid #ddd;
}

.product-image img {
   width: 165px;
   height:165px;
   object-fit: contain;

   margin-bottom: 12px;
   margin-left: 13px;
}

.cpp2 {
   float: right !important;
}

/* Cart button overlay */


.product-box:hover .product-overlay {
   display: block;
}

.add-to-cart-overlay {
   background-color: #183565db;
   color: white;
   padding: 3px 13px;
   border-radius: 0px;
   font-size: 11.5px;
   border: none;
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.add-to-cart-overlay:hover {
   color: white;
}

.add-to-cart-overlay:hover {
   background-color: #183565db;
   color: white;
}

.add-to-cart-overlay i {
   margin-left: 5px;
}

/* Product Details */




/* Rating */
.product-rating i {
   color: #ffc107;
   font-size: 8px;
}

/* Price and Wishlist */
.product-actions {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
   padding-top: 10px;
}

.product-price {
   font-size: 12.5px;
   margin-bottom: 0px;
   font-weight: 500 !important;
   color: #f34300;
}

.wishlist-btn {
   background-color: none;
   border: 1px solid #ddd;
   height: 35px;
   width: 35px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   cursor: pointer;
   transition: background-color 0.3s ease;
}

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

.product-sub-i {
   display: block;
   text-align: center;
}

.m-right-l {
   float: right !important;
}

.product-specs strong {
   font-size: 13px;
   margin-bottom: 4px;
   color: #0e0d0d;
   font-weight: 500;
}

.product-specs {
   height: 69px;
   overflow-y: auto;
   scrollbar-width: thin;
   scrollbar-color: #183565d6 #fff;
}

.product-specs p {
   font-size: 13px;
   margin-bottom: 4px;
   color: #646161;
   font-weight: 400;
}

.heading3 h1 {
   font-size: 24px;
   margin-bottom: 4px;
   font-weight: 600;
   color: #f37306;
}

.para1 {
   font-size: 13.7px;
   padding: 0;
   margin-bottom: 8px;
   color: #2c2a2a;
}

.heading3 {
   text-decoration: none;
}




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

   .product-col {
      width: 33.33%;
   }

   .para1 {
      display: none;
   }

}

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

   .nav-subcate.active {
      margin-bottom: 8px;
   }

   .product-col {
      width: 50%;
   }

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

@media(min-width:550px) and (max-width:767px) {
   .para1 {
      display: none;
   }

   .product-col {
      width: 50%;
      padding: 0px 4px;
   }

   .nav-subcate.active {
      margin-bottom: 8px;
   }

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

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

@media(min-width:320px) and (max-width:549px) {
   .para1 {
      display: none;
   }

   .product-col {
      width: 100%;
      padding: 0px 4px;
   }

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

   .nav-subcate.active {
      margin-bottom: 8px;
   }

   .nav-subcate {
      margin-bottom: 8px;
   }

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


.catalog-sec {
   margin-top: 127px;
}


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;
   text-align: center;
   padding-top: 11px;
   padding-bottom: 5px;
   border-top: 2px solid #18356540;
   text-align: none;
   font-weight: 600;
   font-size: 15px;
   color: #152b50;
}

.catlog-content ul li {
   margin-bottom: 0px;
}

.cate-a {
   text-decoration: none;
}

.cate-p {
   margin: 0;
   margin: 0;
   text-align: center;
   padding-top: 9px;
   padding-bottom: 5px;
   border-top: 2px solid #18356540;
   text-align: none;
   font-weight: 600;
   font-size: 15px;
   color: #152b50;
}

.cate-b a {
   text-decoration: none;
}

.catlog-content ul li a {
   text-decoration: none;
   color: #424242;
   /* color: #282626; */
   font-weight: 500;
   font-size: 13.2px;
   outline: none !important;
   box-shadow: none !important;
   text-align: center;
   padding: 5px;
   background-color: #fff;
   border-bottom: 1px solid #ddd;
   transition: background-color 0.3s ease, padding-left 0.3s ease;
   display: block;
}

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

.btnp {
   background: #d4dff3;
   width: 100%;
   font-size: 14px;
   font-weight: 500;
   margin-bottom: 5px;
}

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

   .catlog-box {
      columns: 4 !important;
   }

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

   .catalog-sec {
      margin-top: 94px !important;
   }
}

@media(min-width:768px) and (max-width:990px) {
   .catlog-section {
      margin-top: 104px;
   }

   .catlog-box {
      columns: 3 !important;

   }

   .catalog-sec {
      margin-top: 91px !important;
   }
}

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

   .catlog-box {
      columns: 2 !important;

   }

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

   .catalog-sec {
      margin-top: 134px !important;
   }
}

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

   .catlog-box {
      columns: 1 !important;

   }

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

   .catalog-sec {
      margin-top: 134px !important;
   }

}

.catlog-box {
   columns: 4;
   column-gap: 7px;
   border-radius: 15px;
   margin-top: 9px;

}

.cate-b:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.cate-b {
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: auto 1fr auto;
   background-color: #ffffff;
   border: 1px solid #e0e0e0;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s, box-shadow 0.3s;
   border-radius: 12px;
   margin-bottom: 11px;
   padding-bottom: 14px;
   overflow: hidden;
}

.cate-b:hover {
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   transform: translateY(-3px);
}






.product-description-main {
   margin-top: 130px;
}


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

.product-image {
   width: 135px;
   display: flex;
   
   margin-top: 20px;
   border: none;
   margin-bottom: 14px;
   align-items: center;
}
.sub-visit{
   border: 2px solid #d96909ba;
  background-color: transparent;
  color: #09090a;
  font-weight: 500;
  font-size: 13px;

  padding: 2px 8px;
  
  border-radius: 4px;
}
.product-image img {
   width: 165px;
   height:165px;
   object-fit: contain;
   height: auto;
   border-radius: 8px;
   margin-bottom: 4px;
   /* margin: auto 0px; */
   margin-left: 64px;
}

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

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

.headingdc h1 {
   font-weight: 600;
   font-size: 21px;
   margin: 0;
   color: #f35306;
}

.headingdc {
   text-decoration: none;
}

.rev {
   margin-bottom: 0px;
   font-size: 28px;
   color: #000000c7;
}

.total-reviews {
   margin-left: 10px;
   color: #ff8100;
   font-weight: 500;
}

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

.ratings-main {
   border: 1px solid #ddd;
   padding: 20px;
   border-radius: 8px;
   background-color: #fff;
   margin-bottom: 20px;
}

.media {
   display: flex;
   align-items: flex-start;
   margin-bottom: 20px;
}

.media img {
   width: 31px;
   height: 31px;
   border: 1px solid #000d1e30;
   border-radius: 50%;
   margin-right: 10px;
}

.media-body {
   flex-grow: 1;
}

.media-body h5 {
   font-size: 14px;
   color: #333;
   margin-bottom: 0px;
   text-align: left;
}

.rating-avatar {
   /* display: flex; */
   align-items: center;
   padding: 10px 20px;
   background: white;
   border: 1px solid #80808052;
}

.rating1 span {
   color: #ffc20d;
   font-size: 8px;


}

.media-body p {
   font-size: 13px;
   color: #666;
   margin-top: -1px;
}

.mb-2 {
   margin-bottom: 10px !important;
}

.media-body h5 {
   font-size: 16px;
   margin-bottom: 8px;
}


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

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

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

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

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

.main-back {
   background: #86b3d51c;
   box-shadow: 0px 2px 6px #80808045;
   padding: 40px 0px;
}

.detail-imag-1 {

   margin-bottom: 15px;
}

.detail-cart i {
   margin-right: 6px;
}

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

.product-title1 {
   margin-bottom: 5px !important;
}

.product-price-rating2 {
   padding-top: 14px;
   border-top: 1px solid #8080808a;
}

/* Big Image */
.big-image {
   position: relative;
   background: white;
   margin-bottom: 20px;
   display: flex;
   box-shadow: 0px 2px 5px #80808014;
   justify-content: center;
   align-items: center;
}

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

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


.seperator {
   height: 1px;
   background-color: #dbd1d1de;
   margin: 19px 0;
}

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

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

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

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

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

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

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

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

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

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

}

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

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

.button-detail .detail-cart {
   color: #000000;
   margin-left: 20px;
   background: #fff;
   font-size: 13px;
   padding: 4px 12px;
   border-radius: 0px;
   cursor: pointer;
   transition: background-color 0.3s ease-in-out;
   border: 1px solid #628097c9;
   font-weight: 500;
}

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

.slick-slide img {
   width: 88px;
   background: white;
   box-shadow: 0px 2px 6px #8080801f;
}

.slick-slide {
   height: auto !important;
}



.review-section {
   padding: 32px 34px 46px 34px;
   background-color: #f9f9f9;
   border: 1px solid #e0e0e0;
   border-radius: 5px;
   margin-bottom: 50px;

}

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



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

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

.media {
   margin-bottom: 20px;
}

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

.media-body h5 {
   font-size: 15px;
   color: #333;
   margin-bottom: 0px;

}




/* 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: 18px;
   color: #0d2246;
}

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


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

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

.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;
   margin-top: 10px;
   color: #fff;
   background-color: #183565;
   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: #092e4a;
   margin-bottom: 0px;
}

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


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

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

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

.progress {
   height: 10px;
}

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

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

.media {
   margin-bottom: 20px;
}





.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(11 59 96 / 85%) !important;
}

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

.ratingg {
   border: 1px solid #ddd;
   padding: 16px 16px 0px 15px;
   border-radius: 8px;
   background-color: #fff;
   margin-bottom: 20px;
}




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



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

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







/* Tab Navigation */

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

.nav-tabs .nav-link {
   font-size: 14.5px;
   border: 1px solid #0b3b60a6;
   color: #06233a;
   font-weight: 600;
   padding: 3px 20px;
   margin-bottom: 7px;
   margin-right: 7px;
   margin-left: 0px;
   border-radius: 0px;
}

.nav-tabs .nav-link.active {
   color: #183565;
   margin-bottom: 10px;
   margin-right: 7px;
   border-radius: 0px;
   margin-left: 0px;
   font-weight: 600;
   /* background-color: #0b3b60; */
   border: 1px solid #f77506;
}

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

.bdt_table strong {
   font-weight: 600;

}

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

.rating1 {
   margin-top: -5px;
}

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

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

.tab-spe-main {
   border: 1px solid #10677142;
   padding: 20px;
}

.product-features {
   list-style-type: none;
   padding-left: 0px;
   margin-top: 14px;
}


/* Tab Content */
.tab-content {

   border-top: none;
   background-color: #fff;
   border-bottom-left-radius: .25rem;
   border-bottom-right-radius: .25rem;
}

/* Table Styles */
.bdt_table table {
   margin-bottom: 0;
}

.bdt_table table thead th {
   background-color: #084298;
   color: #fff;
   border: none;
}

.strong {
   font-weight: 600;
}

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

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

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


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

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









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

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

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

ul li {
   margin-bottom: 4px;
   font-size: 14px;
}

ul li i {
   color: #084298;
   margin-right: 10px;
}

.subcate-image img {
   width: 133px;
   margin-top: 36px;
   border: none;
   box-shadow: none;
   margin-bottom: 28px;
}

.features-s {
   margin-bottom: 0px;
   font-size: 14px;
   margin-top: 10px;
}

.product-title1 h2,
.product-title1 h3,
.product-title1 h4,
.product-title1 h5,
.product-title1 h6 {
   line-height: 1.3;
   padding-left: 11px;
   font-size: 15.5px;
   display: block;
   text-align: center;
   padding-top: 5px;
   border-left: 0px;
   border-right: 0px;
   text-align: left;
   color: #081426;
   background: none;
   text-decoration: none;
   font-weight: 600;
}

.subcate-image {
   border: 1px solid #80808036;
}

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

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

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

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

.m-right-sub {
   color: #094f84 !important;
}


.headding  {
   font-weight: 600;
   font-size: 21px;
   margin: 0;
   padding-bottom: 10px;
   color: #0c1f4e;
   text-align: left;
}

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

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

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

.slick-next {
   right: 15px;
}

.slick-prev {
   left: 15px;
}

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

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

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

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

}

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

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

   .product-description-main {
      margin-top: 152px;
   }

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

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

   .product-desc {
      padding: 10px 10px 28px 3px !important;
   }
}

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


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


.wishlist-container {
   width: 33.33%;
   align-items: center;

   padding: 0px 9px;
   margin-bottom: 16px;
}

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

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

.wishlist-image-section {
   padding: 15px;
   display: flex;
   justify-content: center;
   align-items: center;
}

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

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

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

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

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

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

.wishlist-product-title p {
   font-size: 14.7px;
   font-weight: 600;
   padding-bottom: 4px;
   padding-right: 15px;
   color: #091f44;
   margin-bottom: 0px;
}

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

.wishlist-delete i {
   font-size: 9px;
   position: absolute;
   top: 3px;
   right: 0px;
   color: #dc3545;
   cursor: pointer;
}



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

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

strong {
   font-weight: 600;
}

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

.wishlist-add-to-cart-container {
   display: flex;
   padding: 2px 10px;
   /* padding-left: 33px; */
   align-items: center;
   margin-top: 15px;
   border-radius: 4px;
   border: 1px solid #80808075;
   position: relative;
   /* border: none; */
   background: none;
}

.wishlist-add-to-cart {
   color: #183565;

   /* width: 20px; */
   /* font-size: 20px; */
   /* height: 20px; */
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   transition: background-color 0.3s ease-in-out;
   cursor: pointer;

   transition: background-color 0.3s ease-in-out;
}

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

.wishlist-add-to-cart i {
   font-size: 13px;
   color: green;
}

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

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



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

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

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

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

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

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

}

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

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






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

.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: 105px;
   height: auto;
   border-radius: 8px;
}

.cart-details-section {
   position: relative;
   flex: 2;
   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: 15px;
   font-weight: 600;
   color: #00385e;
   margin-bottom: 10px;
}

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

.cart-product-title {

   text-decoration: none;
}

.cart-delete {
   color: #e74c3c;
   font-size: 8px;
   cursor: pointer;
   position: absolute;
   right: 14px;
   top: 18px;
}

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

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

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

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

.quantity-btn {

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

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

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

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

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

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

.cart-s-m th {
   font-weight: 600;
   font-size: 16px;
   color: #064475;
   border: 0 !important;
   padding-top: 9px !important;
   padding-bottom: 13px !important;
}

.tp-cart-price1 {
   width: 126px;
}

.tp-cart-price1 span {
   color: #f06e0a;
   font-size: 16px;
   font-weight: 500;
}


.cart-totals table tr td:nth-child(1) {
   font-size: 15px;
   color: #2d2d2d;
   text-align: left;
}


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

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

.total-p {
   font-weight: 500;
   font-size: 19px;
   color: #fc840a;
}

.sub-cart {
   padding-left: 0px;
}

.subtotals-cart {
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   padding: 30px;
   border: 1px solid #b5cae342;

}

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

.cart-s {
   font-size: 15px;
   font-weight: 600;
   color: #f33d06;
   margin-bottom: 26px;
}

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

   font-weight: 500;
   color: #000;

}

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

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

.text-review {
   width: 90%;
}

.cart-heading h1 {
   font-size: 22px;
   font-weight: 600;
   padding-bottom: 3px;
   margin-bottom: 1px;
   color: #f37306;
   padding-bottom: 10px
}

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

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

   .cart-container {
      width: 100%;
   }

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

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

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

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


/* Container styling */
.registration-container {
   border-radius: 10px;
   /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
   max-width: 1000px;
   margin: 40px auto;
}

.Registration-login-form {
   margin-top: 130px;
}

.login-border {
   border-right: 1px solid #d1d1d1;

}

.main-relative-se,
.registration-main {
   padding: 20px 40px;

}

/* Headings */
.login-heading,
.form-heading {
   font-size: 22px;
   color: #183565;
   margin-bottom: 20px;
   font-weight: 600;
}

.login-button,
.btn-register {
   background-color: #183565;
   color: #fff;
   font-size: 16px;
   padding: 6px 20px;
   border-radius: 6px;
   border: none;
   cursor: pointer;
   transition: background-color 0.3s;
   width: 100%;
   margin-top: 10px;
   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.login-welcome {
   font-size: 15px;
   font-weight: 400;
   color: #73777a;
   margin-bottom: 21px;
}

.login-para {
   float: right;
   padding-top: 10px;
   font-size: 13px;
   text-decoration: none;
}

.login-para a {
   text-decoration: none;
}

/* Form styling */
.form-group {
   margin-bottom: 17px;
}

.registration-label {
   font-size: 13.5px;
   color: #000000;
   font-weight: 500;
   margin-bottom: 2px;
   display: inline-block;
}

.registration-input {
   font-size: 14px;
   padding: 8px 10px;
   border-radius: 6px;
   border: 1px solid #ced4da;
   width: 100%;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   transition: all 0.3s;
}

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

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

   .Registration-login-form {
      margin-top: 111px !important;
   }

}

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

   .Registration-login-form {
      margin-top: 111px !important;
   }

}

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

   .Registration-login-form {
      margin-top: 127px !important;
   }

}



/* General Styles */
.contactus-section {
   margin-top: 124px;


}

/* Contact Information Section */
.contact-info-left {
   background-color: #3564b10f;
   padding: 23px 40px 20px 40px;
   border-radius: 8px;
   box-shadow: none;
   margin-bottom: 28px;
}

.contact-title {
   font-size: 19px;
   font-weight: 600;
   color: #062962e0;
   margin-bottom: 12px;
}

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

.contact-description {
   font-size: 14px;
   color: #666;
   margin-bottom: 22px;
}


.heading-contact h1 {
   padding-bottom: 14px;
   font-size: 24px;
   margin-bottom: 0px;
   font-weight: 600;
   color: #f36806;
}

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


.contact-list {
   list-style: none;
   padding: 0;
}

.contact-list li {
   display: flex;
   align-items: center;
   margin-bottom: 26px;
}

.contact-list i {
   font-size: 24px;
   color: #f78727;
   margin-right: 15px;
}

.contact-list div p {
   font-size: 15px;
   font-weight: 600;
   margin: 0;
   color: #183565;
}

.contact-list div a {
   font-size: 13.5px;
   color: #1b1d20;
   text-decoration: none;
}

.contact-list div a:hover {
   text-decoration: underline;
}

/* Contact Form Section */
.contact-form-right {
   background-color: #ffffff;
   padding: 10px 30px 10px 40px;
   border-radius: 8px;
   box-shadow: none;
}

.form-title {
   font-size: 20px;
   font-weight: 600;
   color: #183565;
   margin-bottom: 30px;
}

.form-input {
   width: 100%;
   padding: 7px 10px;
   font-size: 16px;
   border: 1px solid #a7a1a1;
   border-radius: 4px;
   margin-bottom: 10px;
   background-color: #f9f9f9;
}

.form-input:focus {
   border-color: #084298;
   outline: none;
   background-color: #fff;
}

.btn-submit {
   background-color: #183565;
   color: white;
   padding: 7px 29px;
   border: none;
   border-radius: 4px;
   font-size: 16px;
}

.btn-submit:hover {
   background-color: #0d6efd;
   transition: background-color 0.3s ease;
}

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

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

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








/* profile */

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


/* Main Navigation Styling */
.profile-main-nav .nav-pills .nav-profile-t {
   font-weight: 600;
   color: #183565 !important;
   font-size: 15px;
   margin-right: 22px;
   padding: 5px 3px;
}

.profile-main-nav .nav-pills .nav-profile-t.active {
   color: #183565 !important;
   border-radius: 0px;
   background: none;
   border-bottom: 2px solid #0e235e;
}


.card h1 {
   background: #118dcd0d;
   font-weight: 600;
   color: #0f3f64;
   font-size: 16px;
   padding: 15px;
}

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

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

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

}

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

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

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

.card-header-profile {
   font-weight: 600;
   color: #0f3f64;
   font-size: 16px;
}

.small {
   font-weight: 500;
}

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

.change-heading {
   font-size: 18px;
   color: #183565;
   padding-bottom: 10px;
   font-weight: 600;
}

.change-passwpord-button {
   margin-top: 16px;
   background: #0d4999;
   color: white;
   border: none;
   padding: 6px 23px;
   border-radius: 8px;
}

.delevary-add {
   border: 1px solid #0d499933;
   padding: 20px;
}

.payment-details {
   border: 1px solid #0d499933;
   padding: 20px;
}

@media(min-width:300px) and (max-width:991px) {
   .nav-profile-pills .nav-profile.active::after {
      display: none;
   }

   .card {
      margin-top: 20px;
   }

}

@media(min-width:768px) and (max-width:991px) {
   .profile-section {
      margin-top: 118px;
      margin-bottom: 80px;
   }
}

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

@media(min-width:320px) and (max-width:767px) {
   .profile-section {
      margin-top: 137px !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;
   padding-top: 0px;
   margin-bottom: 18px;
   color: #183565;
}

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

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

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

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

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

.your-order-product ul li {
   display: flex;
   justify-content: space-between;
   margin: 0 0 16px;
   font-size: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

.checkout-d label {
   color: black;
}

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

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

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

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


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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

.your-order-area .place-order a {
   padding: 12px 33px 11px;
   font-size: 15px;
   line-height: 1;
   color: #FFFFFF;
   text-transform: uppercase;
   font-weight: 500;
   width: 100%;
   text-decoration: none;
   display: block;
   text-align: center;
   background-color: #183565;
   border-radius: 3px;
}

.pay-top sin-payment {
   display: flex;
}

.payment-box {
   display: none;
}

#payment_method_1:checked~.payment-box,
#payment-method-2:checked~.payment-box,
#payment-method-3:checked~.payment-box,
#payment-method-4:checked~.payment-box {
   display: block;
}

input[type="radio"]:checked+label+.payment-box {
   display: block;
}

.select-text {
   font-size: 14px;
   padding: 8px 8px;
   color: grey;
}

.section-space {
   margin-top: 154px;
   margin-bottom: 99px;
}

.different-address {
   display: none;
}

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

.payment-order-details {
   width: 38%;
   margin: 0px auto;
}

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

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

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

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

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

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




/* order details */



.orders-container {
   padding-bottom: 23px;
   background-color: #fff;
   width: 80%;
   margin: 0px auto;
   margin-bottom: 30px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

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

.order-details-section {
   padding: 20px;
   margin-bottom: 62px;
   border-radius: 8px;

}

.tracking-p-details h3 {
   font-size: 13px;
   line-height: 1.3;
   margin-bottom: 0px;
   padding-top: 4px;
   color: #081e2e;
}

.tracking-p-details p {
   font-size: 13px;
   font-weight: 500;
   margin-bottom: 0px;
   color: #585252;
   padding-top: 3px;
   margin-left: 35px;
}

.order-main-id h3 {
   font-size: 15px;
   font-weight: 500;
   margin-bottom: 0px;
   color: black;
}

.order-main-class p {
   margin-bottom: 0px;
   font-size: 15px;
   font-weight: 500;
}

.order-main-d {
   background: #0d5b990f;
   display: flex;
   justify-content: space-around;
   align-items: center;
   border-bottom: 2px solid #0d5b9933;
   margin-bottom: 20px;
   padding-bottom: 13px;
   padding-top: 13px;
}

.order-main-id p {
   margin: 0;
   color: #555;
}

.order-main-class h3 {
   margin: 0;
   color: #333;
   font-size: 1.5em;
}

.tracking-order-btn {
   text-align: right;
}

.track-order-p {
   border: none;
   font-size: 12.5px;
   background: #f97d12;
   font-weight: 500;
   padding: 4px 13px;
   color: white;
}

.track-order-p:hover {
   background: #f06e0a;
}

.tracking-p-details a {
   text-decoration: none;
   color: #0e2150;
   font-size: 15px;
   font-weight: 500;
   display: block;
   line-height: 1.3;
   padding-bottom: 4px;
}

.tracking-s-details h3 {
   color: #054899;
   font-size: 16px;
}

.tracking-price-details h3 {
   color: #054899;
   font-size: 16px;
}



.img-t-box img {
   max-width: 98px;
   border-radius: 8px;
   border: 1px solid #4b4f542e;
   transition: transform 0.3s;
}

.tracking-p-details {
   padding-top: 13px;
   padding-right: 20px;
}

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

.btn-rev {
   background: none;
   border: 1px solid grey;
   color: #020f1a;
   margin-top: 13px;
   font-weight: 500;
   padding: 2px 16px;
   font-size: 13px;
   cursor: pointer;
   transition: background-color 0.3s;
}

.order-details-section {
   margin-top: 111px;
}

@media(min-width:768px) and (max-width:991px) {
   .tracking-p-details {

      padding-right: 10px;
   }

   .img-t-box img {
      width: 93PX;
   }

   .tracking-p-details {
      padding-top: 0px;
   }

   .btn-rev {
      padding: 4px 17px !important;
   }

   .tracking-p-details h3 {
      font-size: 15px;
   }

   .orders-container {
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      width: 100%;
      margin: 0px auto;
   }

   .order-details-section {
      margin-top: 82px;
   }
}

@media(min-width:300px) and (max-width:768px) {
   .order-main-d {
      display: block;
   }

   .tracking-order-btn {
      padding-top: 6px;
      text-align: left;
   }

   .content-i-box {
      display: flex;
      justify-content: start;
   }

   .orders-container {
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      width: 100%;
      margin: 0px auto;
   }
}

@media(min-width:991px) and (max-width:1200px) {
   .orders-container {
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      width: 98%;
      margin: 0px auto;
   }

   .btn-rev {
      padding: 4px 19px;
   }

   .order-details-section {
      margin-top: 104px;
   }
}


compare-page .table-wrapper .table {
   border: 1px solid #dddddd;
   text-transform: capitalize;
   color: #333333;
   margin-bottom: 0;
}

.table-wrapper .table th {
   border: 1px solid #abb1b7ad !important;
   vertical-align: middle;
   text-align: start;
   padding-left: 12px;
   font-weight: 600;
   font-size: 14px;
   color: #333333;
}

.th-compare td {
   font-size: 14px;
   font-weight: 500;
   background: #f1f1f1;
   border-right: 1px solid #dddddd;
   letter-spacing: 0.05em;
   padding-left: 20px;
   text-align: center;
}

.th-compare th {
   text-align: left;
   border-bottom: 1px solid #dddddd;
   border-right: 1px solid #dddddd;
   padding-left: 20px;
   vertical-align: middle;
}

.th-compare th .remove-compare {
   text-align: center;
   border: none;
   background: transparent;
   padding: 0;
   font-size: 14px;
   font-weight: 500;
}

.table .product-name {
   width: 15%;
}

.table-wrapper .table tbody tr td {
   padding: 17px;
   vertical-align: middle;
   border-bottom: 1px solid #c6cace;
   border-top: 1px solid #c6cace;
   border-right: 1px solid #c6cace;
   font-size: 14px;
   font-weight: 500;
   color: #383737;
   text-align: center;
   position: relative;

}

.rating-p {
   border-top: 1px solid #8080803d;
   display: flex;
   margin-top: 14px;
}

.rating-n i {
   color: #ff7c09;
   margin-right: -3px;
   font-size: 9px;
}

.grid-link__title {
   font-size: 16px;
   margin-top: 10px;
   font-weight: 500;
}

.product-name h2,
.product-name h3,
.product-name h3,
.product-name h4,
.product-name h5,
.product-name h6 {
   text-decoration: none;
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 0px;
   color: #0c1e3c;
   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: #183565;
   color: white;
   border-radius: 3px;
   font-weight: 500;
}

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

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

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

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

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

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

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

   .compare-padding {
      margin-top: 115px !important;
      margin-bottom: 120px;
   }
}

@media(min-width:768px) and (max-width:990px) {
   .compare-padding {
      margin-top: 99px;
      margin-bottom: 120px;
   }
}

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

   .compare-padding {
      margin-top: 147px !important;
      margin-bottom: 120px;

   }


}

/* forgot password */

.container-box {
   margin: auto;
   padding: 40px;
   width: 35%;
   margin-top: 175px;
   margin-bottom: 92px;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.forgot-input {
   width: 100%;
}

.reset-btn {
   border: none;
   background: #044474;
   padding: 6px 0px;
   width: 100%;
   border-radius: 3px;
   color: #fff;
}

.forgot-text {
   font-size: 14px;
   padding-top: 5px;
   color: #808080e8;
   font-weight: 400;

}

.forgot-heading {
   font-size: 19px;
   color: #083152;
   padding-bottom: 9px;
}

.para-reset {
   color: grey;
   font-size: 14px;
   margin-bottom: 18px;
   padding-right: 10px;
}

.icon-star:hover {
   color: orange;
}

.forgot-p label {
   font-size: 15px;
}

.forgot-p span {
   color: red;
}

@media (min-width: 300px) and (max-width:420px) {
   .container-box {
      margin: auto;
      width: 99% !important;
      margin-top: 144px;
      margin-bottom: 57px;
      padding: 15px 10px;
   }

   .forgot-password {
      margin-top: 158px !important;
   }
}

@media (min-width:421px) and (max-width:767px) {
   .container-box {
      margin: auto;
      width: 91% !important;

   }

   .forgot-password {
      margin-top: 158px !important;
   }
}

@media (min-width:768px) and (max-width:991px) {
   .container-box {
      margin: auto;
      width: 56% !important;

   }

   .forgot-password {
      margin-top: 130px !important;
   }
}

@media (min-width:991px) and (max-width:1200px) {
   .container-box {
      margin: auto;
      width: 52% !important;

   }

   .forgot-password {
      margin-top: 140px;
   }
}



.aboutus {
   margin-top: 129px;
   color: #333;
}


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


.heading3 {
   text-decoration: none;
   padding-left: 5px;
}

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

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


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

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

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


.categoery-3-box {
   margin-top: 78px;
}







.categories-3-main .category-s {
   width: 20%;
   padding: 0px 7px;
   margin-bottom: 10px;
   gap: 20px;
}

.categories-3-main h2,
.categories-3-main h3,
.categories-3-main h4,
.categories-3-main h5,
.categories-3-main h6 {
   font-size: 15px;
   color: #0f2950;
   font-weight: 500;
}

.categories-3-main p {
   font-size: 15px;
   color: #0f2950;
   font-weight: 500;
}

.categories-3-main .cat-3 {

   padding-top: 8px;
   padding-bottom: 14px;
   text-align: center;
   color: #084298;
   font-size: 18px;
   background-color: #fff;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   transition: box-shadow 0.3s ease, transform 0.3s ease;
   border-radius: 5px;
}

.categories-3-main .cat-3:hover {
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
   transform: translateY(-5px);
}

.categories-3-main .cat-3 img {
   width: 118px;
   margin-top: 22px;
   padding-bottom: 18px;
   margin-bottom: 15px;
   border-bottom: 1px solid #cdc4c4;
}



.categories-3-main .category-title {
   padding-top: 5px;
   display: block;
   text-decoration: none;
   padding-bottom: 3px;
   /* padding: 10px; */
   color: #084298;
   font-size: 18px;
   background-color: #fff;
}

.categoery-3-box {
   margin-top: 163px;
}

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




.categoery-five {
   width: 20%;
}

.category-card {
   background-color: #fff;
   border: 2px solid #009688;
   border-radius: 20px;
   padding: 35px;
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
   transition: all 0.3s;
   text-align: center;
}

.category-card:hover {
   transform: scale(1.05);
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.category-image {
   width: 100%;
   border-radius: 20px;
   margin-bottom: 30px;
}

.category-title {
   margin: 0;
   font-size: 2.2em;
   color: #009688;
}




@media(min-width:300px) and (max-width:768px) {
   .categories-3-main .category-s {
      width: 50%;


   }

   .categoery-3-box {
      margin-top: 136px !important;
   }

   .categories-3-main .category-title {
      font-size: 16px;
   }

}

@media(min-width:769px) and (max-width:991px) {
   .categories-3-main .category-s {
      width: 33.33%;

   }

   .categoery-3-box {
      margin-top: 96px !important;
   }
}


@media(min-width:992px) and (max-width:1200px) {
   .categories-3-main .category-s {
      width: 25%;

   }

   .categoery-3-box {
      margin-top: 100px !important;
   }
}

@media(min-width:320px) and (max-width:400px) {
   .categories-3-main .category-s {
      width: 50%;

   }

   .categories-3-main .category-title {

      font-size: 14px;

   }

   .categories-3-main .cat-3 img {
      width: 101px;

   }

   .categoery-3-box {
      margin-top: 136px !important;
   }

}




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

.download_btn {
   color: #ffffff;
   font-weight: 500;
   background: #064362;
   padding: 5px 14px;
   margin-top: 10px;
   font-size: 15px;
   display: inline-block;
   text-decoration: none;
   cursor: pointer;
}

.p_dow {
   font-size: 17px
}

.download_1 {
   font-size: 17px;
   padding-top: 25px;
   color: #0e869e
}

.body1_part1 {
   height: 840px;
   position: relative;
   box-shadow: 0 0 30px rgba(0, 0, 0, .253)
}

.catalog_cover {
   /* background-image: url(../images/catalog-bg.jpg); */
   background-size: cover;
   max-width: 100%;
   background-position: right;
   /* background-position: center; */
   height: 840px;
   margin: auto;
}

.catalog_logo {
   width: 212px;
   float: right;
   margin: 47px 23px 0 84px;
}

.catalog_img {
   width: 40%;
   margin-top: 35px;
   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: #0c244d;
   font-weight: 600;
   margin: 37px 30px 0 20px;
   margin-bottom: 0;
}

.catalog_head h1 {
   font-size: 22px;
   color: #042e50;
   font-weight: 600;
   margin: 70px 30px 0 20px;
   margin-bottom: 0;

}

.catalog_contact {
   color: #fff;
   text-shadow: 1px 0 #00000015;
   margin-left: 15px;
   font-weight: 400;
   text-align: center
}

.body2 {
   height: auto;
   box-shadow: 0 0 30px rgba(0, 0, 0, .253)
}

.body_center {
   margin: 0 25px
}

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

.catalog_subhead {
   color: #0c2e62;
   font-size: 20px;
   font-weight: 600;
   padding: 40px 0 0 10px;
}

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

.tbbs_box table,
td,
th {
   border: 1px solid #00000059;
   margin-top: 5px;
   font-size: 13px;
   padding: 4px;
}

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

.li_loc {
   padding: 0 60px
}

.single-catlog-sec {
   margin-top: 94px;
}

.single-c {
   color: #183565;
   font-size: 14.5px;
   font-weight: 500;
}

.single-c:hover {
   color: #183565;
}


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

}

@media only screen and (min-width:320px) and (max-width:580px) {
   .download_btn {
      border: none;
      cursor: pointer;
      font-size: 17px;
      margin-top: 17px;
      text-decoration: none
   }

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

   .check_icon {
      margin-left: -30px
   }

   .body1_part1 {
      max-height: 840px;
      position: relative;
      box-shadow: 0 0 30px rgba(0, 0, 0, .253);
      margin-top: 0
   }

   .catalog_logo {
      width: 35%;
      margin: 20px 20px 0 0
   }

   .catalog_img {
      width: 55%;
      margin-top: 0
   }

   .catalog_head h1,
   .catalog_head h2 {
      font-size: 22px;
      margin: 0 37px 0 15px
   }

   .catalog_contact {
      margin-bottom: auto;
      margin-left: 5px;
      font-size: 14px
   }

   .body2 {
      height: auto;
      box-shadow: 0 0 30px rgba(0, 0, 0, .253);
      padding: 10px 0 10px 0
   }

   .body_center {
      margin: 0 25px
   }

   .catalog_subhead {
      color: #118dcd;
      font-size: 20px;
      font-weight: 600;
      padding: 40px 0 0 10px;
   }

   .catalog_text {
      margin: 10px 10px 0 0
   }

   .table,
   td,
   th {
      border: 1px solid #000;
      margin-top: 2px
   }

   .table {
      padding-bottom: 10px
   }

   .body3 {
      height: auto;
      box-shadow: 0 0 30px rgba(0, 0, 0, .253);
      padding: 10px 0 10px 0
   }

   .catalog_footerlog {
      width: 40%;
      margin-top: 120px;
      margin-bottom: 10px
   }

   .li_loc {
      padding: 0 15px
   }
}

@media (min-width:576px) and (max-width:768px) {
   .catalog_logo {
      width: 162px;
      float: left;
      margin: 30px 0 0 30px
   }

   .catalog_head h1 {

      margin: 14px 30px 0 20px !important;
   }

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

   .catalog_subhead {
      font-size: 20px;
      padding: 40px 0 0 0
   }

   .li_loc {
      padding: 0 20px
   }
}

@media only screen and (min-width:1000px) and (max-width:1400px) {
   .logo_img {
      width: 180px;
      margin-top: 20px
   }

   .for_ipadpro {
      width: 100%
   }
}


/* 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: #074c81;
   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: 110%;
}

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

.tracking ul>li .txt {
   color: #999;
   position: absolute;
   top: 141%;
   left: -59px;
   text-align: center;
   width: 150px !important;
   font-size: 0.75rem;
}

.bullet-2 {
   background: #074c81 !important;
}

.tracking .progress-0 .color-bar {
   width: 00%;
}

.tracking .progress-1 .color-bar {
   width: 15%;
   background-color: red !important;
}

.tracking .progress-2 .color-bar {
   width: 25%;
}

.tracking .progress-3 .color-bar {
   width: 35%;
}

.tracking .progress-4 .color-bar {
   width: 50%;
}

.tracking .progress-5 .color-bar {
   width: 75%;
}

.card-tracking {
   border: 1px solid #dddddd;
   padding: 30px 27px;
}

.tracking .progress-6 .color-bar {
   width: 90%;
}

.tracking .progress-7 .color-bar {
   width: 100%;
}

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

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

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

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

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

.tracking .progress-1>ul>li.bullet-1 .el i,
.tracking .progress-2>ul>li.bullet-1 .el i,
.tracking .progress-3>ul>li.bullet-1 .el i,
.tracking .progress-4>ul>li.bullet-1 .el i,
.tracking .progress-5>ul>li.bullet-1 .el i,
.tracking .progress-6>ul>li.bullet-1 .el i,
.tracking .progress-7>ul>li.bullet-1 .el i {
   display: block;
}

.tracking .progress-3>ul>li.bullet-2 .el i,
.tracking .progress-4>ul>li.bullet-2 .el i,
.tracking .progress-5>ul>li.bullet-2 .el i,
.tracking .progress-6>ul>li.bullet-2 .el i,
.tracking .progress-7>ul>li.bullet-2 .el i {
   display: block;
}

.tracking .progress-5>ul>li.bullet-3 .el i,
.tracking .progress-6>ul>li.bullet-3 .el i,
.tracking .progress-7>ul>li.bullet-3 .el i {
   display: block;
}

.tracking .progress-7>ul>li.bullet-4 .el i {
   display: block;
}

.tracking .progress-1>ul>li.bullet-1 .txt,
.tracking .progress-2>ul>li.bullet-1 .txt,
.tracking .progress-3>ul>li.bullet-1 .txt,
.tracking .progress-4>ul>li.bullet-1 .txt,
.tracking .progress-5>ul>li.bullet-1 .txt,
.tracking .progress-6>ul>li.bullet-1 .txt,
.tracking .progress-7>ul>li.bullet-1 .txt {
   color: #074c81;

}

.tracking .progress-3>ul>li.bullet-2 .txt,
.tracking .progress-4>ul>li.bullet-2 .txt,
.tracking .progress-5>ul>li.bullet-2 .txt,
.tracking .progress-6>ul>li.bullet-2 .txt,
.tracking .progress-7>ul>li.bullet-2 .txt {
   color: #074c81;
}

.tracking .progress-5>ul>li.bullet-3 .txt,
.tracking .progress-6>ul>li.bullet-3 .txt,
.tracking .progress-7>ul>li.bullet-3 .txt {
   color: #074c81;
}

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

/* demo */
.controls {
   margin: 90px 30px 30px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
}

.controls>div {
   display: flex;
   justify-content: flex-start;
   align-items: space-between;
   margin: 0;
   padding: 0;
}

.controls p,
.controls button {
   border: 0;
   line-height: 20px;
   padding: 15px;
   font-size: 0.8rem;
   text-transform: uppercase;
}

.controls button {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0 6px;
   background: #0082d2;
   color: #fff;
   border-radius: 50px;
   transition: all 0.3s;
}

.controls button:nth-child(1) {
   margin-left: 0;
}

.controls button i {
   font-size: 1rem;
   margin: 0 5px;
}

.controls button#prev {
   padding-right: 30px;
}

.controls button#next {
   padding-left: 30px;
}

.controls button:hover,
.controls button:focus {
   outline: none;
   background-color: #33ddaa;
}

.tracking-page {
   margin-top: 153px;
   margin-bottom: 100px;
}

.mdi-reply {
   margin-right: 5px;
}

.order_pointer.mt-2 {
   display: flex;
   justify-content: space-between;
   margin-top: 20px;
   font-size: 16px;

   font-weight: 500;
   background: #1a89de21;
   padding: 8px 15px;
}

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

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


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

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

   .order_pointer.mt-2 {

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

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

   }

   .cart_contend {

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

}

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

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

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

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

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

}



.thank-you-container {
   text-align: center;
   /* margin-top: 20px; */
   background: #ffffff;
   padding: 40px 30px;
   border-radius: 10px;
   margin-top: 179px;
}

.btn-t {
   color: white;
   background: #183565;
   font-size: 14px;
   padding: 6px 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;
}

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

   .thank-you-container {
      margin-top: 104px !important;
   }
}

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

   .thank-you-container {
      margin-top: 107px !important;
   }
}

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

   .thank-you-container {
      margin-top: 153px !important;
   }
}



/* error */


.error-container {
   margin-top: 100px;
   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: #183565;
   color: white;
   font-size: 14px;
   margin-top: 16px;
   padding: 6px 20px;
}

a.footer-links {
   text-decoration: none;
   color: black;
}

/* .captcha-box {
   padding: 3px 37px;
   border: 1px solid #ccc;
   border-radius: 5px;
   background-color: #f78727;
   font-family: Arial, sans-serif;
   font-size: 16px;
   color: #333;
   text-align: center;
   background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 20px);
   margin-bottom: 10px;
} */

/* a.captacha_refresh {
   color: #006fab !important;
   margin-right: 4px
}
i.fa.fa-refresh.refresh-btn {
   background: #fff;
   padding: 6px 3px;
   left: -4px
}
.input-wrapper {
   display: flex;
   align-items: center;
   border: 1px solid #e6e6e6;
   margin-left: 19px
} */

.input-groups {
   display: flex;
}

.input-wrapper {
   display: flex;
}

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

.captcha-box {
   padding: 6px 22px 4px 27px;
   border-radius: 5px;
   background-color: #f78727;
   font-family: Arial, sans-serif;
   color: #333;
   text-align: center;
   background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 255, 255, 0.1) 10px, rgba(255, 255, 255, 0.1) 20px);
   margin-right: 10px;
}

.prod-captcha-box {
   border: 1px solid #ccc;
   border-radius: 5px;
   background-color: #fd9835;
   font-family: Arial, sans-serif;
   font-size: 16px;
   background-size: 8px 8px;
   color: #333;
   text-align: center;
   position: relative;
   margin-bottom: auto
}

.input-wrapperss {
   display: flex;
   align-items: center;
   margin-left: 5px
}

input#contact_captcha {
   height: 46px;
   margin-top: 10px;
}

.input-wrapper i {
   background: #fff;
   padding: 6px 3px;
   position: relative;
   left: -33px;
   top: 9px;
}

.input-wrapperss i {
   background: #fff;
   padding: 6px 3px;
   position: relative;
   left: -30px;
   top: 2px;
}

.form-input {
   flex: 1;
   margin-right: 5px;
}

/* .captacha_refresh {
   align-items: center; 
   background: none; 
   border: none; 
   cursor: pointer;
} */

.captacha_refresh {
   align-items: center;
   /* background: #bfbdbd; */
   border: none;
   cursor: pointer;
   padding: 2px 4px 5px;
}

.captacha_refresh i {
   font-size: 16px;
   color: #006fab !important;
}

.captacha_refresh:hover {
   color: #007bff;
}

p.text-sm.text-slate-400 {
   text-align: end;
   position: relative;
   top: -18px;
}

/* ==================== */
.addabtn {
   /* position: absolute; */
   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 {
   /* position: absolute; */
   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 */
}

/* Styles for the popup */
.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;
   /* Initially hidden */
}

/* Show the popup and overlay */
.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
}

#shipping_address {
   text-align: end;
}

.approved {
   color: #00abdd;
}

.col-lg-4.track_btng {
   text-align: end;
}

.acc_name {
   font-weight: 500;
}

.acc_head {
   margin-top: 5px;
}

.acc_container {
   /* display: flex;
     justify-content: space-between;
     align-items: flex-start;
     margin-bottom: 0px; */
}

.acc_head {
   flex: 1;
   font-weight: bold;
}

.acc_data {
   /* flex: 3;
     display: flex;
     flex-direction: column; */
   margin-top: 6px;
   font-size: 13px;
   margin-left: 33px;
}

.acc_data div {
   margin-bottom: 5px;
}

.accessories-popup-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   /* Semi-transparent black */
   z-index: 999;
   /* Ensure it is above other elements */
}


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
}

.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;
   /* Restrict height */
   overflow-y: auto;
}

.popup-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #ddd;
   /* padding-bottom: 10px; */
}

.popup-header h3 {
   font-size: 20px;
   margin-bottom: 12px;
}

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

.table-header,
.table-row {
   display: table-row;
}

.header-item,
.table-item {
   display: table-cell;
   padding: 8px;
   border-bottom: 1px solid #ddd;
}

.header-item {
   font-weight: bold;
}

.table-row:hover {
   background-color: #f9f9f9;
}

.cart_close {
   margin-left: auto;
   border: 0 #fff;
   background: #fff
}

/* =================== */

/* Search Bar */
.resultBox {
   display: none;
   /* Initially hidden */
   position: absolute;
   z-index: 1000;
   background: white;
   /* Background color */
   border: 1px solid #ccc;
   /* Border color */
   width: 100%;
   /* Full width */
   max-height: 300px;
   /* Max height for scrolling */
   overflow-y: auto;
   /* Enable scrolling */
}

.results-container {
   display: flex;
   /* Use flexbox for side-by-side layout */
}

.categories-list,
.products-list {
   list-style: none;
   /* Remove bullet points */
   padding: 0;
   /* Remove default padding */
   margin: 0;
   /* Remove default margin */
   flex: 1;
   /* Allow lists to take equal space */
}

.products-list {
   border-left: 1px solid #ccc;
}

.categories-list {
   padding-right: 10px;
   /* Add some spacing */
}

.categories-list li,
.products-list li {
   padding: 5px 10px;
   /* Spacing for list items */
}

.categories-list li:hover,
.products-list li:hover {
   background-color: #f0f0f0;
   /* Highlight on hover */
}




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

a.download_text {
   text-decoration: none;
   color: white;
}

a.download_catalog {
   text-decoration: none;
   color: #183565;
   font-size: 14px;
}

a.download_manual {
   text-decoration: none;
   color: #183565;
}

.blog-padding {
   margin-top: 150px;
}


.account-toggle-password i,
.login-password i,
.toggle-password i {
   color: #aaa;
   background: #fff;
   position: absolute
}

.account-toggle-password i {
   top: 11px;
   font-size: 15px;
   right: 6px;
   position: absolute
}

.password-input-container {
   position: relative;
}

.login-toggle-password i {
   color: #aaa;
   position: absolute;
   top: 2px;
   left: 386px;
   padding: 9px 12px;
   background: #fff;
}

.stars {
   color: #f39c12;
   font-size: 13px
}

.star {
   color: #abaaa9;
   font-size: 13px
}

.product-rating {
   font-size: 7px
}

.log_btng {
   display: block;
   width: 100%;
   font-weight: 800;
   padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
   clear: both;
   font-weight: 600;
   color: #183565;
   text-align: inherit;
   text-decoration: none;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
   border-radius: var(--bs-dropdown-item-border-radius, 0);
}

/* ====Bread Crumb === */
.breadcrumb {
   display: flex;
   list-style: none;
   padding: 6px 15px;
   background-color: #eaeff4;
   border-radius: 5px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
   margin-bottom: 20px;
}

.breadcrumb-item {
   position: relative;
   padding: 0 10px;
}

.breadcrumb-item+.breadcrumb-item::before {
   content: '>';
   color: #6c757d;
}

.breadcrumb-item a {
   text-decoration: none;
   color: #183565;
   transition: color 0.3s ease;
}

.breadcrumb-item a:hover {
   color: #0056b3;
}

.breadcrumb-item.active {
   color: #183565;
   font-weight: bold;
}


@media (max-width: 768px) {
   .breadcrumb {
      padding: 5px 10px;
   }

   .breadcrumb-item {
      padding: 0 5px;
   }

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

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

.accessories-main h5 {
   /* padding-top: 14px;  */
   /* border-top: 1px solid #49597573; */
   /* margin-top: 12px; */
   font-size: 14.4px;
   color: #00385e;
   font-weight: 600;
   margin-bottom: 0px;
}

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

.access-box img {
   width: 65px;
}

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

.Access-price {
   color: #f37306;
   font-size: 12px;
   font-weight: 600;
   margin-bottom: 0
}

.cart_empimg {
   width: 200px;
   margin-top: 100px;
}

.track_img {
   width: 250px;
}

.order_img {
   width: 250px;
   margin-top: 100px;
}

.ordertrack_img {
   width: 350px;
   margin-top: 100px;
}

.category-inner h2,
h3,
h4,
h5,
h6 {
   font-size: 15px;
}

.related-spe {
   list-style: none;
   margin-bottom: 6px;
   font-size: 0.95rem;
   color: #555;
   line-height: 1.6;
   scrollbar-width: thin;
   scrollbar-color: #0f75b9 #fff;
   height: 49px;
   width: 100%;
   overflow-y: auto;
   padding-left: 0px;
}

.related-spe li {
   font-size: 12.6px;
   padding: 0px 13px;
}

.label-electro {
   font-size: 12.8px;
   font-weight: 600;
   color: #222;
   margin-right: 6px;
}

.footer-title {
   color: #0e2140 !important;
   font-size: 20px !important;
   font-weight: 600 !important;
   text-align: left;
}


@media(min-width:991px) and (max-width:1200px) {
   .relat-pro-m {
      width: 33.33%;
   }
}


@media(min-width:768px) and (max-width:990px) {
   .relat-pro-m {
      width: 50%;
   }
}

@media(min-width:320px) and (max-width:767px) {
   .sub-y-r {
      margin-top: 19px;
   }
}

.quantity-input {
   width: 47px;
   margin-left: 5px;
   margin-right: 5px;
   text-align: center;
   border: 1px solid #9d9595;
}




/* Stripe */

.stripe-button {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 10px 20px;
   background-color: #665bffc7;
   /* background-color: #6772e5;  */
   color: white;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   font-size: 16px;
   transition: background-color 0.3s ease;
}

.stripe-button:hover {
   background-color: #665bffc7;
}

.stripe-button-text {
   margin-right: 10px;
}

.stripe-logo {
   width: 73px;
   height: 37px;
}

button.stripe-button {
   width: 100%;
}


.form-check-input:checked {
   background-color: #877fff;
   border-color: #e1dfff;
}

.saveInfo input[type=checkbox]:checked {
   background-color: #877fff;
   border-color: #e1dfff;
   margin-top: 6px;
}

.card-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 15px;
   background-color: #f8f9fa;
   border-bottom: 1px solid #ddd;
}

.card-body {
   padding: 15px;
}

.d-flex {
   display: flex;
   align-items: center;
}

.ms-2 {
   margin-left: 10px;
}

.me-2 {
   margin-right: 10px;
}

.form-check {
   margin: 0;
}

small {
   margin-left: 28px;
   color: #8f8f8f;
}

.stripe_hgh {
   font-weight: 500;
   margin-bottom: auto;
}

label.form-check-label {
   font-weight: 600;
}

.product-item {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin-bottom: 15px;
}

.product-name {
   font-weight: 500;
   /* display: -webkit-box;*/
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   max-width: 300px;
}

.product-qty {
   font-size: 0.9rem;
   /* color: #555; */
}

.summary-price {
   font-weight: 500;
   text-align: right;
}

.order-summary .d-flex {
   justify-content: space-between;
   margin-bottom: 5px;
}

.order-summary p {
   margin: 0;
}

p.summary {
   font-size: small;
   color: #444546;
}

.summary_total {
   font-size: 17px;
   font-weight: 500;
}

#shipping-message {
   background-color: antiquewhite;
}

.accessories-details ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.accessories-details li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 5px;
}

.accessory-name {
   text-align: left;
}

.accessory-price {
   text-align: right;
   font-weight: 500;
}

.acc_head {
   font-weight: 500;
   margin-left: 32px;
}

.heading-title-products h1 {
   text-align: center;
   margin-top: 30px;
   margin-bottom: 30px;
}


/* Tooltip styles */
.pro-cart-btn .tooltip {
   visibility: hidden;
   width: 200px;
   background-color: rgba(0, 0, 0, 0.75);
   color: #fff;
   text-align: center;
   border-radius: 5px;
   padding: 5px;
   position: absolute;
   z-index: 1;
   right: 11%;
   margin-top: -46px;
   opacity: 0;
   transition: opacity 0.3s;
}

.pro-cart-btn:hover .tooltip {
   visibility: visible;
   opacity: 1;
}


.attributes-list {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
   list-style: none;
   padding: 0;
   margin: 0;
}

.attributes-list li {
   /* padding: 5px 10px; */
   border-radius: 5px;
   font-size: 14px;
   white-space: nowrap;
}


/* Floating label style */
.form-floating {
   position: relative;
}

.form-floating input,
.form-floating textarea {
   /* padding-top: 1.5rem; */
}

.form-floating label {
   position: absolute;
   /* top: 0.75rem; */
   /* left: 1rem; */
   font-size: 1rem;
   color: #6c757d;
   pointer-events: none;
   transition: all 0.2s ease;
}

.form-floating input:focus,
.form-floating textarea:focus,
.form-floating input:not(:placeholder-shown),
.form-floating textarea:not(:placeholder-shown) {
   padding-top: 0.75rem;
}

.form-floating input:focus+label,
.form-floating textarea:focus+label,
.form-floating input:not(:placeholder-shown)+label,
.form-floating textarea:not(:placeholder-shown)+label {
   top: -0.5rem;
   font-size: 0.75rem;
   color: #007bff;
}

a.order-name {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   max-width: 300px;
}

.order-main-class .order_f {
   font-size: 14px;
   font-weight: 500;
   color: #253d4e;
}

.order_f {
   display: flex;
   justify-content: space-between;
   margin-bottom: 29px;
}

.container.heading-title-products {
   margin-top: 150px;
}

.ord-cont h1 {
   text-align: center;
}

.track_ord h1 {
   text-align: center;
}

.spec_detail {
   font-size: 12px;
}

.cate-b h2,
h3,
h4,
h5,
h6 {
   margin: 0;
   text-align: center;
   padding-top: 11px;
   padding-bottom: 5px;
   /* border-top: 2px solid #18356540; */
   text-align: none;
   font-weight: 600;
   font-size: 15px;
   color: #152b50;
}

/* =============================================== */

/* User Manual  */

.haed_manuals a h2,
.haed_manuals a h3,
.haed_manuals a h4,
.haed_manuals a h5,
.haed_manuals a h6,
.haed_manuals a p {
   font-size: 15.5px;
   color: #ffffff;
   background: #2a7893;
   padding: 5px;
   margin: 0px;
   height: 51px;
   font-weight: 500;
   /* letter-spacing: 0.2px; */
   line-height: 20px;
}

.haed_manuals a {
   text-decoration: none;
}

img.img_manuals {
   width: 100%;
}

.user-manuals-box {
   border: 1px solid #2a789375;
   padding: 0px;
   border-radius: 4px;
}

.user {
   text-align: center;
   /* padding: 15px; */
}

section.user-manuals {
   padding: 40px;
   margin-top: 120px;
}

input#pdfSearch {
   margin: 10px 0px;
   border: 2px solid #52636a;
   font-size: 14px;
   background: white;
}


ul.itemes_Manuals {
   margin: 0px;
   padding: 0px;
   overflow: auto;
   height: 1000px;
   border: 1px solid #b4cdd9;
}

.haeding_manuals h1 {
   font-size: 27px;
   font-weight: 600;
   color: #28414a;
}

li.pdf-item a h2,
li.pdf-item a h3,
li.pdf-item a h4,
li.pdf-item a h5,
li.pdf-item a h6,
li.pdf-item a p {
   font-size: 14px;
   color: #333;
   font-weight: 400;
}

li.pdf-item {
   list-style-type: none;
   margin: 0px;
   padding: 4px 10px;
   border-bottom: 1px solid #b5bdc0;
}

li.pdf-item a {
   text-decoration: none;
   list-style: none;
}

.for_ipadpro {
   border: 1px solid #f8f9f9;
   background: #f8f9f9;
}

span.catalog_head h2 {
   padding: 10px 0px;
   font-size: 23px;
   text-align: center;
   color: #2a7893;
   font-weight: 600;
   margin: 10px 0px;
}


::-webkit-scrollbar {
   width: 7px;
   height: 7px
}

::-webkit-scrollbar-thumb {
   background: #3c5174;
   border-radius: 6px
}


::-webkit-scrollbar-track {
   background: #eee
}


@media screen and (max-width:991px) {
   section.user-manuals {
      padding: 10px;
   }
}

.itemes_Manuals {
   list-style: none;
   padding: 0;
   margin: 0;
   max-height: 400px;
   overflow-y: auto;
   padding-right: 15px;
}

.pdf-item {
   margin-bottom: 10px;
}

.pdf-item a {
   text-decoration: none;
   color: inherit;
}

.pdf-item h3 {
   margin: 0;
   font-size: 16px;
}

/* ================================================== */

/* Blog */

/* Categories sidebar */
.categories {
   background-color: #f8f9fa;
   padding: 15px;
   border-radius: 5px;
}

.categories-heading {
   font-size: 1.5rem;
   margin-bottom: 15px;
}

.categories-list {
   list-style: none;
   padding: 0;
}

.categories-list li {
   margin-bottom: 10px;
}

.categories-list a {
   text-decoration: none;
   color: #007bff;
}

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

/* Blog post styling */
.blog-post {
   background-color: #fff;
   padding: 20px;
   border-radius: 5px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.blog-post h1 {
   font-size: 2rem;
   margin-bottom: 10px;
   color: #054899;
}

.blog-date {
   font-size: 0.9rem;
   color: #6c757d;
   margin-bottom: 15px;
}

.blog-content {
   font-size: 1rem;
   /* Base size, adjust as needed */
}

@media (max-width: 768px) {
   .blog-content {
      font-size: 0.875rem;
      /* Smaller size for smaller screens */
   }
}


.blog-post img {
   max-width: 100%;
   height: auto;
   border-radius: 5px;
   width: 100%;
}

/* Pagination styling */
.pagination {
   justify-content: center;
}

.btn-primary {
   background-color: #007bff;
   border: none;
   color: white;
   padding: 10px 15px;
   text-decoration: none;
   border-radius: 5px;
}

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

/* =================================================================== */

/* Website Blog  */

.blog_header {
   text-align: center;
}

/* Categories sidebar */
.categoriesss {
   background-color: #f8f9fa;
   padding: 42px;
   border-radius: 8px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   max-height: 300px;
   /* Adjust this value as needed */
   overflow-y: auto;
   /* Enable vertical scrolling if content exceeds max-height */
}

.categories-heading {
   font-size: 1.5em;
   margin-bottom: 20px;
   color: #054899;
}

/* Styles for the categories list */
.categories-list {
   list-style: none;
   padding: 0;
   margin: 0;
}

.category-item {
   border-bottom: 1px solid #e0e0e0;
   display: flex;
   align-items: center;
   padding: 10px 0;
}

.category-item:last-child {
   border-bottom: none;
}

.category-link {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: #333;
   font-size: 1em;
   transition: background-color 0.3s, color 0.3s;
   width: 100%;
}

.category-link:hover {
   background-color: #e9bb8d;
   color: #fff;
}

/* Icon Container */
.icon-container {
   display: inline-block;
   width: 20px;
   height: 20px;
   margin-right: 10px;
   background-color: #fc840a;
   border-radius: 50%;
   text-align: center;
   line-height: 20px;
   color: #fff;
   font-weight: bold;
   font-size: 14px;
   transition: background-color 0.3s;
}

/* Icon container hover effect */
.category-link:hover .icon-container {
   background-color: #fc840a;
}

/* Blog post styling */
.blog-post {
   background-color: #fff;
   padding: 20px;
   border-radius: 8px;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
   margin-bottom: 20px;
   position: relative;
   transition: background-color 0.3s, transform 0.3s;
   margin-top: 10px;
   /* Ensure space above blog posts */
}

.blog-post:hover {
   background-color: #f1f1f1;
   transform: translateY(-5px);
}

.blog-content {
   font-size: 0.9rem;
   color: #424242;
   background-color: #f9f9f9;
   border-radius: 5px;
   display: -webkit-box;
   -webkit-line-clamp: 6;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
}

.blog-title {
   font-size: 1.5rem;
   /* Adjusted size for readability */
   color: #054899;
   text-decoration: none;
   transition: color 0.3s;
   font-weight: 600;
}

.blog-title:hover {
   color: #0056b3;
}

.blog-date {
   font-size: 0.8rem;
   /* Smaller font size for the date */
   color: #6c757d;
   margin-bottom: 15px;
}

.blog-post img {
   width: 100%;
   height: auto;
   border-radius: 5px;
   margin-bottom: 15px;
}

/* Pagination styling */
.pagination {
   justify-content: center;
   margin-top: 20px;
   margin-bottom: 20px;
}

.pagination .page-item {
   margin: 0 5px;
}

.pagination .page-link {
   padding: 10px 15px;
   border-radius: 5px;
   background-color: #007bff;
   color: white;
   text-decoration: none;
}

.pagination .page-link:hover {
   background-color: #0056b3;
}

.pagination .page-item.active .page-link {
   background-color: #0056b3;
   border-color: #0056b3;
}

.pagination .page-item.disabled .page-link {
   background-color: #e0e0e0;
   color: #6c757d;
   cursor: not-allowed;
}

.all_posts {
   font-family: Arial, sans-serif;
}

.post-heading {
   font-size: 1.5em;
   margin-bottom: 20px;
   color: #054899;
   text-align: center;
   font-weight: 600;
}

.post-list {
   list-style: none;
   padding: 0;
   margin: 20px;
   text-align: center;
}

.post-item {
   background-color: #f9f9f9;
   border: 1px solid #ddd;
   border-radius: 5px;
   margin-bottom: 10px;
   padding: 15px;
   transition: background-color 0.3s, transform 0.3s;
}

.post-item:hover {
   background-color: #eaeaea;
   transform: scale(1.02);
}

.post-link {
   text-decoration: none;
   color: #007BFF;
   font-weight: bold;
}

.post-link:hover {
   color: #0056b3;
}

.centered-message {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
   /* Full viewport height */
}

.no-blogs-container {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
   /* background-color: #f8d7da;  */
   background-size: cover;
   background-position: center;
   color: #721c24;
   text-align: center;
   color: #054899;
   font-weight: 600;
}

.no_blog_text {
   font-weight: 600;
}

.no_blog {
   text-align: center;
}

/* ========================================================== */

.accessory-image {
   width: 70px;
}

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

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

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

.acces_image {
   width: 50px;
}

/*catalog btn*/
.sub-cat-catalog {
   border-radius: 3px;
   display: inline-block;
   color: #06265a;
   font-weight: 500;
   cursor: pointer;
   line-height: 26px;
   font-size: 14px;
   text-decoration: none;
}

.get-visit {
   border: 1px solid #d96909;
   background-color: transparent;
   color: #09090a;
   font-weight: 500;
   font-size: 14px;

   padding: 1px 7px;

   cursor: pointer;
   border-radius: 4px;
}

.get_cq {
   display: flex;
   justify-content: space-between;
   padding: 0px 14px;
   align-items: center;
   border-top: 1px solid #697ea163;
   padding-top: 8px;
}
.get-visit i{
   margin-right:4px;
}
.sub-cat-catalog i{
   color: #fb7c0f;
   font-size: 15px;
}
.piol_visit i{
   margin-right:6px;
}

.pd_catg{
   text-decoration: none;
   text-align: left;
}

.banner {
   display: flex;
   flex-wrap: wrap;
   margin-left: 10px;
 }
 
 .banner-img {
   max-width: 100%;
   height: auto;
   border-radius: 8px;
 }
 
 .banner_sec{
   margin-top: 10px;
 }

 /*.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);
  }
}
.nano_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%;
  }
}
/**/