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

.sidebar {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1090;
   top: 0;
   left: 0;
   background: #094aab;
   overflow-x: hidden;
   padding-top: 60px;
}

.sidebar a {
   padding: 10px 15px;
   text-decoration: none;
   border-bottom: 1px solid #f9fafb5c;
   font-size: 15px;
   display: block;
   transition: 0.3s;
}


.close-sidebar-btn {
   position: absolute;
   top: 1px;
   right: 18px;
   font-size: 36px;
   margin-left: 50px;
   background: none;
   border: none;
   color: white;
}

#header-bottom-box {
   box-shadow: rgb(0 0 0 / 20%) 0px 25px 20px -22px;
   padding: 0px;
}

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

.phone-n {
   color: white;
   font-size: 14px;
   text-decoration: none;
   font-weight: 500;
   display: flex;
   align-items: center;
}

.phone-n i {
   margin-right: 8px;
   animation: shake 2s infinite;
}


@keyframes shake {

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

   25% {
      transform: rotate(15deg);
   }

   50% {
      transform: rotate(-15deg);
   }

   75% {
      transform: rotate(15deg);
   }
}

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

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





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

.floating-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 55px;
   height: 55px;
   border-radius: 15px;
   background-color: #25d366;
   color: #fff;
   font-size: 24px;
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   cursor: pointer;
   text-decoration: none;
}

.whatsapp-btn {
   background-color: #25d366;
}

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

.floating-btn:hover {
   box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
}

.floating-btn i {
   pointer-events: none;
   transition: transform 0.3s ease;
}

/* WhatsApp icon shake */
.whatsapp-btn:hover i {
   animation: shake-whatsapp 0.5s ease-in-out infinite;
}



/* Get a Quote icon shake */
.quote-btn i {
   animation: shake-quote 0.8s ease-in-out infinite;
}

@keyframes shake-quote {

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

   25% {
      transform: translateX(-3px);
   }

   50% {
      transform: translateX(3px);
   }

   75% {
      transform: translateX(-2px);
   }
}



.text_icon {
   margin-top: 3px;
   color: #707070;
   font-size: 11px;
}

.get-l {
   font-size: 14.8px;
   margin-bottom: 2px;
   font-weight: 500;
}

.main-m-h {
   font-size: 21px;
   color: #036a78;
   font-weight: 600;
}

.model-quote {
   margin-top: 5%;
}

.get-btn {
   background: #006c79;
   color: white;
   padding: 6px 19px;
}

.get-quote-btn {
   border: none;
   background: #027c89;
   color: white;
   color: #ffffff;
   padding: 6px 10px;
   font-size: 14px;
   border-radius: 3px;
}

.get-header {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 12px;
}

@media (min-width:768px) and (max-width: 822px) {
   .get-quote-btn {
      padding: 6px 8px !important;
      font-size: 13px !important;

   }
}



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

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

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

}

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

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

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

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

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





.searchInput input {
   height: 38px;
   width: 100%;
   border-radius: 15px;
   outline: 0;
   padding: 0 12px;
   font-size: 13.4px;
   border: 1px solid #2c3892;
}

.searchInput .searchButton {
   position: absolute;
   right: 0px;
   top: 0px;
   font-weight: 500;
   height: 39px;
   width: 39px;
   color: #0c3466;
   border: none;
   border-radius: 0 3px 3px 0;
   cursor: pointer;
   background: none;
   font-size: 15px;
}

.searchInput .resultBox {
   position: absolute;
   width: 100%;
   background-color: #fff;
   border: 1px solid #ccc;
   border-top: none;
   max-height: 200px;
   overflow-y: auto;
   z-index: 1000;
   display: none;
   /* Hidden by default */
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
   border-radius: 0 0 4px 4px;
}

.searchInput.active .resultBox {
   display: block;
   /* Show when there are suggestions */
}

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

.resultBox li:hover {
   background-color: #f0f0f0;
}

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






.submenu a,
ul.submenu {
   padding: 5px
}


/* whatsapp */

@keyframes pulseAnim {
   0% {
      transform: scale(1);
      opacity: 0.7
   }

   50% {
      transform: scale(1.2);
      opacity: 0.4
   }

   100% {
      transform: scale(1);
      opacity: 0.7
   }
}

.float {
   position: fixed;
   width: 50px;
   height: 50px;
   bottom: 20%;
   right: 7px;
   background-color: #25d366;
   color: #FFF;
   border-radius: 50px;
   text-align: center;
   font-size: 30px;
   /* box-shadow: 2px 2px 3px #999; */
   z-index: 100;

}

.pulse {
   z-index: 0;
   position: fixed;
   content: '';
   bottom: 150px;
   right: 3px;
   width: 60px;
   height: 60px;
   border-radius: 100%;
   background-color: #25d366;
   animation-name: pulseAnim;
   animation-duration: 3s;
   animation-iteration-count: infinite;

}

.my-float {
   margin-top: 10px;

}

@media (min-width: 300px) and (max-width: 1200px) {
   .open-sidebar-btn {
      display: block;
   }

   .about_section {
      display: none;
   }

   .modern-filters {
      display: none;
   }

   .m-para {
      display: none;
   }

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

   .header__menu {
      display: none;
   }

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


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

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

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

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

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

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

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

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



}


.float-container {
   position: fixed;
   bottom: 30%;
   right: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   width: auto;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
}

.getquote-p {
   margin-bottom: 0px;
   font-size: 14px;
}

.float-container a {
   z-index: 99;
   display: flex;
   width: 200px;
   height: 42px;
   margin-right: -159px;
   margin-bottom: 10px;
   padding: 10px 16px;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   text-decoration: none;
   color: white;
   border-color: #46b8da;
   border-radius: 5px 0 0 5px;
   background-color: #0e8fa9;
   -webkit-box-shadow: 0 2px 4px #7d7d7d;
   box-shadow: 0 2px 4px #7d7d7d;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;

}

.geta-quote {
   border: none;
   background: none;
}

.float-container a:hover {
   margin-right: 0;
   background-color: #0e8fa9;

}




.icon.two:before {
   content: "\f086";
}



@media(min-width:1201px) {
   .get-q-main {
      display: flex;
      justify-content: center;
   }
}


@media(min-width:768px) and (max-width:990px) {
   .img-logo {
      width: 174px !important;
   }

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

}



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


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

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


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


.searchInput {
   position: relative
}

.header__menu ul {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;

}

.header__menu ul li {
   display: inline;
   margin-bottom: 0px;
}

.bottom-h {
   padding: 4px 0px;
   background: white;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

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

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

.top_mail {
   color: #0b6f83 !important;
   text-decoration: none;
   margin-left: 8px;
   font-size: 15px;
   font-weight: 500;
}

.nav_table i {
   color: #0e8299;
   font-size: 22px;

}

.header__menu ul li a {
   position: relative;
   color: black;
   text-decoration: none;
   font-weight: 500;
   margin-right: 18px;
   font-size: 15.5px;
}

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

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

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

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

.btn-outline {
   padding: 6px 15px;
   z-index: 100;
   background-color: #ff6600;
   border: none;
   font-weight: 500;
   font-size: 12.2px;
   border-radius: 15px;
   color: #fff;
   position: relative;
   overflow: hidden;
   transition: transform 0.3s ease-in-out;
}


@keyframes borderChange {
   0% {
      border-color: transparent;
   }

   50% {
      border-color: #ffffff;
   }

   100% {
      border-color: transparent;
   }
}


.btn-outline::before {
   content: '';
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.2);

}

.btn-outline:hover {
   transform: scale(1.10);
}



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


.bottom-header {
   background: #5094f03d;
   padding: 3px 0px;
}

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


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

.header .nav-subcate a {
   color: #fff;
   text-decoration: none;
   margin: 0 10px;
   font-weight: bold;
}

.header .contact-info span {
   display: block;
   margin: 0 10px;
}

.header .get-quote {
   background: #fff;
   color: #084298;
   border: none;
   padding: 10px 20px;
   border-radius: 4px;
   cursor: pointer;
   font-weight: bold;
}

.header .get-quote:hover {
   background: #0d6efd;
   color: #fff;
}

header {
   background: white;
}

.nav-table-d {
   display: flex;
}

.img-logo {
   width: 208px;
}

/* modal */

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

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

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

.dwn-cat {
   font-size: 14px;
   /* margin-right: 10px; */
   color: #e9293c;
   margin-left: 10px;
}

.btnc:hover {
   color: #053741;
}

.modal_input label {
   font-weight: 600;
   color: #0c436e;
   margin-bottom: 1px;
   font-size: 15px;
}

.captcha_image_2 img {
   width: 123px !important;
   height: 35px !important;
   margin-right: 10px;
   margin-left: 5px !important;
}

.cont1 {
   font-size: 14px;
   background: white;
}

.custom-form-group label {
   display: inline-block;
   font-size: 13.6px;
   color: #072856;
   font-weight: 500;
}

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

.modal_btn {
   color: #fff;
   background-color: #1373bd;
   margin-top: 0px;
   margin-bottom: 13px;
   padding: 8px 15px;
   border-radius: 3px;
   border: 1px solid #ffffff8f;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: .1px;
   position: relative;
   width: 100%;
}

.cont {
   margin-bottom: 20px;
}

.phone-header2 {
   display: flex;

   align-items: center;
}

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

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

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

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

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

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

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

.phone-header,
.phone-mail {
   display: flex;

   align-items: center;

   transition: background-color 0.3s, transform 0.3s;
}

.email-phone-main {
   display: flex;
   justify-content: end;
}


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

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

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

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

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

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



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

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

.breadcrumb-item a {
   text-decoration: none;
   color: #007bff;
   font-weight: 500;
   padding: 5px 5px;
}

.breadcrumb-item a:hover {
   color: #0056b3;
   text-decoration: underline;
}

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

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

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

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

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

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



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

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


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


.icon-wrapper i {
   color: #2c3892;
   font-size: 18.6px;

   transition: color 0.3s ease;
}

.user-profile i {
   color: #ff5722;
   font-size: 19px;
   margin-right: 4px;
   transition: color 0.3s ease;
}

.icon-wrapper p {
   margin: 0;
   font-size: 13px;
   font-weight: 500;
   color: #1b256f;

}

.bottom-icons {
   display: flex;
   justify-content: end;
   align-items: center;

}

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

.icon-wrapper .badge {
   position: absolute;
   top: -4px;
   margin-left: 14px;
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
   width: 14px !important;
   height: 13px !important;
   padding: 0px !important;
   transform: translateX(-50%);
   background-color: #ff6600;
   color: #fff;
   font-size: 7px;
   border-radius: 50%;
   line-height: 1;
}


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




.dropdown .fa-user {
   font-size: 15px;
   color: #ffffff;
   cursor: pointer;
}

.user-profile {
   display: flex;
   justify-content: center;
   align-items: center;
   border-right: 1px solid #16519ba6;
}

.user-profile p {
   font-size: 15px;
   color: #07336e;
   margin-right: 13.7px;
   margin-left: 0px;
   font-weight: 600;
   margin-bottom: 0px;
   cursor: pointer;
   padding-top: 3px;
}

.dropdown-menu {
   background-color: #ffffff;
   border: none;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.dropdown-menu {
   min-width: 8rem !important;
}

.dropdown-menu .dropdown-item {
   color: #3682b7 !important;
   padding: 6px 16px;
   font-size: 13px;
   font-weight: 500;
   text-align: center;
}



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

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



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

.cart-wrapper:hover {
   color: white
}


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

   .icon-wrapper i {
      color: #183565 !important;
      font-size: 18px;
   }

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

   .user-profile {
      display: none;
   }

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

   .border-l {
      display: none;
   }

   .phone-header {
      display: none;
   }

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

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

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

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

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

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

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

}

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

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

   .btn-outline {
      position: absolute;
      right: 19%;
      top: 18%;
   }

   .btn-outline {
      padding: 6px 13px !important;
   }
}

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

   .btn-outline {
      position: absolute;
      top: 6px;
      right: 32%;
   }

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

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

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

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

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

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

}

.banner-image img {
   width: 100%;

}

/* compare */



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


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

.action--compare-add:hover .action__text--invisible,
.action--download:hover .action__text--invisible {
   color: #ddd;
   font-size: 16px;
   letter-spacing: 0;
   background: #2F3035;
   border-radius: 2px;
   padding: 3px 5px;
}

.action--compare-add:hover {
   color: #0e8299;
}

.action--compare-add .fa-check,
.action--compare-add :checked~.fa-square {
   display: none;
}

.action--compare-add input[type=checkbox]:checked~.fa-check {
   display: inherit;
   color: #009688;
}

.action--compare-add .fa-check,
.action--compare-add input[type=checkbox]:checked~.fa-plus {
   display: none;
}

.check-hidden {
   position: absolute;
   opacity: 0;
}

.action {
   display: inline-block;
   font-size: 13px;
   white-space: nowrap;
   cursor: pointer;
   border: none;
   background: transparent;
   text-align: center;
   font-weight: 500;
}

.action:focus {
   outline: none;
}

.m-right i {
   font-size: 13px;
}

.action__text {

   font-weight: 500;
   letter-spacing: 1px;
   font-size: .813em;
   vertical-align: middle;
   display: inline-block;
}

.action__text--invisible {
   position: absolute;
   top: 100%;
   opacity: 0;
   pointer-events: none;
}

.compare-top {
   position: fixed;
   top: 153px;
   right: 20px;
   z-index: 1099;
}

.btn-compare,
.btn-compare:hover {
   background-color: #004aad;
   color: #ffffff !important;
   font-size: 14px;
}

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

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

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

}

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





.category-container {
   width: 20%;
   padding: 0px 5px;
   margin-bottom: 11px;
}

.category-card {
   text-align: center;
   background-color: #fff;
   padding: 20px 20px 3px 20px;
   border: 1px solid #bed9fd;
   border-radius: 10px;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   height: 100%;
}

.category-title {
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 5px;
   color: #0c3060;
   text-decoration: none;
}

.about_section {
   font-size: 13px;
   margin-bottom: 0;
   text-align: left;
   color: #333131;
   margin-bottom: 60px;
}

.category-underline {
   display: block;
   margin: 8px auto;
   width: 30px;
   height: 2px;
   background-color: #ff6600;
}

.category-items {
   color: #666;
   font-size: 11px;
   margin-top: 8px;
   margin-bottom: 0px;
}

.category-image {
   width: 190px;
   height: 190px;
   padding: 10px;
   object-fit: contain;
   margin-top: 8px;
   margin-bottom: 10px;
   border-radius: 10px;
}

.featured-products-title {
   font-size: 22px;
   font-weight: bold;
   margin-top: 40px;
}

.view-more {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 15px;
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
   color: #333333d4;
   transition: color 0.3s
}

.view-more:hover {
   color: #f4b243;
}

.view-more i {
   margin-left: 5px;
   font-size: 11px;
   color: #ff6600;
}

.m-para {
   font-size: 13px;
   margin-bottom: 8px;
   text-align: center;
   color: grey;
}

.heading h1 {
   text-align: center;
   font-size: 25px;
   font-weight: 600;
   padding-bottom: 3px;
   margin-bottom: 1px;
   color: rgb(255 102 0);
}

.heading {
   text-decoration: none;
}

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


.heading2 h2,
.heading2 h3,
.heading2 h4,
.heading2 h5,
.heading2 h6 {
   text-decoration: none;
   font-size: 22px;
   font-weight: 600;
   display: inline-block;
   color: #ff5722;
   position: relative;
}

.heading2 h2::before,
.heading2 h3::before,
.heading2 h4::before,
.heading2 h5::before,
.heading2 h6::before {
   content: '';
   width: 54px;
   height: 2px;
   position: absolute;
   background: #004aad;
   bottom: -3px;
}

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




.airbone-main {
   margin-top: 58px;
   position: relative;
}

.view-all {
   position: absolute;
   top: 5px;
   right: 71px;
   font-size: 12px;
   text-decoration: none;
   color: #0a3772;
}

.view-all i {
   margin-left: 3px;
   color: #ff6600;
}




.arrow-header {
   position: relative;
}

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

}

.airborne-card {
   border: 1px solid #ddd;
   border-radius: 8px;
   padding: 8px 11px 11px 11px;
   background-color: #fff;
   display: flex;
   justify-content: space-between;
   height: 100%;
   flex-direction: column;
   transition: box-shadow 0.3s;
}

.airborne-card:hover {
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.airborne-title h2,
.airborne-title h3,
.airborne-title h4,
.airborne-title h25 .airborne-title h6 {
   text-decoration: none;
   color: #063572;
   font-weight: 600;
   font-size: 14.7px;
   text-align: left;
   display: block;
   cursor: pointer;
   margin-bottom: 2px;

}

.airborne-title p {
   text-decoration: none;
   color: #063572;
   font-weight: 600;
   font-size: 14.7px;
   text-align: center;
   cursor: pointer;
   text-align: left;
   display: block;
   margin-bottom: 2px;
}

.airborne-image {
   width: 180px;
   height: 180px;
   object-fit: contain;
   padding: 10px;
   border-radius: 5px;
   margin-bottom: 7px;
}

.airborne-rating {
   display: flex;


   margin-bottom: 6px;
}

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

.airborne-rating i {
   font-size: 9px;
   color: #ffa500;
}

.airborne-rating .badge {
   font-size: 9px !important;
}

.airborne-actions {
   display: flex;
   justify-content: space-between;
   margin-top: 0px !important;
}


.airborne-specifications {
   text-align: left;
   /* padding: 5px 10px 10px 15px; */
   /* background-color: #f8f9fa; */
   border-radius: 5px;
   max-height: 127px;
   overflow-y: auto;
   scrollbar-width: thin;
   scrollbar-color: #7d89ab9c #fff;
   margin-bottom: 10px;
}

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

.specification-item {
   margin: 5px 0;
   font-size: 13px;
   line-height: 1.5;
   color: #333;
}

.specification-label {
   font-size: 13px;
   font-weight: 600;
}

.airborne-actions {
   display: flex;
   gap: 15px;
   margin-top: 15px;
}

.airborne-actions {
   display: flex;
   gap: 15px;
   margin-top: 20px;
}

.btn-addtocart,
.btn-wishlist {
   display: flex;
   align-items: center;
   padding: 3px 12px;
   border: none;
   border-radius: 4px;
   cursor: pointer;
   font-size: 13px;
   font-weight: 500;
   transition: background-color 0.3s, transform 0.2s;
}

.btn-addtocart {
   background-color: #004aad;
   color: white;
   box-shadow: 0 2px 4px rgb(0 123 255 / 8%);
}

.btn-addtocart:hover {
   background-color: #0056b3;
   transform: translateY(-1px);
}

.btn-wishlist {
   background-color: white;
   color: #333;
   border: 1px solid #ced4da;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-wishlist:hover {
   background-color: #e2e6ea;
}

.btn-addtocart .bi {
   margin-right: 8px;
   font-size: 13px;
}

.btn-wishlist i {
   color: red;
   margin-right: 8px;
   font-size: 13px;
}



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

.baths-main {
   margin-top: 58px;
}





.product-container {
   padding: 0px 5px;
   width: 33.33%;
   margin-bottom: 14px;
   /* padding: 20px; */
   border-radius: 8px;
   background-color: #fff;
}

.bath-inner {
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   border: 1px solid #e0e0e0;
   padding: 9px 17px 9px 7px;
   height: 100%;
}

.product-image {
   border-radius: 8px;
}



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

.product-name p {
   text-decoration: none;
   color: #063572;
   font-weight: 600;
   font-size: 16px;
   text-align: left !important;
   display: block;
   margin-bottom: 2px !important;
}

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

.detail-item {
   margin-bottom: 2px;
   font-size: 13px;
}

.detail-label {
   font-weight: 600;
   font-size: 13px;
}

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

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

.rating-text {
   margin-left: 5px;
   font-weight: bold;
}

.price-tag {
   font-size: 1.2rem;
   color: #333;
   font-weight: 600;
}

.action-buttons {
   display: flex;
   gap: 20px;
   margin-top: 15px;
}

.bath-cart {
   padding: 3px 8px;
   background: none;
   border: 1px solid #004aad6e;
   color: #0d284c;
   /* width: 46%; */
   font-size: 13px;
   font-weight: 600;
}

.btn-favorite {
   background: none;
   color: red;
   border: none;

   border-radius: 6px;
   font-size: 12px;


}

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


.bath-cart:hover {
   background-color: #0056b3;

   box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
}

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


.bath-image {
   display: block;

}

.button-text {
   margin-left: 8px;
}

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

.bath-image img {
   width: 148px;
   height: 148px;
   padding: 7px;
   object-fit: contain;
}

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

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

}

.particle-card-alt {
   transition: transform 0.3s ease;
   border: 1px solid #ddd;
   border-radius: 8px;
   background-color: #fff;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   height: 100%;
}

.particle-card-alt:hover {
   transform: translateY(-5px);
}

.particle-card-content {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 4px 12px 14px 12px;
   text-align: center;
}

.particle-image-alt img {
   width: 200px;
   height: 200px;
   padding: 10px;
   border-radius: 6px;
   margin-bottom: 4px;
}

.particle-details-alt {
   margin-top: 10px;
}

.particle-title-alt h2,
.particle-title-alt h3,
.particle-title-alt h4,
.particle-title-alt h5,
.particle-title-alt h6 {
   font-size: 15.5px;
   font-weight: 600;
   color: #0b3060;
   margin-bottom: 10px;

}

.particle-title-alt p {
   font-size: 15.5px;
   font-weight: 600;
   color: #0b3060;
   margin-bottom: 10px;
}

.particle-title-alt {
   text-decoration: none;
}

.particle-specifications-alt {
   max-height: 89px;
   overflow-y: auto;
   padding: 10px 10px 0px 10px;
   text-align: left;
   scrollbar-width: thin;
   scrollbar-color: #afb7cc #fff;
   border: 1px solid #ddd;
   border-radius: 6px;
}

.particle-spec-list {
   list-style-type: none !important;
   padding-left: 0px;
}

.particle-spec-item {
   font-size: 12px;
   color: #333;
   margin-bottom: 8px;
   padding-left: 0px;
   position: relative;
}


.particle-spec-item strong {
   font-weight: 600;
   font-size: 13px;
   color: #262525;
}

.particle-specifications-alt::-webkit-scrollbar {
   width: 8px;
}

.particle-specifications-alt::-webkit-scrollbar-thumb {
   background-color: #27ae60;
   border-radius: 10px;
}

.particle-specifications-alt::-webkit-scrollbar-track {
   background-color: #e0e0e0;
}


.particle-price-alt {
   font-size: 13px;
   font-weight: 500;
   color: #f90000;
   margin-top: 10px;

}

.particle-actions-alt {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background-color: #0f70f314;
   padding: 3px 15px;
   border-top: 1px solid #ddd;
}

.particle-cart-btn-alt .bi {
   margin-right: 3px;
}

.particle-rating-alt {
   font-size: 13px;
   color: #f39c12;
}

.particle-cart-btn-alt,
.particle-wishlist-btn-alt {
   background: none;
   color: #0c3a78;
   font-weight: 600;
   border: none;
   cursor: pointer;
   font-size: 13px;
   /* padding: 8px 12px; */
   border-radius: 5px;
   transition: background-color 0.3s ease;
}

.particle-wishlist-btn-alt i {
   color: red;
   font-size: 16px;
}

.particle-cart-btn-alt:hover {
   background-color: #27ae60;
   color: #fff;
}



.footer-middle {
   background-color: #96bdf045;
   color: #ffffff;
   padding-top: 20px;
   margin-top: 100px;
   border-top: 2px solid #6eacff;
}

.footer-content {
   margin-bottom: 5px;
}

.footer-section {
   margin-bottom: 20px;
}

.footer-logo-box {
   background-color: white;
   border-radius: 0px;
   padding: 11px 20px 20px 20px;
   box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
   border: 1px solid #8080805e;
}


@media(min-width:991px) and (max-width:1200px) {
   .category-container {
      width: 25%;

   }

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

   .airbone-main {
      margin-top: 40px !important;
   }

   .airborne-container {
      width: 33.33% !important;
   }

   .baths-main {
      margin-top: 39px !important;
   }

   .product-container {
      width: 50% !important;
   }

   .particle-main {
      margin-top: 51px !important;
   }

   .particle-main-box {
      width: 33.33% !important;
   }
}

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

   .category-container {
      width: 33.33% !important;
   }

   .airbone-main {
      margin-top: 33px !important;
   }

   .airborne-container {
      width: 50%;
   }

   .baths-main {
      margin-top: 34px !important;
   }

   .bath-cart {
      width: 61% !important;
   }

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

   .product-container {
      width: 50% !important;
   }

   .particle-main {
      margin-top: 36px !important;
   }

   .particle-main-box {
      width: 50% !important;
   }
}

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



   .category-card {
      line-height: 1.2 !important;
   }

   .airbone-main {
      margin-top: 30px !important;
   }

   .airborne-container {
      width: 100% !important;
   }

   .baths-main {
      margin-top: 27px !important;
   }

   .product-container {
      width: 100% !important;
   }

   .bath-c {
      padding-left: 19px !important;
      padding-right: 20px;
      margin-top: 10px !important;
   }

   .particle-main {
      margin-top: 34px !important;
   }

   .particle-main-box {
      width: 100% !important;
   }
}

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

   .heading2 h2,
   .heading2 h3,
   .heading2 h4,
   .heading2 h5,
   .heading2 h6 {
      font-size: 19px !important;
   }
}



.footer-logo {
   max-width: 173px;
   margin-bottom: 15px;
}

.footer-description {
   font-size: 14px;
   color: #0d2544;
   margin-bottom: 15px;
}

.footer-contact-info p {
   font-size: 13px;
   margin-bottom: 0px;
   color: #0c294e;
   font-weight: 500;
   margin-bottom: 5px;
   display: flex;
}

.footer-contact-info i {
   margin-right: 8px;
   color: #ff6600;
   font-size: 15px;
}

.con_spa {
   font-size: 17px;
   font-weight: 600;
   color: #13478d;

}

.footer-contact-info a {
   text-decoration: none;
   transition: color 0.3s ease;
   font-weight: 500;
   font-size: 14px;
   color: #0c294e !important;
}

.footer-contact-info a:hover {
   color: #1e8449;
}

.footer-heading {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 15px;
   color: #f60;
}

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

.footer-links li {
   margin-bottom: 8px;
}

.footer-links a {
   font-size: 0.9em;
   color: black;
   text-decoration: none;
   transition: color 0.3s ease;
}

.footer-links a:hover {
   color: #2c3892;
}

.footer-bottom {
   padding: 11px 0;
   border-top: 1px solid #07336e52;
}

.footer-bottom p {
   font-size: 0.8em;
   color: black;
   margin-bottom: 0px;
}

/* Centering content in the sections */
.text-center {
   text-align: center;
}

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


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

   .faq-section {
      padding: 17px 0px !important;
   }

   .review-section {
      margin-bottom: 43px !important;
   }

   .faq-title {
      font-size: 22px !important;
   }
}

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

   .faq-section {
      padding: 15px 0px !important;
   }

   .review-section {
      margin-bottom: 43px !important;
   }

   .faq-title {
      font-size: 22px !important;
   }
}

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

.accordion {
   border: 1px solid #e0e7ec;
}

/* General Accordion Styling */
.accordion-button {
   border: none;
   font-size: 18px;
   font-weight: bold;
   color: #333;
   padding: 12px 20px 3px 20px;
   display: flex;
   align-items: center;
   transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.accordion-button i {
   margin-right: 10px;
   font-size: 1.2rem;
   color: #004aad;

}

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

.accordion-button.collapsed {
   background-color: #ffffff;
   color: #333;
}

.accordion-button:not(.collapsed) {
   background-color: #007bff;
   color: white;
}

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

.accordion-item {
   border: none;
   border-bottom: 1px solid #dee2e6;
}

.acc-categ {
   height: 788px !important;
   overflow-y: auto !important;
}

.accordion-body {
   padding: 3px 20px;
   border-bottom: 1px solid #30578926;
   font-size: 16px;
   line-height: 1.6;
}

.accordion-body a {
   color: #222121;
   font-weight: 500;
   /* color: #000000; */
   text-decoration: none;
   font-size: 13.6px;
   /* font-weight: normal; */
   transition: color 0.2s ease;
}

.accordion-body a:hover {
   color: #007bff;
}

/* Accordion Heading */
.accordion-header {
   margin-bottom: 10px;
}

.accordion-header p {
   margin: 0;
   font-size: 17px;
   font-weight: 600;
   color: #123e78;

}

/* Accordion Flush */
.accordion-flush .accordion-collapse {
   border-top: none;
}

/* Custom Styling for Active Accordion */
.accordion-collapse.show {
   background-color: #1167db08;
}

.accordion-item:last-of-type {
   border-bottom: none;
}

/* Add a professional shadow to the accordion button when hovered */
.accordion-button:not(.collapsed)::after {
   transform: rotate(90deg);
}

.accordion-button:focus {
   box-shadow: none;
}

/* Add spacing and style */
.accordion-item {

   margin-bottom: 0px;
   border-radius: 5px;
   overflow: hidden;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


.accordion-button.collapsed::after {
   transform: rotate(0);
}

.border-L {
   height: 94px;
   width: 1px;
   margin-left: 1px;
   background: #004aad38;
}









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

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

}

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

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

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

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

   .category-container {
      width: 50% !important;
      padding: 0px 6px !important;
   }
}

@media(min-width:320px) and (max-width:399px) {
   .catel-main {
      width: 100% !important;
   }

   .category-container {
      width: 100% !important;
      padding: 0px 6px !important;
   }

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

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



   .card-cate {
      display: block !important;
   }

   .border-L {
      display: none !important;
   }

   .sub-pros-box {
      text-align: center !important;
      padding-left: 0px !important;
   }

}

@media (min-width:320px) and (max-width: 577px) {
   .chemest-card {
      width: 50%;

   }

   .chemest-inner {
      display: block;
   }
}

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

.card-cate {
   display: flex;
   align-items: center;
   border-radius: 6px;
   padding: 0px 15px;
   position: relative;
   box-shadow: 0 2px 5px rgb(0 0 0 / 13%);
}

.content {
   max-width: 60%;
}

.image-box img {
   width: 180px;
   height: 180px;
   padding: 10px;
   margin-right: 0px;
}

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

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

.content h4 {
   margin: 0;
   font-size: 0.9rem;
   color: #777;
   text-transform: uppercase;
   letter-spacing: 1px;
}

.content h3 {
   margin: 10px 0;
   font-size: 1.5rem;
   color: #333;
}

.content p {
   color: #777;
   font-size: 1rem;
}

.image-container {
   max-width: 40%;
}

.image-container img {
   width: 100%;
   height: auto;
}

.shop-now-button {
   text-decoration: none;
   font-size: 10px;
   /* padding: 4px 10px; */
   font-weight: 600;
   border-radius: 10px;
   /* background: #ff6600; */
   color: #ff6600;
}


.suc-cat-b h2,
.suc-cat-b h3,
.suc-cat-b h4,
.suc-cat-b h5,
.suc-cat-b h6 {
   font-size: 15px;
   color: #28456c;
   margin-bottom: 3px;
   font-weight: 600;
}

.suc-cat-b p {
   font-size: 14px;
   color: #28456c;
   margin-bottom: 3px;
   font-weight: 600;
}

.product-catg {
   font-size: 11px;
}




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

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

.modal-body {
   background: #0f197d17 !important;
}

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

.cate-b {
   box-shadow: rgba(99, 99, 99, 0.2) 0px 3px 8px 1px;
   margin: 0 0 7px;
   width: 100%;
   border: 1px solid #0e829933;
   padding: 10px 10px 2px 10px;
   overflow: hidden;
   background: #ffffff;
   overflow: hidden;
}

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

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

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

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

.cate-a h2,
.cate-a h3,
.cate-a h4,
.cate-a h5,
.cate-a h6 {
   margin: 0;
   /* border-bottom: 1px solid #104272d1; */
   /* margin-bottom: 9px; */
   font-weight: 600;
   /* padding-bottom: 12px; */
   font-size: 14.5px;
   color: #083571;
   cursor: pointer;
}

.cate-a p {
   margin: 0;
   /* border-bottom: 1px solid #104272d1; */
   /* margin-bottom: 9px; */
   font-weight: 600;
   /* padding-bottom: 12px; */
   font-size: 14.5px;
   color: #083571;
}

.cate-a {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #004aad9c;
   margin-bottom: 4px;
}

.image-cat-box img {
   width: 64px;
   margin-bottom: 10px;

}

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

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

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

   .catlog-box {
      columns: 3;
   }

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

}

@media(min-width:768px) and (max-width:990px) {
   .catalog-sec {
      margin-top: 0px !important;

   }

   .catlog-box {
      columns: 2;

   }
}

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

   .catlog-box {
      columns: 2;

   }

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

   .order-details-section {
      width: 100% !important;
   }

   .order-details-section {
      padding: 6px 50px !important;
   }

}

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

   .catlog-box {
      columns: 1;

   }

   .order-details-section {
      padding: 6px 50px !important;
   }

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

   .order-details-section {
      width: 100% !important;
   }

}


.lab-para1 {
   font-size: 13.7px;
   color: #2a2929;
   margin-bottom: 0px;

}


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

.categories-inner2 {
   width: 33.33%;
   padding: 0px 6px;
   margin-bottom: 13px;
}

.cpp {
   display: flex;
   justify-content: end;
}

.sub-inner-box {
   position: relative;
   box-shadow: rgb(0 0 0 / 15%) 0px 2px 5px;

   overflow: hidden;
   height: 100%;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   border-radius: 10px;
   background: #ffffff;
   overflow: hidden;
   transition: transform 0.3s, box-shadow 0.3s;

}

.sub-text h2,
.sub-text h3,
.sub-text h4,
.sub-text h5,
.sub-text h6 {
   font-size: 15.2px;
   color: #053472;
   padding-top: 15px;
   line-height: 1.3;
   padding-left: 11px;
   padding-right: 11px;
   font-weight: 600;
   margin-bottom: 0px;
   padding-bottom: 0px !important;
}

.sub-inner img {
   width: 180px;
   height: 180px;
   object-fit: contain;

}

.sub-text p {
   font-size: 15.8px;
   color: #034579;
   padding-top: 15px;
   padding-bottom: 5px;
   line-height: 1.3;
   padding-left: 11px;
   padding-right: 11px;
   font-weight: 600;
   margin-bottom: 0px;
}

.heading2 h1 {
   text-align: left;
   font-size: 24px;
   font-weight: 600;
   margin-bottom: 1px;
   color: #ff6600;
}

.heading2 {
   text-decoration: none;
}

.lab-para2 {
   font-size: 14px;
   color: #4e4c4c;
}

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




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

.table_details td {
   font-size: 13.4px;
   font-weight: 400;
   color: #000000d9;
   border: 1px solid #686565;
}

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

.table_details {
   padding: 10px;
   overflow: auto;
   scrollbar-width: thin;
   scrollbar-color: #0883e1 #ffffff;
   height: 199px;
}

.wish-main-btn {
   background: none;
   border: none;
}

.sub-rating i {
   font-size: 8px;
   color: #ffa604d4;
}

.sub-rating {
   padding: 0px 11px;
}

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

.button-sub-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 5px 10px 9px 12px;
}

.cart-sub {
   font-size: 11px;
   border: none;
   background: #004aad;
   padding: 5px 13px;
   border-radius: 15px;
   color: white;
   font-weight: 500;
}

.wishlist-auto i {
   color: red;

}

.wish-sub-main button {
   border: none;
   background: none;
}

.wish-sub-main i {
   border: none;
   color: red;
   position: absolute;
   top: 10px;
   left: 10px;
   font-size: 14px;
}

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

.anyla-m {
   color: #323232 !important;
   font-weight: 400;
   font-size: 13px;
   margin-bottom: 5px;
   border-bottom: 1px solid #80808061;
   padding-bottom: 7px;
}

.anyla-bio1 {
   padding: 0px 10px;
   margin-top: 10px;
}

.anyla-bio1 {
   padding: 0px 12px;
   margin-top: 10px;
}

.cart-sub i {
   margin-right: 5px;
   color: white;
}

@media(min-width:991px) and (max-width:1200px) {
   .micro-bio {
      height: 155px;
   }

   .categories-inner2 {
      width: 50%;
   }

   .sub-text p {
      padding-top: 24px !important;
   }

   .table_details {
      height: 219px;
   }

}


@media(min-width:768px) and (max-width:990px) {
   .categories-inner2 {
      width: 50%;
   }

   .sub-text p {
      padding-top: 28px !important;
   }

   .table_details {
      height: 183px !important;
   }


}

@media(min-width:620px) and (max-width:767px) {
   .categories-inner2 {
      width: 50%;
      padding: 0px 4px;
   }

   .micro-bio {
      height: 178px;
   }

   .sub-inner img {
      width: 141px !important;
      margin-top: 34px;
      /* text-align: center; */
   }

   .table_details {
      height: 241px;
   }

}

@media(min-width:320px) and (max-width:619px) {
   .categories-inner2 {
      width: 100%;
   }

   .sub-inner img {
      width: 141px !important;

   }

}


.nav-sub-main .new-nav-item.active h2 {
   background-color: #16519b;
   color: #ffffff !important;
   font-weight: 600;
   border: none !important;
}


.nav-sub-main {
   margin-bottom: 20px;
}

.custom-nav-pills .nav-link {
   background-color: #ffffff;

   border-radius: 5px;
   margin-bottom: 10px;
   transition: background-color 0.3s, color 0.3s;
}

.custom-nav-pills .nav-link:hover {
   background-color: #e9ecef;
   color: #495057;
}

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

.new-nav-item {
   text-decoration: none;
}

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

.anys-main-scroll1 {
   max-height: 150px;
   overflow-y: auto;
}


.custom-m {
   margin: 0 auto;
   padding: 1px 20px 20px 20px;
   background-color: #ffffff;
   border-radius: 10px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.filters-section {
   margin-top: 20px;
}

.price-range-filter {
   padding: 15px;
   background-color: #004aad0f;
   border-radius: 10px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.price-range-title {
   font-size: 16px;
   color: #0a2a56;
   font-weight: 600;
   margin-bottom: 10px;
}

.slider-container {
   margin-top: 10px;
}

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

.range-input {
   appearance: none;
   width: 100%;
   height: 6px;
   background: #007bff;
   border-radius: 5px;
   outline: none;
   cursor: pointer;
   margin: 0 1px;
}

.range-input::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background: #ffffff;
   border: 2px solid #007bff;
   cursor: pointer;
}

.range-input::-moz-range-thumb {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background: #ffffff;
   border: 2px solid #007bff;
   cursor: pointer;
}

.price-labels {
   display: flex;
   justify-content: space-between;
   margin-top: 10px;
   font-size: 12px;
   font-weight: 500;
   color: #0b3868;
}

.filter-box {
   margin-top: 20px;
   padding: 15px;
   background-color: #f9f9f9;
   border-radius: 10px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.filter-title {
   font-size: 16px;
   font-weight: 600;
   color: #2c3892;
   display: block;
   margin-bottom: 10px;
   border-bottom: 1px solid #90a2bb73;
   padding-bottom: 6px;
}

.availability-options {
   margin-top: 10px;
}

.availability-item {
   display: flex;

   margin-top: 8px;
}

.custom-checkbox {
   margin-right: 7px;
   width: 13px;
   height: 13px;
}

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

.custom-label {
   font-size: 13px;
   font-weight: 500;
}

.product-item {
   margin-top: 10px;
}

.product-link {
   text-decoration: none;
   color: #2b2d30;
   font-weight: 500;
   display: block;
   font-size: 13px;
   transition: color 0.3s;
}

.product-link:hover {
   color: #0056b3;
}


.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: #004aad;
   color: #ffffff !important;
   font-size: 14px;
}

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

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

.cpp {
   float: right !important;
   border: none !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
}


@media(min-width:991px) and (max-width:1200px) {
   .new-nav-item h2 {
      margin-right: 5px !important;
      padding: 6px 6px !important;
   }

   .custom-m {
      padding: 1px 10px 20px 10px !important;
   }
}

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

   .filter-box {
      display: none !important;
   }
}

@media(min-width:320px) and (max-width:768px) {
   .filter-box {
      display: none !important;
   }
}

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

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



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

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

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

.headingdc {
   text-decoration: none;
}

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



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

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

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

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

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

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



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

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

.product-price-rating2 {
   padding-top: 14px;
   border-top: 1px solid #8080808a;
   display: flex;
   justify-content: space-between;
   margin-top: 14px;
}


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

.big-image img {
   width: 340px;
   height: 340px;
   object-fit: contain;
   border-radius: 10px;
   transition: transform 0.3s ease-in-out;
}

/* .product-desc1 {
   display: flex;
   justify-content: left;
} */

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


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

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

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

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

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

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



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

.details-wishl {
   background-color: transparent;
   border: none;
   padding-top: 5px;
   cursor: pointer;
   margin-left: 20px;
   font-size: 20px;
   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: 1px solid #4e586433;
   cursor: pointer;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.qunt_p {
   width: 48px;
   height: 26px;
   border: 1px solid #bdbfc8;
   display: flex;
   text-align: center;
   margin: 0px 6px;
   border-radius: 3px;
}


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

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

.button-detail .detail-cart {

   background: #ff6600;
   font-size: 13px;
   padding: 4px 17px;
   color: white;
   border-radius: 5px;
   cursor: pointer;
   transition: background-color 0.3s ease-in-out;
   border: none;
   font-weight: 500;

}

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

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

.slick-slide img {
   width: 88px;
   border: 1px solid #4b5a6e1f;
   box-shadow: 0 4px 6px rgb(0 0 0 / 12%);
}

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


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

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



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

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

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

.progress {
   height: 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: 14px;
   color: #121212;
   margin-bottom: 0px;
   padding-top: 8px;
}

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


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

.sub-y-r p {
   font-size: 18px;
   color: #26325e;
   font-weight: 600;
}

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


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

.review-form label {
   font-size: 15px;
   color: #000000e3;
   margin-bottom: 5px;
   font-weight: 500;
}

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

.review-form textarea {
   resize: vertical;
}

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

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

/* Styles for Average Rating Section */
.rating-sec-a {
   background-color: 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 i {
   color: #ffb62f;
   font-size: 9px;
}

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

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

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

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

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

.progress {
   height: 10px;
}

.wrapper h2,
.wrapper h3,
.wrapper h4,
.wrapper h5,
.wrapper h6 {
   font-size: 22px;
   font-weight: 600;
   text-align: center;
   color: #1e4678;
   margin-top: 30px;
   padding-bottom: 5px;
}

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

.wrapper a {
   text-decoration: none;
}

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

.media {
   margin-bottom: 20px;
}

.captcha_image img {
   width: 91px !important;
   height: 30px !important;
   margin-left: 5px !important;
}

.form-control::placeholder {
   font-size: 13px !important;
}

.cap_main {
   display: flex;

   align-items: center;
}


.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(44 101 173) !important;

}

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

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




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



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

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






/* 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: 4px 18px !important;
   margin-bottom: 7px;
   margin-right: 7px;
   margin-left: 0px;
   border-radius: 15px !important;
   border-radius: 4px;
}

.nav-tabs .nav-link.active {
   color: #fff;
   margin-bottom: 10px;
   margin-right: 7px;
   border-radius: 4px;
   margin-left: 0px;
   font-weight: 600;
   background-color: #1255a9;
   border-color: #dee2e6 #dee2e6 #fff;
}

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

.bdt_table strong {
   font-weight: 600;

}

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

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

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

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

.applications {
   border: 1px solid #555e6a4f;
   padding: 15px 10px;
   font-size: 14px;
}

/* Tab Content */
.tab-content {

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

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

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

.strong {
   font-weight: 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: 18px;
   font-weight: 500;
   color: #0d3264;
}

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


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

.expert-btn {
   background: #1e497e;
   border: none;
   border-radius: 4px;
   width: 100%;
   color: white;
   /* margin-top: 8px; */
   font-size: 15px;
   padding: 5px 24px;
   margin-top: 11px;
}

.captcha_input {
   width: 100%;
   font-size: 13px !important;
   margin-left: 3px;
}

.ask-form {
   padding: 8px 10px;
   font-size: 13px !important;
}





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

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

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

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

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


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

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

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

}

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

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

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

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

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

.product-title1 p {
   line-height: 1.3;
   font-size: 16.5px;
   display: block;
   padding-top: 5px;
   border-left: 0px;
   border-right: 0px;
   color: #0b3772;
   text-align: left;
   background: none;
   text-decoration: none;
   font-weight: 600;
}

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

.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: #092c46 !important;
}

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

}

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

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

.product-sub {
   width: 25%;
   padding: 0px 4px;
}

.related_speci {
   scrollbar-width: thin;
   scrollbar-color: #7d89ab #fff;
   height: 66px;
   overflow: auto;
}

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

.slick-next {
   right: 15px;
}

.slick-prev {
   left: 15px;
}

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

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

.action-btn {
   border: none;
}

.sub-main-b {
   border: 1px solid #8080807a;
   padding: 9px 20px;
}

.subcate-image img {
   width: 180px;
   height: 180px;
   object-fit: contain;
   margin-bottom: 0px;
}

.slick-next,
.slick-prev {
   top: 40% !important;
}

.cart-sub-btn {
   border: 1px solid #004aadb3;
   background: none;
   font-weight: 600;
   color: #051122;
   font-size: 12px;
   padding: 2px 7px;
}

.rating-related {
   font-size: 8px;
   color: #ffa604d4;
   padding-top: 15px;

}

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

.faq-section {
   margin-bottom: 60px;
   padding: 30px 0;
   background-color: #e9f4fb47;
}

.faq-title {
   text-align: center;
   font-size: 23px;
   font-weight: 600;
   margin-bottom: 37px;
   color: #1a3b64;
}

.accordion .faq-card {

   border: none;
   margin-bottom: 20px;

   border-radius: 10px;
   transition: all 0.3s ease;
}

.accordion .faq-card:hover {
   transform: translateY(-3px);
}

.faq-btn {
   font-size: 15px;
   font-weight: 600;
   text-align: left;
   width: 100%;
   color: #2b3a42;
   background-color: transparent;
   border: none;
   padding: 13px 20px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;

}

.accordion .faq-btn:hover {
   color: #007bff;
}

.faq-icon {
   font-size: 20px;
   transition: transform 0.3s ease;
   color: #1063d1;
}

.accordion .faq-btn:not(.collapsed) .faq-icon {
   transform: rotate(90deg);
}

.main-assp {
   border: none !important;
}

.faq-answer {
   font-size: 14px;
   color: #555;
   padding: 15px 20px;
   line-height: 1.7;
   border-top: 1px solid #ddd;
   margin-top: 10px;
   background-color: #f9fafb;
   border-radius: 0 0 10px 10px;
}

.faq-inner {
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
   background: #ffffff;
}


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

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

   .nav-spec-tab {
      justify-content: start !important;
   }

}

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

   .nav-spec-tab {
      justify-content: start !important;
   }

   .product-description-tabs {
      margin-top: 25px !important;
   }

   .main-assp {
      display: block !important;
   }
}

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

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

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

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

   .main-assp {
      display: block !important;
   }

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

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

   .headingdc h1 {
      margin-top: 27px !important;
   }

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

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

@media(min-width:320px) and (max-width:1200px) {
   .product-shadow {
      box-shadow: none !important;
      padding: 0px !important;
   }
}



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

}

.heading {
   text-align: center;
   font-size: 36px;
   font-weight: 700;
   color: #333;
}

.contact-inner {
   display: flex;
   justify-content: center;
}

.contact-info {
   background-color: #ffffff;
   /* padding: 30px;
   border-radius: 10px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
}

.contact-details a {
   font-size: 14px;
   margin-bottom: 0px;
   color: #0c294e;
   font-weight: 500;
   text-decoration: none;
}

.contact-info i {
   margin-right: 8px;
   color: #ff6600;
   font-size: 18px;
}

.section-title {
   font-size: 19px;
   margin-bottom: 6px;
   font-weight: 600;
   color: #645e5e;
}

.section-subtitle {
   margin-bottom: 9px !important;
}

.contact-cards {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.section-subtitle {
   font-size: 14px;
}

.contact-details {
   margin-bottom: 0px;
}

.contact-card {
   background-color: #007bff1c;
   color: white;
   padding: 20px;
   border-radius: 8px;
   display: flex;
   align-items: center;

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

.contact-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.contact-icon {

   margin-right: 6px;
}

.contact-link {
   color: #ffffff;
   text-decoration: underline;
}

.contact-form {
   background-color: #ffffff;
   padding: 10px 20px 17px 20px;
   border-radius: 10px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.form-title {
   font-size: 20px;
   color: #0c366e;
   font-weight: 600;
   margin-bottom: 10px;
}

.label-contact {
   font-weight: 500;
   color: #111418;
   font-size: 14px;
}

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

.btn-submit {
   background-color: #004aad;
   color: #fff;
   font-size: 15px;
   padding: 6px 20px;
   border: none;
   border-radius: 5px;
   margin-top: 15px;
   cursor: pointer;
   transition: background-color 0.3s;
}

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

.map-container {
   margin-top: 30px;
   text-align: center;
}

.map-title {
   font-size: 24px;
   margin-bottom: 15px;
}

.map-pattern {
   border: 2px solid #007bff;
   border-radius: 10px;
   overflow: hidden;
}

@media(min-width:500px) and (max-width:768px) {
   .contact-card {
      margin-bottom: 20px !important;
      display: block !important;
   }

   .contact-cards {
      display: flex;
      flex-direction: row !important;
   }

   .contact-card {
      box-shadow: none !important;
   }

   .contact-cards {
      gap: 9px !important;
   }
}

@media(min-width:320px) and (max-width:499px) {
   .contact-card {

      display: flex !important;
   }

   .contact-cards {
      display: flex;
      flex-direction: column !important;
   }

   .contact-card {
      margin-bottom: 0px !important;
   }
}

.custom-auth-container {

   display: flex;
   justify-content: center;
   align-items: stretch;
   background-color: none;
}

.custom-auth-card {
   display: flex;
   background: #fff;
   border-radius: 10px;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   width: 100%;
   max-width: 900px;
}

.custom-auth-form {
   padding: 30px;
   flex: 1;
}

.custom-auth-title {
   color: #0c448f;
   /* font-size: 19px; */
   font-weight: 600;
   font-size: 22px;
   margin-bottom: 10px;
}

.custom-auth-description {
   margin-bottom: 20px;
   color: #777;
   font-size: 15px;
}

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

.custom-form-input {
   width: 100%;
   padding: 6px 10px;
   border: 1px solid #ccc;
   border-radius: 5px;
   transition: border-color 0.3s;
}

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

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

.custom-form-checkbox {
   margin-right: 10px;
}

.custom-auth-btn {
   background-color: #004aad;
   color: #fff;
   border: none;
   width: 100%;
   padding: 6px 15px;
   border-radius: 5px;
   cursor: pointer;
   transition: background-color 0.3s;
}

.custom-auth-btn:hover {
   background-color: #0056b3;
}

.custom-auth-footer-text {
   margin-top: 15px;
   text-align: center;
}

.separator-line {
   border-left: 1px solid #ccc;
   height: auto;
   margin: 0 20px;
}


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

   .custom-auth-container {
      margin: 20px !important;
   }
}




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

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

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


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

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

.cart-details-section {
   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: #144380;
   margin-bottom: 10px;
}

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

.cart-product-title {

   text-decoration: none;
}

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

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

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

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

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

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

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

.tp-cart-checkout-btn {
   font-size: 14px;
   font-weight: 500;
   background-color: #ff5722;
   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: #144380;
   margin-bottom: 26px;
}

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

   font-weight: 500;
   color: #000;

}

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

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

.text-review {
   width: 90%;
}

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

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



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

.accessories-main h5 {
   font-size: 14px;
   color: #153760;
   font-weight: 500;
   margin-bottom: 0px;
}

.access-b {
   font-size: 12.5px;
   font-weight: 400;
   background: #275ea3;
   border-radius: 15px;
   border: none;
   padding: 2px 7px;
   color: #fff;
   padding: 3px 10px 3px 10px;
}

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

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

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

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

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

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

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

}

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

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

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

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

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


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

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

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

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

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

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

input[type="checkbox"] {
   margin-right: 6px;
   position: relative;
   top: 2px;
}

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

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

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


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

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

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

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

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

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

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


}

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

   .cart-container {
      width: 100%;
   }

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

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

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

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

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

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



.aboutus {
   margin-top: 0px;
   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;
   color: black;
}

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

.heading3 h1 {
   font-size: 24px;
   font-weight: 600;
   color: #ff5722;
}

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

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

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





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

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

.wishlist-card {
   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: 119px;
}

.wishlist-details-section {
   flex: 1;
   padding: 0px 14px 18px 14px;
   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: #104281;
}

.wishlist-product-title p {
   font-size: 14.7px;
   font-weight: 600;
   padding-bottom: 4px;
   padding-right: 15px;
   color: #104281;
   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;
   border-top: 1px solid #536e9359;
   margin-top: 12px;
}

.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: red;
   margin-bottom: 0px;
}

.wishlist-add-to-cart-container {
   display: flex;
   padding: 2px 10px;

   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: 10px;
   color: #2f68af;
}

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

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

.quantity-controls {
   display: flex;
   align-items: center;

}

.quantity-btn {

   padding: 0px 6px;
   font-size: 15px;
   border: 1px solid #8080805e;
   background: none;
   border-radius: 50%;
}

.quantity-btn:hover {
   background-color: #ccc;
}

.quant {
   width: 31px;
   text-align: center;
   font-size: 13px;
   margin: 0 5px;
   /* padding: 5px; */
   border: 1px solid #ddd;
   border-radius: 4px;

}


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

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

}

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

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

   .wishlist-info {
      display: flex !important;
   }
}

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

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

   .wishlist-details-section {
      padding: 0px 12px 18px 11px !important;
   }

   .wishlist-add-to-cart-container {
      padding: 2px 4px !important;
   }
}

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

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

   .wishlist-card {
      display: block !important;
   }

   .wishlist-add-to-cart-container {
      padding: 2px 4px !important;
   }

   .wishlist-details-section {
      flex: 1;
      padding: 0px 9px 18px 9px !important;
   }

   .quant {
      width: 26px !important;
   }

   .wishlist-container {
      width: 100%;
      padding: 0px 5px;
      margin-bottom: 10px;
   }
}




/* forgot password */

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

.forgot-input {
   width: 100%;
}

.reset-btn {
   border: none;
   background: #204e87;
   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: #0e3b74;
   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-bottom: 57px;
      padding: 15px 10px;
   }

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

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

   }

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

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

   }

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

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

   }

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





/* order tracking */
.order_number {
   font-size: 18px;
   font-weight: 700;
}


.tracking-wrapper {
   width: 90%;
   margin: 38px auto;
   padding: 0;
}

.tracking * {
   padding: 0;
   margin: 0;
}

.tracking {
   width: 100%;
   max-width: 100%;
   position: relative;
}

.tracking .empty-bar {
   background: #dddddd;
   position: absolute;
   width: 100%;
   height: 20%;
   top: 40%;
}

.tracking .color-bar {
   background: #0082d2;
   position: absolute;
   height: 20%;
   top: 40%;
   /* margin-left: 5%; */
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
}

.tracking ul {
   display: flex;
   justify-content: space-between;
   list-style: none;
}

.tracking ul>li {
   background: #ddd;
   text-align: center;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   z-index: 1;
   background-size: 70%;
   background-repeat: no-repeat;
   background-position: center center;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
   display: inline-block;
   position: relative;
   width: 31px;
   height: 31px;
}


.tracking ul>li .el {
   position: relative;
   margin-top: 100%;
}

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

.tracking ul>li .txt {
   color: #999;
   position: absolute;
   top: 141%;
   left: -59px;
   text-align: center;
   width: 150px !important;
   font-size: 0.75rem;
}

.bullet-2 {
   background: #074c81 !important;
}

.tracking .progress-0 .color-bar {
   width: 00%;
}

.tracking .progress-1 .color-bar {
   width: 15%;
   background-color: red !important;
}

.tracking .progress-2 .color-bar {
   width: 25%;
}

.tracking .progress-3 .color-bar {
   width: 35%;
}

.tracking .progress-4 .color-bar {
   width: 50%;
}

.tracking .progress-5 .color-bar {
   width: 75%;
}

.card-tracking {
   border: 1px solid #dddddd;
   padding: 30px 27px;
}

.tracking .progress-6 .color-bar {
   width: 90%;
}

.tracking .progress-7 .color-bar {
   width: 100%;
}

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

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

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

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

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

.tracking .progress-1>ul>li.bullet-1 .el i,
.tracking .progress-2>ul>li.bullet-1 .el i,
.tracking .progress-3>ul>li.bullet-1 .el i,
.tracking .progress-4>ul>li.bullet-1 .el i,
.tracking .progress-5>ul>li.bullet-1 .el i,
.tracking .progress-6>ul>li.bullet-1 .el i,
.tracking .progress-7>ul>li.bullet-1 .el i {
   display: block;
}

.tracking .progress-3>ul>li.bullet-2 .el i,
.tracking .progress-4>ul>li.bullet-2 .el i,
.tracking .progress-5>ul>li.bullet-2 .el i,
.tracking .progress-6>ul>li.bullet-2 .el i,
.tracking .progress-7>ul>li.bullet-2 .el i {
   display: block;
}

.tracking .progress-5>ul>li.bullet-3 .el i,
.tracking .progress-6>ul>li.bullet-3 .el i,
.tracking .progress-7>ul>li.bullet-3 .el i {
   display: block;
}

.tracking .progress-7>ul>li.bullet-4 .el i {
   display: block;
}

.tracking .progress-1>ul>li.bullet-1 .txt,
.tracking .progress-2>ul>li.bullet-1 .txt,
.tracking .progress-3>ul>li.bullet-1 .txt,
.tracking .progress-4>ul>li.bullet-1 .txt,
.tracking .progress-5>ul>li.bullet-1 .txt,
.tracking .progress-6>ul>li.bullet-1 .txt,
.tracking .progress-7>ul>li.bullet-1 .txt {
   color: #074c81;

}

.tracking .progress-3>ul>li.bullet-2 .txt,
.tracking .progress-4>ul>li.bullet-2 .txt,
.tracking .progress-5>ul>li.bullet-2 .txt,
.tracking .progress-6>ul>li.bullet-2 .txt,
.tracking .progress-7>ul>li.bullet-2 .txt {
   color: #074c81;
}

.tracking .progress-5>ul>li.bullet-3 .txt,
.tracking .progress-6>ul>li.bullet-3 .txt,
.tracking .progress-7>ul>li.bullet-3 .txt {
   color: #074c81;
}

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

/* demo */
.controls {
   margin: 90px 30px 30px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
}

.controls>div {
   display: flex;
   justify-content: flex-start;
   align-items: space-between;
   margin: 0;
   padding: 0;
}

.controls p,
.controls button {
   border: 0;
   line-height: 20px;
   padding: 15px;
   font-size: 0.8rem;
   text-transform: uppercase;
}

.controls button {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0 6px;
   background: #0082d2;
   color: #fff;
   border-radius: 50px;
   transition: all 0.3s;
}

.controls button:nth-child(1) {
   margin-left: 0;
}

.controls button i {
   font-size: 1rem;
   margin: 0 5px;
}

.controls button#prev {
   padding-right: 30px;
}

.cont {
   margin-bottom: 11px !important;
   height: 34px !important;
}

.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;
   margin-bottom: 3px !important;
}

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

}


.billing-info-wrap h3 {
   font-size: 20px;
   margin-bottom: 15px;
   color: #333;
}

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

}

.billing-info-wrap .col-12 p:first-of-type {
   font-weight: bold;
   color: #333;
   font-size: 16px;
}

.billing-heading h3 {
   font-size: 20px;
   color: #0c3c7c;
   font-weight: 500;
   margin-bottom: 11px;
}

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

.checkout-d label {
   color: black;
}

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

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

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

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


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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

.payment-box {
   display: none;
}

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

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

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

.section-space {

   margin-bottom: 99px;
}

.different-address {
   display: none;
}

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

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

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

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

      margin-bottom: 74px !important;
   }
}

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

      margin-bottom: 81px !important;
   }

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

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

      margin-bottom: 56px !important;
   }

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





.order-details-section {

   padding: 10px 50px;
   width: 80%;
   margin: 0px auto;

}

.orders-container {
   background-color: #ffffff;
   padding: 30px;
   border-radius: 10px;
   box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}

.order-main-d {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 25px;
   padding: 7px 12px;
   background-color: #fefefe;
   border: 1px solid #41587442;
   border-radius: 8px;
}

.order-main-id h3 {
   font-size: 15px;
   font-weight: 600;
   color: #1b4881;
   margin: 0;
}

.order-main-class p {
   font-size: 0.85rem;
   color: #606c7a;
   font-weight: 500;
   margin: 0;
}

.tracking-order-btn {
   display: flex;
   justify-content: flex-end;
}

.track-order-p {
   padding: 4px 14px;
   font-size: 13px;
   font-weight: 600;
   background-color: #2980b9;
   color: white;
   border: none;
   border-radius: 5px;
   transition: background-color 0.3s ease;
}

.tracking-p-details a {
   font-size: 15px;
   font-weight: 600;
   color: #1f4f8b;
   text-decoration: none;
}

.track-order-p:hover {
   background-color: #1c6691;
}

.img-t-box {
   border: 1px solid #ececec;
   border-radius: 6px;
   background-color: #ffffff;
   transition: transform 0.3s ease;
}

.img-t-box img {
   width: 108px;
}

.content-i-box a {
   display: block;
   text-align: center;
}

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

.tracking-p-details {
   padding: 10px 0;

}

.tracking-p-details h3 {
   font-size: 15px;
   font-weight: 600;
   color: #1f4f8b;
}

.tracking-p-details p {
   font-size: 12px;
   color: #454d56;
   font-weight: 500;
   margin-top: 5px;
   margin-bottom: 2px;
}

.btn-rev {
   padding: 4px 16px;
   font-size: 13px;
   margin-top: 13px;
   font-weight: 500;
   background-color: #ff6600;
   color: white;
   border: none;
   border-radius: 5px;
   transition: background-color 0.3s ease;
}

.btn-rev:hover {
   background-color: #1d9b4e;
}



@media (min-width:990px) and (max-width: 1200px) {
   .btn-rev {
      padding: 4px 8px !important;
      font-size: 12px !important;
   }

   .img-t-box img {
      width: 89px !important;
   }
}


@media (min-width:768px) and (max-width:991px) {
   .img-t-box img {
      width: 78px;
   }

   .order-details-section {
      width: 100% !important;
   }
}



@media (min-width:320px) and (max-width:768px) {
   .order-main-d {
      flex-direction: column;
      align-items: flex-start;
   }

   .tracking-order-btn {
      margin-top: 15px;
      justify-content: flex-start;
   }

   .order-main-d {
      display: block !important;
   }
}

@media (min-width:320px) and (max-width:500px) {
   .order-details-section {

      padding: 18px 11px !important;
   }
}





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



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

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




.categoery-five {
   width: 20%;
}




@media(min-width:300px) and (max-width:768px) {
   .categories-3-main .category-s {
      width: 50%;


   }

   .categoery-3-box {}

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


@media(min-width:992px) and (max-width:1200px) {
   .categories-3-main .category-s {
      width: 25%;

   }

   .categoery-3-box {}
}

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

   }

}





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

.download_btn {
   color: #ffffff;
   font-weight: 500;
   background: #004aad;
   padding: 5px 14px;
   margin-top: 10px;
   font-size: 14px;
   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/cataloga.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: #004aad;
   font-weight: 600;
   margin: 37px 30px 0 20px;
   margin-bottom: 0;
}

.catalog_head h1 {
   font-size: 22px;
   color: #0a3e85;
   font-weight: 600;
   margin: 20px 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: #004aad;
   font-size: 20px;
   font-weight: 600;
   padding: 40px 0 0 10px;
}

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

.tbbs_box table,
td,
th {
   border: 1px solid #00000059;
   margin-top: 5px;
   font-size: 14.5px
}

.mobile_bottom {
   padding-bottom: 15px
}

li,
ul {
   list-style: none;
   margin: 0;
   padding: 0
}

.body3 {
   height: 840px;
   box-shadow: 0 0 30px rgba(0, 0, 0, .253)
}

.catalog_footerlog {
   width: 16%;
   margin-top: 87px;
}

.li_loc {
   padding: 0 60px
}

.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: #ddd;
   text-align: center;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   z-index: 1;
   background-size: 70%;
   background-repeat: no-repeat;
   background-position: center center;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
   display: inline-block;
   position: relative;
   width: 31px;
   height: 31px;
}


.tracking ul>li .el {
   position: relative;
   margin-top: 100%;
}

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

.tracking ul>li .txt {
   color: #999;
   position: absolute;
   top: 141%;
   left: -59px;
   text-align: center;
   width: 150px !important;
   font-size: 0.75rem;
}

.bullet-2 {
   background: #074c81 !important;
}

.tracking .progress-0 .color-bar {
   width: 00%;
}

.tracking .progress-1 .color-bar {
   width: 15%;
   background-color: red !important;
}

.tracking .progress-2 .color-bar {
   width: 25%;
}

.tracking .progress-3 .color-bar {
   width: 35%;
}

.tracking .progress-4 .color-bar {
   width: 50%;
}

.tracking .progress-5 .color-bar {
   width: 75%;
}

.card-tracking {
   border: 1px solid #dddddd;
   padding: 30px 27px;
}

.tracking .progress-6 .color-bar {
   width: 90%;
}

.tracking .progress-7 .color-bar {
   width: 100%;
}

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

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

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

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

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

.tracking .progress-1>ul>li.bullet-1 .el i,
.tracking .progress-2>ul>li.bullet-1 .el i,
.tracking .progress-3>ul>li.bullet-1 .el i,
.tracking .progress-4>ul>li.bullet-1 .el i,
.tracking .progress-5>ul>li.bullet-1 .el i,
.tracking .progress-6>ul>li.bullet-1 .el i,
.tracking .progress-7>ul>li.bullet-1 .el i {
   display: block;
}

.tracking .progress-3>ul>li.bullet-2 .el i,
.tracking .progress-4>ul>li.bullet-2 .el i,
.tracking .progress-5>ul>li.bullet-2 .el i,
.tracking .progress-6>ul>li.bullet-2 .el i,
.tracking .progress-7>ul>li.bullet-2 .el i {
   display: block;
}

.tracking .progress-5>ul>li.bullet-3 .el i,
.tracking .progress-6>ul>li.bullet-3 .el i,
.tracking .progress-7>ul>li.bullet-3 .el i {
   display: block;
}

.tracking .progress-7>ul>li.bullet-4 .el i {
   display: block;
}

.tracking .progress-1>ul>li.bullet-1 .txt,
.tracking .progress-2>ul>li.bullet-1 .txt,
.tracking .progress-3>ul>li.bullet-1 .txt,
.tracking .progress-4>ul>li.bullet-1 .txt,
.tracking .progress-5>ul>li.bullet-1 .txt,
.tracking .progress-6>ul>li.bullet-1 .txt,
.tracking .progress-7>ul>li.bullet-1 .txt {
   color: #074c81;

}

.tracking .progress-3>ul>li.bullet-2 .txt,
.tracking .progress-4>ul>li.bullet-2 .txt,
.tracking .progress-5>ul>li.bullet-2 .txt,
.tracking .progress-6>ul>li.bullet-2 .txt,
.tracking .progress-7>ul>li.bullet-2 .txt {
   color: #074c81;
}

.tracking .progress-5>ul>li.bullet-3 .txt,
.tracking .progress-6>ul>li.bullet-3 .txt,
.tracking .progress-7>ul>li.bullet-3 .txt {
   color: #074c81;
}

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

/* demo */
.controls {
   margin: 90px 30px 30px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
}

.controls>div {
   display: flex;
   justify-content: flex-start;
   align-items: space-between;
   margin: 0;
   padding: 0;
}

.controls p,
.controls button {
   border: 0;
   line-height: 20px;
   padding: 15px;
   font-size: 0.8rem;
   text-transform: uppercase;
}

.controls button {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0 6px;
   background: #0082d2;
   color: #fff;
   border-radius: 50px;
   transition: all 0.3s;
}

.controls button:nth-child(1) {
   margin-left: 0;
}

.controls button i {
   font-size: 1rem;
   margin: 0 5px;
}

.controls button#prev {
   padding-right: 30px;
}

.controls button#next {
   padding-left: 30px;
}

.controls button:hover,
.controls button:focus {
   outline: none;
   background-color: #33ddaa;
}

.tracking-page {
   margin-top: 153px;
   margin-bottom: 100px;
}

.mdi-reply {
   margin-right: 5px;
}

.order_pointer.mt-2 {
   display: flex;
   justify-content: space-between;
   margin-top: 20px;
   font-size: 16px;

   font-weight: 500;
   background: #1a89de21;
   padding: 8px 15px;
}

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

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


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

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

   .order_pointer.mt-2 {

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

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

   }

   .cart_contend {

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

}

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

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

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

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

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

}



.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: #004aad;
   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: #004aad;
}

.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: #004aad;
   color: white;
   font-size: 14px;
   margin-top: 16px;
   padding: 6px 20px;
}


/* profile */

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


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

.profile-main-nav .nav-pills .nav-profile-t.active {
   padding: 4px 15px;
   border-radius: 15px;
   color: white !important;
   /* border-radius: 0px; */
   background: #ff6600;
   border: none;

}

.card2 {
   border: 1px solid #52647a45;
}

.card-header {
   background: #118dcd0d;
}

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

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

.card {
   border: 1px solid rgb(13 73 153 / 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: #225697;
   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: 51px;
      margin-bottom: 80px;
   }
}

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

   .profile-main-nav .nav-pills .nav-profile-t.active {
      margin-bottom: 10px !important;
   }
}

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

   .profile-main-nav .nav-pills .nav-profile-t.active {
      margin-bottom: 10px !important;
   }

   .profile-main-nav .nav-pills .nav-profile-t {
      margin-bottom: 9px !important;
   }
}





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

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

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

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

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

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

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

}

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

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

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

.product-name h2,
.product-name h3,
.product-name h3,
.product-name h4,
.product-name h5,
.product-name h6 {
   text-decoration: none;
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 0px;
   color: #063068;
   text-align: left !important;
}

.category-title h2,
.category-title h3,
.category-title h4,
.category-title h5,
.category-title h6 {
   text-decoration: none;
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 0px;
   color: #063068;
   text-align: center;
}

.slick-track {
   margin-left: inherit !important;
}

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

.product-details {
   line-height: 1.6;
   scrollbar-width: thin;
   scrollbar-color: #afb7cc #fff;
   height: 48px;
   overflow-y: auto;
   margin-top: 5px;
}

.fake-input {
   display: flex
}

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

.compare-cart-btn {
   font-size: 12px;
   padding: 4px 28px;
   border: none;
   background: #004aad;
   color: white;
   border-radius: 3px;
   font-weight: 500;
}

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

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

.compare-padding {

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

   }


}


/* Redesign New CSS Start */
.float-cart i {
   font-size: 25px;
   margin: 0;
   color: #fff !important;
}

.floating-btn.float-cart {
   font-size: 16px;
   color: white;
   margin-right: 8px;
   text-decoration: none;
   position: relative;
   background: #ff6600;
}

.float-cart .badge {
   top: 9px;
   left: auto;
   right: 0;
   margin: 0;
   background: #0c68ee;
   border: 1px solid #0c68ee;
   font-size: 9px;
   width: 14px !important;
   height: 14px !important;
}

.company-profile-section {
   max-width: 1300px;
   padding: 20px 20px 20px 24px;
}

.custom-form-group select {
   font-size: 14px;
}

.form-group .modal_input {
   margin-left: 10px;
}

.form-group .modal_input .refresh_captcha {
   font-size: 0;
}

.form-group .modal_input .refresh_captcha i {
   font-size: 14px;
}

@media(min-width:320px) and (max-width:767px) {
   .company-profile-section {
      padding: 0px 15px 25px;
   }
}

/* Redesign New CSS End */

.medlon-faq-title {
   font-size: 23px;
   font-weight: 600;
   color: #434a82;
   letter-spacing: 0.3px;
}

.medlon-faq-block {
   display: table;
   width: 100%;
   height: 100%;
   /* background: #f4f7fa; */
   border: 1px solid #c7d6e9;
   padding: 11px 10px;
   margin-bottom: 0px;
   border-radius: 6px;
}

.medl_freq {
   background: #c2dafa0a;

}

.medlon-faq-label {
   display: table-cell;
   vertical-align: top;
   width: 29px;
   font-weight: 600;
   font-size: 15px;
   color: #2c3892;
   padding-right: 11px;

}

.medlon-faq-content {
   display: table-cell;
   vertical-align: top;
}

.medlon-faq-question {
   font-size: 15.5px;
   font-weight: 600;
   color: #2c3892;
   margin-bottom: 4px;
}

.medlon-faq-answer {
   font-size: 14px;
   color: #55606c;
   line-height: 1.7;
   margin-bottom: 0px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
   text-overflow: ellipsis;
   overflow: hidden;
}

.modern-filters {
   background-color: #edf2fa42;
   border: 1px solid #97a2b1ab;
   padding: 0px 17px;
   width: 100%;
   max-width: 300px;
   border-radius: 12px;
}

.filters-header {
   font-size: 20px;
   font-weight: 600;
   color: #333;
   margin-bottom: 20px;
   text-align: left;
}

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

.filter-title {
   font-size: 15.5px;
   font-weight: 600;
   color: #222;
   display: block;
   color: #212c7c;
   margin-bottom: 5px;
   border-bottom: 1px solid #ddd;
   padding-bottom: 6px;
}

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

.filter-options li {
   margin-bottom: 10px;
}

.filter-checkbox {
   margin-right: 10px;
   accent-color: #007bff;
   cursor: pointer;
}

.filter-options label {
   font-size: 13.6px;
   color: #000000e0;
   cursor: pointer;
   font-weight: 500;
}

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

.resultBox h5 {
   font-size: 18px;
   padding: 10px 10px 0px 10px;
   color: #28456c;
   margin-bottom: 3px;
   font-weight: 600;
}

.resultBox li {
   padding: 4px 10px;
   font-size: 14px;
   cursor: pointer;
   list-style-type: none;
   border-bottom: 1px solid #f0f0f0;
}

.filter-options li {
   display: flex;
   align-items: baseline;
}
/* ===== Blog Page Only ===== */
.blog-page {
	display: flex;
	gap: 2rem;
}

/* Page Heading */
.section-title {
	margin-bottom: 2rem;
}
.section-title h1 {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1rem;
	color: #222;
}
.section-title p {
	text-align: justify;
	color: #555;
	font-size: 1rem;
	line-height: 1.6;
}


/* Blog Grid */
.blogsection {
	flex: 3;
}
.blog-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 1.5rem;
}
.blog-container {
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 15px;
	background: #fff;
	transition: all 0.3s ease;
}
.blog-container:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transform: translateY(-3px);
}
.blogimgse img {
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.blog-date {
	font-size: 0.85rem;
	color: #777;
	margin: 8px 0;
}
.blogimgse h2 {
	font-size: 1.2rem;
	margin: 8px 0;
	color: #333;
}
.blogimgse p {
	font-size: 0.95rem;
	color: #555;
	line-height: 1.6;
}

/* Fallback Banner */
.fallback-banner {
	background: #f4f4f4;
	color: #333;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 180px;
	border-radius: 8px;
}

/* Sidebar */
.category-blog {
	flex: 1;
	padding: 15px;
	border: 1px solid #eee;
	border-radius: 10px;
	background: #fafafa;
	height: fit-content;
}

/* Search Bar */
.searchbox-blog .searchInput {
	display: flex;
	align-items: center;
	border: 1px solid #065e9f;
	border-radius: 20px;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	padding: 4px 8px;
}
.searchbox-blog .blogsearchbar {
	flex: 1;
	border: none;
	outline: none;
	padding: 6px 10px;
	font-size: 14px;
}
.searchbox-blog .icon {
	background: #065e9f;
	border: none;
	color: #fff;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.searchbox-blog .icon:hover {
	background: #044a7a;
}

/* Category List */
.Categories {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	margin: 1rem 0;
}
.blogul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.blogul li {
	margin-bottom: 0.5rem;
}
.blogul li a {
	color: #0073e6;
	text-decoration: none;
}
.blogul li a:hover {
	color: #005bb5;
}

/* Responsive */
@media (max-width: 992px) {
	.blog-page {
		flex-direction: column;
	}
	.category-blog {
		margin-top: 2rem;
	}
}
/* ===== Single Blog Page ===== */
.single-blog-page {
	display: flex;
	gap: 2rem;
	margin-top: 2rem;
}

/* Section Title */
.section-title {
	margin-bottom: 2rem;
}
.section-title h2 {
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 1rem;
	color: #222;
	line-height: 1.3;
}

/* Blog Content */
.content-blog {
	flex: 3;
}
.blog-log {
	margin-bottom: 1.5rem;
}
.blog-log img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	border: 1px solid #eee;
}
.fallback-banner {
	background: #f4f4f4;
	color: #333;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
	border-radius: 10px;
	font-size: 1.2rem;
}
.content-blog p {
	font-size: 1rem;
	line-height: 1.7;
	color: #444;
	margin-bottom: 1rem;
	text-align: justify;
}

/* Sidebar */
.category-blog {
	flex: 1;
	padding: 15px;
	border: 1px solid #eee;
	border-radius: 10px;
	background: #fafafa;
	height: fit-content;
}

/* Search Bar */
.searchbox-blog .searchInput {
	display: flex;
	align-items: center;
	border: 1px solid #065e9f;
	border-radius: 20px;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	padding: 4px 8px;
	margin-bottom: 1.2rem;
}
.searchbox-blog .blogsearchbar {
	flex: 1;
	border: none;
	outline: none;
	padding: 6px 10px;
	font-size: 14px;
}
.searchbox-blog .icon {
	background: #065e9f;
	border: none;
	color: #fff;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.searchbox-blog .icon:hover {
	background: #044a7a;
}

/* Category List */
.Categories {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	margin: 1rem 0;
}
.blogul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.blogul li {
	margin-bottom: 0.5rem;
}
.blogul li a {
	color: #0073e6;
	text-decoration: none;
	font-size: 0.95rem;
}
.blogul li a:hover {
	color: #005bb5;
}

/* Responsive */
@media (max-width: 992px) {
	.single-blog-page {
		flex-direction: column;
	}
	.category-blog {
		margin-top: 2rem;
	}
}