:root{
    --theme-color: #03a0e3;
    --secondary-color: #fd6e08;
    --black: #222222;
    --border-color:#ddd;
  }
  body {
    font-size: 12px;
    color: #000 !important;
    letter-spacing: .5px;
    overflow-x: hidden;
    font-family: "Helvetica Neue" !important;
}
body p{
    font-family: "Helvetica Neue" !important;
} 
@font-face {
    font-family: "Helvetica Neue";
    src: url("../fonts/HelveticaNeue.woff2") format("woff2"), url("../fonts/HelveticaNeue.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Helvetica Neue";
    src: url("../fonts/HelveticaNeue-Medium.woff2") format("woff2"), url("../fonts/HelveticaNeue-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Helvetica Neue";
    src: url("../fonts/HelveticaNeue-Bold.woff2") format("woff2"), url("../fonts/HelveticaNeue-Bold.woff") format("woff");
    font-weight: Bold;
    font-style: normal;
    font-display: swap;
  }
 
.text-black{
    color:var(--black) !important;
}
.top-header{
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: rgb(0 0 0 / 8%) 0 1px 0;
}
.top-header-logo{
    width: 70px;
}
.top-header-logo img{
    width: 100%;
}
.top-header-menu ul {
    list-style: none;
    display: inline-flex;
    font-size: 16px;
}
.top-header-menu ul li a{
    text-decoration: none;
    color:var(--black);
}
.top-header-menu ul li {
    width: 80px;
}
.top-header-login-btn .navbar {
    display: flex;
    justify-content: flex-end;
    padding: 15px;
    background: #fff;
    padding-right: 0px !important;
}
.top-header-login-btn .menu-button {
    position: relative;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 80px;
    justify-content: space-between;
}
.top-header-login-btn .menu-button i {
    font-size: 27px;
    margin-right: 0px;
    color: #6A6A6A;
}
.top-header-login-btn .menu-button .fas.fa-bars{
    font-size: 16px;
}
.top-header-login-btn .dropdown {
    position: absolute;
    top: 65px;
    right: 0;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 240px;
    display: none;
    flex-direction: column;
    padding: 10px 0;
    z-index: 100;
}
.top-header-login-btn hr {
    margin: 10px 0;
}
.top-header-login-btn .dropdown a {
    text-decoration: none;
    color: #333;
    padding: 5px 15px;
    display: block;
    transition: background 0.3s;
    font-size: 14px;
}
.top-header-login-btn .dropdown a:hover {
    background: #f5f5f5;
}
.top-header-login-btn .dropdown.active {
    display: flex;
}


.top-header-searchbar .search-container {
    display: flex;
    justify-content: center;
    margin-top: 0px;
}
.top-header-searchbar .search-bar {
    background: white;
    padding: 7px 10px;
    border-radius: 50px;
    align-items: center;
    width: 800px;
    gap: 10px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
}
.border-none{
    border-right:none !important;
}
.top-header-searchbar .search-section {
    flex: 1;
    padding: 0px 10px;
    border: none;
    outline: none;
    font-size: 13px;
    border-radius: 50px;
    background: transparent;
    border-right: 1px solid;
    border-radius: 0px;
    border-color: var(--border-color);
    font-family: Roboto, sans-serif;
    font-weight: 400;
}
.top-header-searchbar .search-btn {
    background: var(--theme-color);
    color: white;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    font-size: 16px;
    align-items: center;
    width: 45px;
    height: 45px;
    text-align: center;
    margin-left: 15px;
}
.index1 .top-header-searchbar .search-btn {
    background: var(--theme-color) !important;
}
.index1 .section-title span {
    background: var(--theme-color) !important;
}
.index1 .emg-contact-no {
    background: var(--theme-color) !important;
}
.index1 .process_number {
    background: rgba(3, 160, 227, .1) !important;
}
.index1 .MostBookPackageNew_package__button__9spW_ {
    background: var(--theme-color) 0 0 no-repeat padding-box !important;
}
.index1 .MostBookPackageNew_price_section__I3HBc>p:first-child>span {
    color: var(--theme-color);
}
.index1 .emg-con {
    background-color: rgba(3, 160, 227, .1) !important
}
.top-header-searchbar .dropdown {
    position: absolute;
    background: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 300px;
    display: none;
    flex-direction: column;
    margin-top: 50px;
    padding: 10px;
}
.top-header-searchbar .dropdown-item {
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    transition: background 0.3s;
}
.top-header-searchbar .dropdown-item:hover {
    background: #f5f5f5;
}
.top-header-searchbar .dropdown-item img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 8px;
}
.top-header-searchbar .dropdown-item p {
    margin: 0;
    font-size: 14px;
    color: #333;
}
.w-20{
    width: 20% !important;
}




.products-details-inner {
    display: flex;
}
.products-img-details {
    padding-left: 24px;
    padding-right: 70px;
    width: 570px;
}
.products-content-details {
    font-size: 20px;
    font-weight: 500;
    color: #324357;
    line-height: normal;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: 0px;
    line-height: 28px;
    margin-bottom: -5px;
}
.supers-brands-wrapper {
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px;
}
.supers-brands-wrapper .yale-wrapper {
    margin-right: 16px;
}
.yale-wrapper .by, .yale-wrapper .yale {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #5e7792;
}
.yale-wrapper .yale {
    color: #324357;
    text-decoration: underline;
    font-weight: 600;
}
.supers-brands-wrapper .super-brands {
    margin-right: 8px;
}
.super-brands {
    max-width: 33px;
    width: 100%;
}
.super-brands img {
    width: 80%;
    vertical-align: middle;
}
.info-icon-wrapper {
    margin-left: 4px;
    width: 20px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.info-icon-wrapper img {
    width: 80%;
}
.info-icon-dropdown {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: -78px;
    background-color: #6c757d;
    padding: 16px;
    width: auto;
    top: auto;
    border-radius: 8px;
    bottom: 13px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 6px;
}
.info-icon-dropdown:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 21px);
    top: auto;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #6c757d transparent;
    transition-duration: .3s;
    transition-property: transform;
    bottom: -9px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.info-icon-dropdown .pricedetails {
    display: flex;
    justify-content: space-between;
}
.info-icon-wrapper .pricedetails .baseprice {
    font-size: 12px;
    font-weight: 500;
    color: #fbfefd;
}
.zoom-img-views {
    width: 411px;
    height: auto;
    display: flex;
    flex-shrink: 0;
}
.products-details-wrpper{
    margin-top: 30px;
}
.price-pcs-pdp {
    background: #f6f8fc;
    font-size: 14px;
    color: #5e7792;
    padding: 2px 15px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    font-weight: 500;
}
.rupees-medium {
    font-family: rupeesMedium;
    font-size: inherit !important;
}
.price-dtls-pdp {
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 5px;
}
.included-texes-pdp {
    color: #99abbe;
    font-size: 12px;
    font-weight: 500;
    margin-top: 0;
}
.price-dtls-pdp p {
    margin-bottom: 0;
    margin-right: 16px;
}
.main-price-pdp {
    font-size: 25px;
    font-weight: 600;
    color: #324357;
}
.rupees-semibold {
    font-family: rupeeSemiBold;
    font-size: inherit !important;
}
.discount-price-pdp {
    font-size: 14px;
    color: #5e7792;
    font-weight: 500;
    line-height: 17px;
}
.rupees-medium {
    font-family: rupeesMedium;
    font-size: inherit !important;
}
.discount-price-pdp {
    font-size: 14px;
    color: #5e7792;
    font-weight: 500;
    line-height: 17px;
}
.discount-price-pdp .off-price-pdp {
    color: var(--theme-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-left: 5px;
}
.info-icon-wrapper {
    margin-left: 4px;
    width: 20px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.Variation-bar-pdp {
    margin-top: 10px;
}
.pdp-title-cnt {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #324357;
}
.variation-attributes {
    padding: 5px 12px;
    color: #212529;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    margin-right: 0px;
    margin-bottom: 8px;
    max-width: max-content;
    white-space: nowrap;
    overflow: hidden;
    background: 0 0;
    text-overflow: ellipsis;
}
.variation-attributes a {
    display: block;
    color: #212529;
}
a{
    text-decoration: none;
}
.key-Features-pdp {
    margin-top: 24px;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.key-Features-cnt li {
    color: #212529;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    list-style: disc;
    margin-left: 25px;
}
.see-more-btn{
    padding-left: 20px;
    color: var(--theme-color);
    font-size: 14px;
    
}
.see-more-btn::after {
    content: '\f078';
    font-family: "FontAwesome";
    font-size: 12px;
    margin-left: 4px;
    vertical-align: bottom;
}
.key-Features-seprator {
    height: 1px;
    background-color: #ccc;
    border: 0;
    margin: 24px 0;
}
.services-slider-pdp {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 5px 5px;
    position: relative;
    margin-right: 5px;
    margin-top: 20px;
}
.services-slider-pdp ul {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.services-slider-pdp li:first-child {
    padding-left: 0;
}
.services-slider-pdp li {
    display: flex
;
    align-items: center;
    position: relative;
    padding-right: 16px;
    padding-left: 16px;
    text-wrap: nowrap;
}
.services-slider-pdp li img {
    margin-right: 2px;
}
.service-title-pdp {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
}
.services-slider-pdp li::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 30px;
    background: #d4dfea;
    right: 0;
}
.services-slider-pdp .multi-slider-btn-pre-card {
    left: -22px;
}
.services-slider-pdp .multi-slider-btn-next {
    right: -22px;
}
.services-slider-pdp>button {
    position: absolute;
    top: calc(50% - 18px);
    width: 36px;
    height: 36px;
    cursor: pointer;
    border-radius: 100%;
    border: 0;
    opacity: 1;
    background-color: #fff;
    padding: 0;
}

.add-to-cart-wrapper-pdp {
    width: 310px;
    flex-shrink: 0;
}
.add-to-cart-inner-pdp, .apply-coupon-pdp, .check-availbility-wrapper {
    padding: 15px 0px 15px 0px;
    border-radius: 0px;
    height: auto;
    border: 1px solid #474646;
    height: min-content;
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 6px; */
    border-radius: 4px;
}
.info-icon-wrapper:hover .info-icon-dropdown {
    z-index: 9999;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all .5s cubic-bezier(.75,-.02,.2,.97);
    min-width: 200px;
    width: 100%;
}
.info-icon-wrapper .pricedetails .price {
    font-size: 12px !important;
    color: #fff !important;
}
.info-icon-dropdown .pricedetails {
    display: flex;
    justify-content: space-between;
}
.pay-title-pdp {
    font-size: 14px;
    font-weight: 500;
    color: #5e7792;
    margin: 0;
}
.price-dtls-pay-values {
    display: flex;
    align-items: baseline;
}
.price-dtls-pay-values p {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}
.price-dtls-pay-values .four-pcs {
    color: #5e7792;
    font-size: 14px;
    font-weight: 500;
    margin-left: 4px;
}
.price-dtls-pay-values p {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 0;
    
}
.will-pay-seprator {
    height: 1px;
    background-color: #474646;
    margin: 10px 0;
    border: 0;
    box-shadow: none;
}
.title-slect-qty {
    font-size: 16px;
    font-weight: 600;
    color: #324357;
    margin-bottom: 16px;
}
/* .selectBox-wrapper {
    display: flex;
    align-items: center;
} */
.selectBox-wrapper .btn.btn-secondary.dropdown-toggle{
    background: #fff;
    color: #212529;
    border-color: var(--border-color);
    width: 100%;
    text-align: left;
    font-size: 14px;
}
.selectBox-wrapper .dropdown-toggle::after {
    float: right;
    margin-top: 10px;
}
.selectBox-wrapper .dropdown-menu{
    width: 100%;
}
.selectBox-wrapper .dropdown-menu li{
    cursor: pointer;
    padding: 3px 15px;
}
.selectBox-wrapper .dropdown-menu li:hover{
    background: #f5f5f5;
}
.selectBox {
    border: 1px solid var(--border-color);
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    width: 160px;
    margin-right: 8px;
    height: 41px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    
}
.selectBox__value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #324357;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 940;
}
.selectBox .dropdown-menu {
    opacity: 0;
    display: block;
    top: 100%;
    width: 100%;
    max-height: 250px;
    z-index: -1;
    overflow-y: auto;
    transform: translateY(-15%);
    visibility: hidden;
}
.selectBox:after {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    transition: all .2s ease-in-out;
    content: url(../images/product-details/down-arrow.svg);
}
.add-to-cart-pdp {
    width: 100% !important;
    background-color: #ee5e1b;
    color: #fff !important;
    border: 0;
    border-radius: 8px;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-top: 8px;
    text-align: center;
}
.add-to-cart-pdp img, .save-purchaselist img {
    margin-right: 8px;
}
.add-to-cart-pdp {
    width: 100% !important;
    background-color: var(--theme-color);
    color: #fff !important;
    border: 0;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-top: 8px;
    text-align: center;
}
.add-to-cart-pdp img, .save-purchaselist img {
    margin-right: 8px;
}
.save-purchaselist {
    margin-top: 8px;
    border: 1px solid var(--theme-color);
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    background: 0 0;
    color: var(--theme-color);
    padding: 8px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.title-slect-qty {
    font-size: 16px;
    font-weight: 600;
    color: #324357;
    margin-bottom: 16px;
}
.want-to-bulk-quantity-inner {
    display: flex;
}
.get-quote-pdp, .whatsappbutton-pdp {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 9px 27px;
    font-size: 12px;
    font-weight: 500;
    color: #5e7792;
    width: 65%;
    display: inline-block;
    background: 0 0;
    text-wrap: nowrap;
}
.whatsappbutton-pdp {
    margin-right: 8px;
}
.procure_later_wrapper {
    position: relative;
    margin: 24px 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 16px;
}
.Procure_wrapper {
    padding: 24px;
}
.Procure_title {
    font-size: 18px;
    margin-bottom: 16px;
    color: #1e293b;
    font-weight: 800;
    font-family: Helvetica !important;
}
.Procure_para_cnt {
    margin-bottom: 12px;
}
.procure_later_wrapper img {
    object-fit: cover;
}
.credit_apply_btn {
    margin-top: 16px;
    display: inline-block;
    border-radius: 8px;
    background: #2289ec;
    color: #f2f6ff;
    width: 254px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 24px;
    width: 100%;
}
.Procure_para p {
    font-size: 14px;
    font-weight: 500;
    color: #485d75;
    font-family: Helvetica !important;
    margin-left: 8px;
    margin-bottom: 0;
}
.check-availbility-wrapper {
    margin-top: 30px;
}
.title-slect-qty {
    font-size: 14px;
    font-weight: 600;
    color: #324357;
    margin-bottom: 10px;
    padding: 0px 15px;
}
.check_availbility-pin {
    /* border: 1px solid #d4dfea; */
    padding: 5px 0px;
    border-radius: 4px;
    position: relative;
    font-size: 14px;
    margin-top: 10px;
    width: 315px;
    margin-bottom: 5px;
}
.check_availbility-pin input{
    width: 100%;
}
.check_availbility-pin input:focus-visible {
    border: none !important;
    outline: transparent;
}
.check-availbility-wrapper .enter-pin-code[type=number] {
    color: #99abbe;
    font-weight: 500;
    cursor: pointer;
}
.check-availbility-wrapper .enter-pin-code {
    font-size: 14px;
    font-weight: 500;
    color: #99abbe;
    outline: 0;
}
.info-icon-wrapper .pricedetails .baseprice {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}
.info-icon-dropdown hr.dividerline {
    height: 1px;
    background-color: #fff;
    border: 0;
    margin: 5px 0;
}
.info-icon-wrapper .pricedetails .total-price {
    color: #caefff !important;
}
.info-icon-wrapper .pricedetails .total-price {
    color: #caefff !important;
}
.variation-attributes.active, .variation-attributes:hover {
    border-color: var(--theme-color);
    color: #324357;
}
.services-slider-pdp li:last-child::after{
    background: #fff;
}


.location-modal-pdp.location-modal .modal-dialog {
    max-width: 648px;
    width: 100%;
    width: 480px;
}
.location-modal-pdp.choose-location-popup .modal-content {
    border-radius: 32px !important;
}
.location-modal .modal-header {
    padding: 32px 32px 0;
    border: 0;
    justify-content: space-between;
    align-items: center;
}
.location-modal .modal-header h2{
    margin-bottom: 0px;
}
.location-modal-pdp .location-close-m-btn {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background-color: transparent;
    width: auto;
}
.location-close-m-btn {
    width: 120px;
    padding: 12px 0 !important;
    color: #5e7792 !important;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--border-color) !important;
    background-color: #fbfcfd;
    margin: 0 !important;
    border-radius: 50px;
}
.location-modal .modal-body {
    padding: 32px !important;
}
.location-modal .modal-body h2 {
    color: #324357;
    margin: 0 0 24px;
}
.location-modal .modal-body h2, h2 {
    font-size: 24px;
    font-weight: 600;
}
.location-modal .modal-body form {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
}
.location-modal .modal-body form input {
    flex: 1;
    padding: 16px 0 16px 24px;
    background-color: #fbfcfd;
    border-radius: 8px 0 0 8px;
    border: 1px solid var(--border-color);
    font-size: 14px;
}
.location-modal .modal-body form button {
    display: inline-block;
    width: 103px;
    padding: 8px 0;
    background-color: #1babee;
    border-radius: 0 8px 8px 0;
    font-size: 14px;
    color: #fbfcfd;
    border: 0;
}
.error {
    font-size: 12px;
    color: red;
    font-weight: 500;
    margin-left: 10px;
}
.live-locaton a {
    color: #1babee;
    font-size: 14px;
    font-weight: 500;
}
.updatepinbutton {
    width: 100%;
    background-color: #1babee;
    border: 0;
    color: #fff;
    padding: 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 30px 0 0;
}

.doctor-detail-page .aon-doctor-tabs {
    margin-bottom: 0px !important;
}
.aon-doctor-tabs {
    margin-bottom: 30px !important;
    margin-top: 20px;
    border-bottom: 1px solid var(--border-color);
}
.aon-custom-nav > .nav-item > .nav-link.active {
    color: #222;
    background: none;
    position: relative;
    border: 0;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: color .15sease-in-out, background-color .15sease-in-out, border-color .15sease-in-out;
    border-radius: 0;
    cursor: pointer;
}
.aon-custom-nav .nav-link {
    cursor: pointer;
    min-width: 175px;
    text-align: center;
}
.aon-custom-nav > .nav-item > .nav-link.active h4 {
    color: var(--theme-color);
}
.aon-doctor-tabs .nav-link h4 {
    border-top: none;
    border-bottom: none;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #000;
}
.aon-doctor-tabs h4 {
    font-size: 17px;
    padding-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    font-weight: 400;
}
.aon-custom-nav > .nav-item > .nav-link.active:after {
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: var(--theme-color);
    opacity: 1;
    position: absolute;
    content: '';
    z-index: 1;
}
.other-specification-sec{
    margin-top: 30px;
}

.Specifications-table-pdp {
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    border-top: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    margin-right: 24px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.table-Specifications {
    width: 100%;
}
.table-Specifications tr:nth-child(1) td {
    border-top: 0;
}
.table-Specifications td {
    padding: 7px 15px;
    border-top: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    font-size: 13px;
    font-weight: 500;
    color: #212529;
}
.table-Specifications .title-hdr {
    color: #212529;
    font-weight: 500;
}
.other-specification-sec .table-caption{
    border: 1px solid var(--border-color);
    margin-bottom: 0px;
    border-bottom: 0px;
    padding: 10px 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.description-title-pdp {
    font-size: 18px;
    font-weight: 500;
    color: #324357;
    margin-bottom: 16px;
}
.products-description-pdp p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #212529;
}
.products-description-pdp ul li {
    font-size: 14px;
    font-weight: 400;
    color: #212529;
    line-height: 30px;
}
.products-description-pdp ul.list-style{
    list-style: disc;
    padding-left: 30px;
}
.tab-content>.tab-pane {
    margin-bottom: 30px;
}



#gallery {
    padding-top: 0px 0px 15px 0px;
  }
  @media screen and (min-width: 991px) {
    #gallery {
      padding: 0px 0px 15px 0px;
    }
  }
  
  #gallery  .img-wrapper {
    position: relative;
    margin-top: 15px;
  }
  #gallery  .img-wrapper img {
    width: 100%;
  }
  
  #gallery .img-overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
  }
  #gallery .img-overlay i {
    color: #fff;
    font-size: 2em;
  }
  
  #gallery #overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #gallery #overlay img {
    margin: 0;
    width: 80%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    padding: 5%;
  }
  @media screen and (min-width: 768px) {
    #gallery #overlay img {
      width: 60%;
    }
  }
  @media screen and (min-width: 1200px) {
    #gallery #overlay img {
      width: 50%;
    }
  }
  
  #gallery #nextButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
  }
  #gallery #nextButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #gallery #nextButton {
      font-size: 2em;
    }
  }
  
  #gallery #prevButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
  }
  #gallery #prevButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #gallery #prevButton {
      font-size: 2em;
    }
  }
  
  #gallery #exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 15px;
    right: 15px;
  }
  #gallery #exitButton:hover {
    opacity: 0.7;
  }
  #gallery .col-lg-3 {
    flex: 0 0 auto;
    width: 15%;
    padding-left: 0px;
}
  @media screen and (min-width: 768px) {
    #gallery #exitButton {
      font-size: 2em;
    }
  }
  #image-gallery .row{
    padding-left: 20px;
    padding-right: 20px;
}


.review-listing {
    border-bottom: 1px solid var(--border-color);
    margin-top: 20px;
    padding-bottom: 30px;
}
.review-listing>ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.review-listing>ul li {
    margin-top: 0px;
    /* border-top: 1px dashed #f0f0f0; */
    padding-top: 0px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 25px;
}
.review-listing>ul li .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.widget.review-listing .avatar-sm {
    top: 4px;
}
.avatar-sm {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    border-radius: 50% !important;
    border-style: none;
    max-width: 100%;
    vertical-align: middle;
}
.review-listing>ul li .comment .comment-body {
    margin-left: 15px;
    width: 100%;
}

.review-listing>ul li .comment .comment-body {
    margin-left: 15px;
    width: 100%;
}

.review-listing>ul li .comment .comment-body .meta-data {
    position: relative;
    margin-bottom: 10px;
}

.review-listing>ul li .comment .comment-body .meta-data span.comment-author {
    font-weight: 600;
    color: #272b41;
    text-transform: capitalize;
}

.review-listing>ul li .comment .comment-body .meta-data span {
    display: block;
    font-size: 16px;
    color: #757575;
}

.review-listing>ul li .comment .comment-body .meta-data span.comment-date {
    font-size: 13px;
    margin-top: -8px;
}

.review-listing>ul li .comment .comment-body .meta-data span {
    display: block;
    font-size: 16px;
    color: #757575;
}

.rating {
    color: green;
    font-weight: bold;
    font-size: 16px;
}
.total-reviews{
    vertical-align: revert;
    margin-top: 6px;
    font-size: 10px;
}
.recommended {
    color: #28a745;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
}

.test-other-details p {
    font-size: 14px;
}

.test-other-details p {
    font-size: 14px;
}
.review-listing>ul li .comment .comment-body .meta-data .review-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 3px;
    right: 0;
    width: auto;
    font-size: 12px;
}

.show-more-button {
    font-size: 16px;
    float: right;
}

.show-more-button {
    color: var(--theme-color);
    font-weight: 500;
    font-size: 18px;
    text-decoration: underline;
}

#addReviewModal .modal-dialog {
    transform: none;
    width: 1000px;
    max-width: 1000px;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.star-rating i {
    font-size: 1.5rem;
    cursor: pointer;
    color: lightgray;
}
.star-rating i:hover, .star-rating i.active {
    color: gold;
}
#addReviewModal p{
    font-size: 14px;
}
.form-label {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
}
.form-check-label{
    font-size: 14px;
    margin-bottom: 5px;
}
label {
    font-size: 14px;
    margin-bottom: 5px;
}

.theme-btn{
    min-width: 90px;
    border:1px solid var(--theme-color);
    background: var(--theme-color);
    color:#fff;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 500;
}
.theme-outline-btn{
    min-width: 90px;
    border:1px solid var(--theme-color);
    background: #fff;
    color:var(--theme-color);
    font-size: 14px;
    border-radius: 4px;
    font-weight: 500;
}
.theme-outline-btn:hover{
    background: var(--theme-color);
    color:#fff;
}
.theme-btn:hover{
    background: #fff;
    color:var(--theme-color);
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    padding-left: 0px;
    font-size: 16px;
    background: #fff;
    color: #324357;
    font-weight: 500;
}

.accordion-button:not(.collapsed) {
    color: var(--black);
    font-weight: 600;
    background-color: #fff;
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
}
.accordion-body{
    font-size: 14px;
}




#new-zoom-slider-wrapper {
    position: static
}

.img-video-wrapper {
    height: 305px
}

.img-zoom-container {
    position: relative;
    height: 100%
}

.img-zoom-container img {
    max-width: 100%
}

.img-zoom-result {
    border: 1px solid var(--border-color);
    width: 300px;
    height: 300px;
    position: fixed;
    top: 90px;
    right: 0;
    width: 62%;
    height: 86vh;
    z-index: 1050;
    background-color: #fff;
    display: none;
    background-repeat: no-repeat
}

.carousel-inner.video-active .img-zoom-result {
    display: none!important
}

.carousel-inner.image-active .img-zoom-result {
    display: block
}

.img-zoom-lens {
    position: absolute;
    border: 1px solid var(--border-color);
    width: 100px;
    height: 100px;
    display: none
}

.img-zoom-container:hover .img-zoom-lens {
    display: block
}

.zoom-slider-thum-container {
    position: relative;
    margin-top: 12px
}

.new-zoom-slider-wrapper .carousel-indicators {
    margin: 0;
    width: 100%;
    overflow-y: auto;
    justify-content: start;
    position: static;
    scroll-behavior: smooth
}

.new-zoom-slider-wrapper .carousel-indicators::-webkit-scrollbar {
    width: 0;
    height: 0
}

.new-zoom-slider-wrapper .carousel-indicators li {
    text-indent: 0;
    width: 64px;
    height: 64px;
    margin: 0;
    flex-shrink: 0;
    border: 0;
    margin-right: 18px;
    border: 1px solid var(--border-color);
    border-radius: 8px
}

.new-zoom-slider-wrapper .carousel-indicators li.active {
    border: 1px solid #324357
}

.new-zoom-slider-wrapper .carousel-indicators li:last-child {
    margin: 0
}

.new-zoom-slider-wrapper .carousel-indicators li img {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.zoom-slider-thum-btn-left,.zoom-slider-thum-btn-right {
    position: absolute;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 999;
    top: calc(50% - 22px);
    display: none
}

.zoom-slider-thum-btn-left.show,.zoom-slider-thum-btn-right.show {
    display: block
}

.zoom-slider-thum-btn-left {
    left: -22px
}

.zoom-slider-thum-btn-right {
    right: -22px
}

.xzoom-slider-wrapper {
    z-index: 995
}

.xzoom-container {
    display: block
}

.zoom-img-views {
    width: 411px;
    height: auto;
    display: block;
    flex-shrink: 0;
    /* border: 1px solid #ccc; */
    /* border-radius: 4px; */
    /* padding: 0px; */
    margin-top: -17px;
}

.zoom-img-views .xzoom-container {
    width: 100%
}

.xzoom-slider-wrapper {
    background: #fff 0 0 no-repeat padding-box;
    border: 2px solid var(--border-color);
    border-radius: 16px;
    opacity: 1;
    overflow: hidden;
    padding: 42px 24px 24px 24px;
    box-sizing: border-box;
    position: sticky;
    top: 90px
}

#video-play {
    width: 100%;
    height: 305px;
    overflow: hidden;
    text-align: center
}

#video-play img {
    height: 100%;
    margin-top: 20px
}

#xzoom-default {
    width: 100%!important
}

.xzoom-slider-wrapper .xzoom-thumbs {
    display: block;
    width: 100%;
    position: relative!important;
    display: inline-block;
    height: auto;
    border-radius: 0 0 20px 20px;
    opacity: 1;
    margin-bottom: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding-top: 0!important;
    margin-top: 12px
}

.xzoom-preview {
    position: fixed!important;
    z-index: 9999!important;
    left: 36%!important
}

.zoom-img-views .vs-row-1active a {
    display: inline-block;
    margin-right: 18px;
    margin-left: -18px;
    border-radius: 8px
}

.zoom-img-views .vs-row-1active a:last-child {
    margin-right: 0
}

.zoom-img-views .vs-row-1active {
    display: flex
}

img.xzoom-gallery.lazyloaded.lozad:last-child {
    margin-right: 0
}

.more-products-nav {
    display: block;
    width: 100%;
    height: auto;
    z-index: 9;
    text-align: left
}

.more-products-nav .vs-slides {
    position: relative
}

.more-products-nav .vs-slides .vs-slides-inner .vs-products-outer {
    height: 100%;
    position: relative;
    overflow: hidden;
    padding-left: 32px
}

.vs-controls.slider .vs-control.left,.vs-controls.slider .vs-control.right {
    height: 100%;
    width: 100%;
    display: flex;
    position: absolute;
    top: 50%!important;
    top: calc(50% - 18px);
    width: 36px;
    height: 36px;
    cursor: pointer;
    border-radius: 100%;
    border: 0;
    opacity: 1;
    padding: 0
}

.vs-controls.slider .vs-control.left {
    left: -13px
}

.vs-controls.slider .vs-control.right {
    right: -21px
}

.best-seller-pdp {
    position: absolute;
    top: 0;
    left: -1px
}

.share-social-pdp {
    position: absolute;
    top: 3px;
    right: 5px;
    cursor: pointer
}


.zoom-box {
    position: relative
}

.zoom-box img {
    vertical-align: bottom
}

.zoom-box .zoom-selector {
    position: absolute;
    background-image: url("{{ cdn_url() }}/images/product-details/selector.png");
    background-repeat: repeat;
    display: none;
    cursor: crosshair;
    width: 100px!important;
    height: 100px!important
}

.zoom-box .viewer-box {
    position: fixed;
    border: 1px solid var(--border-color);
    display: none;
    overflow: hidden;
    left: auto!important;
    right: 0!important;
    top: 90px!important;
    width: 62%!important;
    height: 86vh!important;
    z-index: 1050
}

.zoom-box .viewer-box>img {
    position: absolute;
    left: 0;
    top: 0
}

.unserviceable-msg-container{
    margin-top: 3px;
    color: #99abbe;
}
.serviceable-msg-container{
    margin-top: 3px;
    color: #99abbe;
}




/* Product Listing */


.filters_area {
    background-color: #fff;
    position: sticky !important;
    top: 80px;
    bottom: 0;
    z-index: 0;
    align-self: flex-start;
    border: 1px solid var(--border-color);
    max-height: calc(100vh - 100px);
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-bottom: 16px;
}
.filters_area .filterheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color);
}
.filters_area .filterheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 5px;
}
.filters_area .mainHeading {
    font-size: 18px;
    font-weight: 500;
    color: #1e293b;
    margin-bottom: 0;
    /* font-family: Helvetica !important; */
}
.filters_area h3{
    line-height: 25px;
    letter-spacing: 0;
}
.filters_area .clearAll {
    color: var(--theme-color);
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    background: 0 0;
    font-family: Helvetica !important;
    border: 0;
    padding: 0;
    margin: 0;
}

.filters_area .accordion>.card>.card-header {
    background: 0 0 !important;
    cursor: pointer;
    border-bottom: 0;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filters_area .accordion .title {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    font-family: Helvetica !important;
}
.filters_area .badge {
    width: 15px;
    height: 15px;
    background-color: var(--theme-color);
    color: #fff !important;
    font-size: 10px;
    font-weight: 400;
    border-radius: 100%;
    margin: 0 auto 0 5px;
    line-height: 16px;
    text-align: center;
    padding: 0px;
}
.filters_area .rotate-icon {
    transform: rotate(90deg);
}
.filters_area .card {
    border-radius: 0px;
    border: 0px;
    border-bottom: 1px solid var(--border-color);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.filters_area .card:last-child{
    border-bottom: none;
}
.filters_area .card-body {
    max-height: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.filters_area .card-body ul {
    padding-left: 0;
}
.filters_area .card-body ul li {
    display: block !important;
}
.filters_area .card-body ul li div {
    padding: 1px 0;
}

.filters_area .card-body ul li .mfilter-counter {
    font-size: 12px;
    font-weight: 400;
    background: #fff !important;
    color: #0e2a4c !important;
}
.customCheckbox input[type=checkbox] {
    position: relative;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    cursor: pointer;
    margin: 0 .6em 0 0;
    padding: 0 !important;
    height: 15px;
    width: 15px;
    vertical-align: text-bottom;
}
.filters_area .caption div {
    background: no-repeat padding-box #fff;
    border: 1px solid var(--border-color);
    opacity: 1;
}
.filters_area .slider-labels div {
    padding: 5px 6px;
    color: #313133;
    font-size: 14px;
    font-weight: 500;
}

.noUi-origin, .noUi-target {
    border-radius: 2px;
}
.noUi-background {
    background: #ccc;
}
.noUi-horizontal {
    height: 4px;
}
.noUi-target {
    position: relative;
    direction: ltr;
}
.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.noUi-origin, .noUi-target {
    border-radius: 2px;
}
.noUi-connect {
    background: #938f8f;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
.noUi-horizontal .noUi-handle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: -7px;
    top: -4px;
    background-color: #938f8f;
}
.noUi-handle {
    position: relative;
    z-index: 1;
    cursor: default;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box !important;
}
.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.noUi-background {
    background: #ccc;
}

.col-md-3.fliter-sec{
    width: 17%;
}

.col-md-9.product-list-sec {
    width: 82%;
    margin-top: 0px;
}
.col-md-9.product-list-sec .mainHeading {
    font-size: 18px;
    font-weight: 500;
    color: #1e293b;
    margin-bottom: 0;
    
}
.top-menu-filter-dropdown button {
    background: #fff;
    color: var(--black);
    margin-top: 0px;
    margin-left: 5px;
    width: 170px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 37px;
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    border-color: var(--border-color);
}

.product-card {
    max-width: 900px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 0px 15px 0px 0px;
    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); */
    margin-bottom: 20px;
    height: 200px;
}
.doctor-image {
    width: 175px;
    height: 100%;
    /* object-fit: contain; */
    border-radius: 0px;
}
.product-title-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #000;
}
.product-card p {
    font-size: 13px;
    margin-bottom: 7px;
    color: #212529;
}
.book-btn {
    min-width: 100%;
    height: 35px;
    background: var(--theme-color);
    box-shadow: 0 20px 20px #00000003;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-top: 0px;
    line-height: 22px;
    margin-right: 15px;
}
.book-btn:hover{
    background: #0588c1;
    color: #fff;
}
.wishlist-btn {
    margin-top: 16px;
    padding-left: 15px;
}
.wishlist-btn {
    list-style: none;
    display: flex;
    gap: 5px;
    margin-top: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    justify-content: center;
}
.wishlist-btn li {
    background: rgba(3, 160, 227, .1) !important;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 10px;
    cursor: pointer;
}
.product-list-page-middle-block{
    padding: 10px 0px 10px 0px;
}
.product-listing-action-btn {
    align-items: center;
    margin-top: 12px;
    /* margin-bottom: 10px; */
}

.product-list-page-middle-block .main-price-pdp {
    font-size: 20px;
    margin-bottom: 0px;
    margin-right: 5px;
    font-weight: 600;
}
.product-list-page-middle-block p a{
    color: #324357;
    text-decoration: underline;
}
.main-price-pdp .unit {
    color: #5e7792;
    font-size: 12px;
    margin-left: -3px;
}
.share-option {
    position: absolute;
    z-index: 999;
    background: #fff;
    left: 83%;
    top: 4%;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 27px !important;
    font-size: 13px;
    color: var(--theme-color);
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    font-weight: 600 !important;
}
.text-decoration{
    text-decoration: underline;
}
.super-brand{
    width: 20px;
    margin-left: 5px;
}

.product-card .image-container{
    position: relative;
    display: inline-block;
}
.limited-time-offer {
    background: #CC0C39;
    color: #fff !important;
    height: 17px;
    width: 120px;
    text-align: center;
    line-height: 17px;
    display: block;
    font-size: 10px;
    top: 93%;
    position: absolute;
    border-radius: 3px;
}
.best-seller-block {
    background: #febd69;
    color: #212529 !important;
    height: 17px;
    width: 65px;
    text-align: center;
    line-height: 17px;
    display: block;
    position: absolute;
    top: 93%;
    font-size: 10px;
    border-radius: 3px;
}
.product-listing-style-2 .product-card {
    height: auto;
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
}
.product-listing-style-2 .doctor-image {
    width: 100%;
    height: 175px;
    border-radius: 10px;
}
.image-container{
    display: block !important;
}
.product-listing-style-2 .share-option {
    left: 90%;
}
.product-listing-style-2 .doctor-image {
    object-fit: inherit;
}
.product-list-sec.category-listing-page .product-card p {
    font-size: 14px;
    margin-bottom: 7px;
    color: #212529;
}
.product-list-sec.category-listing-page .sub-category{
    border-top: 1px solid var(--border-color);
}
.sub-category .sub-category-block {
    border-right: 1px solid var(--border-color);
    width: 50%;
    padding: 5px 5px;
    display: grid;
}
.sub-category .count{
    font-size: 20px;
    font-weight: 500;
}
.sub-category .total-items-block {
    width: 50%;
    padding: 5px 10px;
    display: grid;
}
.category-listing-page .product-card {
    height: auto;
}
.category-listing-page .category-description{
    height: 45px;
    overflow: hidden;
}
.category-listing-page .share-option {
    left: 88%;
}
.brand-detail-page-sec{
    margin-top: 20px;
}
.company-images .left-img{
    width: 100%;
}
.company-images .right-img {
    width: 50%;
    margin-bottom: 10px;
    display: block;
}

.company-profile-img{
    width: 85px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    object-fit: contain;
    height: 85px;
}
.company-name {
    font-size: 22px;
    font-weight: 600;
    color: #324357;
}
.company-name-desc {
    font-size: 15px;
    margin-bottom: 0px;
}
.company-certified-block img {
    width: 35px;
}
.company-certified-block{
    padding: 22px 26px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    margin-top: 45px;
    margin-bottom: 30px;
}
.rating-count {
    font-size: 23px;
    font-weight: 600;
}
.rating-stars {
    margin-top: 5px;
}
.border-left {
    border-left: 1px solid var(--border-color);
    padding-left: 20px;
}
.company-certified-block p{
    font-size: 15px;
    margin-bottom: 0px;
}
.check-review-btn {
    font-size: 13px;
    color: #212529;
    text-decoration: underline;
}

.company-include-block {
    margin-top: 30px;
    padding-bottom: 5px;
}
.company-include-block .highlight-item {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    margin-bottom: 20px;
}
.company-include-block .highlight-item i {
    font-size: 20px;
    margin-top: 4px;
}
.company-include-block .highlight-title {
    font-size: 16px;
    font-weight:600;
    color:#324357;
    margin-bottom: 5px;
}
.company-include-block .highlight-text {
    color: var(--black);
    font-size: 14px;
    margin-top: 0px;
}
.f-12px {
    font-size: 12px !important;
}
.company-include-block .show-more-button {
    color: var(--theme-color);
    font-weight: 500;
    font-size: 18px;
    text-decoration: underline;
    float: unset;
}
.detail-page-left-side{
    padding-right: 100px;
}

.company-other-details .other-info-title {
    font-size: 16px;
    color: var(--theme-color);
    padding-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
    font-weight: 500;
}
.company-other-details .other-info-title span {
    font-size: 17px;
    margin-right: 5px;
}
.company-other-details p{
    font-size: 14px;
}

#gallery {
    padding-top: 0px 0px 15px 0px;
  }
  @media screen and (min-width: 991px) {
    #gallery {
      padding: 0px 0px 15px 0px;
    }
  }
  
  #gallery .img-wrapper {
    position: relative;
    margin-top: 15px;
    width: 100%;
    /* height: 100px; */
}
  #gallery .img-wrapper img {
    width: 100%;
    height: 100%;
}
  
  #gallery .img-overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
  }
  #gallery .img-overlay i {
    color: #fff;
    font-size: 2em;
  }
  
  #gallery #overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #gallery #overlay img {
    margin: 0;
    width: 80%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    padding: 5%;
  }
  @media screen and (min-width: 768px) {
    #gallery #overlay img {
      width: 60%;
    }
  }
  @media screen and (min-width: 1200px) {
    #gallery #overlay img {
      width: 50%;
    }
  }
  
  #gallery #nextButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
  }
  #gallery #nextButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #gallery #nextButton {
      font-size: 2em;
    }
  }
  
  #gallery #prevButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
  }
  #gallery #prevButton:hover {
    opacity: 0.7;
  }
  @media screen and (min-width: 768px) {
    #gallery #prevButton {
      font-size: 2em;
    }
  }
  
  #gallery #exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 15px;
    right: 15px;
  }
  #gallery #exitButton:hover {
    opacity: 0.7;
  }
  #gallery .col-lg-3 {
    flex: 0 0 auto;
    width: 20%;
    padding-left: 0px;
}
  @media screen and (min-width: 768px) {
    #gallery #exitButton {
      font-size: 2em;
    }
  }

  .tab-ul-list {
    display: block;
    padding-top: 0px;
    padding-bottom: 15px;
    line-height: 29px;
    list-style: disc;
    padding-left: 20px;
}
.tab-ul-list li a {
    display: block;
    font-size: 14px;
    color: #212529;
}
.category-listing-page .book-btn {
    min-width: 100%;
}
.right-side-category-listing {
    width: 330px;
    margin: auto;
    border: 1px solid var(--border-color);
    padding: 15px 25px 5px;
    border-radius: 10px;
    margin-bottom: 25px;
}
.right-side-block-title {
    font-size: 16px;
    font-weight: 600;
    color: #324357;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
}
.right-side-category-listing ul li a {
    color: #212529;
    font-size: 14px;
    width: 100%;
    display: block;
}
.right-side-category-listing ul li{
    border-bottom: 1px dashed var(--border-color);
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.right-side-category-listing ul li:last-child{
    border-bottom:none;
}
.right-side-category-listing ul li a::after {
    content: '\f178';
    font-family: "FontAwesome";
    position: relative;
    font-size: 11px;
    float: right;
    color:var(--theme-color);
}

.brand-block li a{
    display: flex;
}
.brand-block li a::after{
    display: none;
    content: '\f178';
}
.brand-block li a img {
    width: 65px;
    margin-right: 10px;
    height: 60px;
}
.brand-block li a{
    display: flex !important;
}
.brand-block li a .brand-title{
    color: #212529;
    font-size: 14px;
    font-weight: 600;
    display: block;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.brand-block li a p{
    display: block;
    margin-bottom: 0px;
}
.brand-block li{
    border-bottom: 1px solid var(--border-color) !important;
    margin-bottom: 15px !important;
    padding-bottom: 5px !important;
}
.brand-block li:last-child{
    border-bottom:none !important;
}
.brand-text-desc {
    height: 45px;
    overflow: hidden;
    display: block;
    font-size: 12px;
    margin-top: 5px;
}
.left-btn, .right-btn{
    display: none;
}
.product-listing-style1.brand-detail-item-list .mainHeading{
    font-size: 24px;
}










#thumbnails {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
    float: left;
    margin-top: 0px;
    z-index: 2;
    
}
  #thumbnails div {
    overflow: visible !important;
}
  #thumbnails ul {
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 1px solid var(--border-color);
    border: 1px solid var(--border-color);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
  #thumbnails ul li {
    border-right: 1px solid var(--border-color);
    text-align: center;
}
  #thumbnails ul li:last-child{
    border-right: none;
  }
  #thumbnails a {
        width: 100px; 
        display: inline-block; 
        text-align: center; 
        padding: 7px 5px; 
        height: 70px;
}
  #thumbnails a img{
    width: 100%;
  }
  /* Prevent FOUC */
  
  #thumbnails ul.thumbelina {
    visibility: visible;
  }
  #product-image {
    position: relative;
    display: inline-block;
    line-height: 0;
    margin-left: 0px;
    width: 100%;
    text-align: center;
    height: 82%;
    padding: 20px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-width: 0px;
}
.thumbelina-but {
    position: absolute;
    top: 20px;
    cursor: pointer;
    display: none;
}
.thumbelina-but.vert.bottom {
    right: 0px;
}
  
  #zoom-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: fadeout 0.5s; /* Sync with JS */
    background: url('http://res.cloudinary.com/thdoan/image/upload/v1498133706/carousel/watch01-large.jpg') no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    cursor: zoom-out;
    display: none;
    opacity: 0;
    z-index: 1;
  }
  
  .fullscreen {
    overflow: hidden;
  }
  .fullscreen .cloudzoom-zoom-inside {
    visibility: hidden; /* Prevent FOUC */
  }
  .fullscreen #thumbnails {
    position: fixed;
    top: 8px;
    left: 8px;
    opacity: 0.8;
  }
  .fullscreen #zoom-overlay {
    animation: fadein 0.5s; /* Sync with JS */
    display: block;
    opacity: 1;
  }
  
  @keyframes fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  @keyframes fadeout {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }

  #product-image img {
    width: 100%;
    height: 400px;
    vertical-align: super;
    justify-content: left;
    object-fit: cover;
}
#product-image a{
    vertical-align: inherit;
    display: flex;
    object-fit: cover;
    height: 400px;
}

  .footer {
    padding: 0px 0 0;
    background-color: #F7F7F7;
    margin-top: 20px;
}
.footer .footer-top {
    padding: 0px 0 0px;
}
.footer-bottom {
    padding-bottom: 0px;
    margin-top: 20px;
}
.procure-footer{
    padding-top: 45px;
}
.footer-title {
    color: rgb(34, 34, 34) !important;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.footer .footer-widget.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    outline: none;
}
.footer .footer-menu ul li {
    margin-bottom: 5px;
    position: relative;
    font-size: 14px;
    color: rgb(34, 34, 34) !important;
}
.footer .footer-menu ul li a {
    color: rgb(34, 34, 34) !important;
    font-size: 14px;
    padding-left: 20px;
    position: relative;
    transition: all 0.4s ease 0s;
}
.footer .footer-bottom .copyright {
    border-top: 1px solid var(--border-color);
    padding: 10px 0;
}
.footer .footer-bottom .copyright-text p {
    color: rgb(34, 34, 34) !important;
    font-size: 15px;
}
.policy-menu {
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: right;
}
.policy-menu li {
    display: inline-block;
    margin-right: 15px;
}
.policy-menu li a {
    color: rgb(34, 34, 34) !important;
    text-decoration: none;
}
.policy-menu li::after {
    color: #DDDDDD;
    content: "|";
    font-weight: 300;
    position: relative;
    left: 10px;
}
.policy-menu li:last-child::after{
    display: none;
}
.footer .footer-menu ul li a::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    left: 0;
    margin-right: 5px;
    position: absolute;
    top: 0;
    font-size: 12px;
}
.footer .contact-list li span {
    font-weight: 700;
    color: rgb(24 24 27);
    margin-right: 10px;
    position: absolute;
    left: -8%;
    top: 3px;
}
.footer .contact-list a::before{
    display: none;
}
.footer .contact-list a{
    padding-left: 0px !important;
    
}
.footer .contact-list{
    padding-left: 20px !important;
}

.footer .social-links {
    margin-top: 20px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    
}
.footer .social-links li {
    margin-right: 5px;
    display: inline-block;
    margin-top: 10px;
}
.footer .social-links li a {
    border: 1px solid rgb(24 24 27);
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    font-size: 15px;
    display: block;
}
.footer .social-links li a::before {
    display: none;
}
.footer .social-links li a{
    padding-left: 0px !important;
}
.download-app-sec {
    display: flex;
    margin-top: 10px;
}
.download-app-sec img{
    width:20%;
    margin-right: 10px;
}

.unit-of-measure-span {
    color: #99abbe;
    font-size: 12px;
}
.product-detail-page-ratings .rating-star {
    color: #de7921;
    font-size: 14px;
}
.total-rating-count{
    margin-left: 5px;
    margin-right: 5px;
    font-size: 18px;
    font-weight: 600;
}
.product-detail-page-ratings a {
    text-decoration: underline;
    margin-left: 0px;
    color: #5e7792;
    font-size: 12px;
    font-weight: 500;
}


.check_availbility-pin input {
    height: 40px;
    font-size: 12px !important;
    border-radius: 4px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    /* box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; */
    border-color: var(--theme-color);
}
#btn-ok {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 40px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #fff !important;
    border-color: var(--theme-color);
    color: var(--theme-color);
    width: 75px;
    font-size: 14px;
    font-weight: 400;
    border-width: 1px;
}
.fliter-sec .search-input{
    border-radius: 4px;
    height: 30px;
    font-size: 12px;
    margin-bottom: 10px;
}

.totalCartCount {
    position: absolute;
    right: 45%;
    top: 19%;
    padding: 2px 6px;
    background-color: #dc3545;
    border-radius: 32px;
    font-size: 12px;
    font-family: Helvetica !important;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    width: 22px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mean-menu{
    justify-content: space-between;
}
.cartWrapper{
    margin-right: 20px;
}



.showing-product-count{
    font-size: 12px;
    color: #5e7792;
}
.product-list-sec .col-md-3.single-product{
    padding-left: 5px;
    padding-right: 5px;
}

.breadcrumbs-row .breadcrumb{
    margin-bottom: 5px;
}
.breadcrumbs-row .breadcrumb a{
   color:#6c757d;
}
.breadcrumbs-row .breadcrumb .breadcrumb-item.active{
    color:var(--theme-color);
 }
 .stock-availability{
    font-size: 14px;
    font-weight: 500;
}
.dilivery-info {
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 12px;
    padding-left: 5px;
}
.dilivery-info .shipping-chanrges{
    color: #5e7792;
    text-decoration: line-through;
}

.offer-details-block li {
    width: 153px;
    border: 1px solid var(--border-color);
    padding: 10px;
    margin-right: 5px;
    border-radius: 4px;
}
.offer-details-block .more-offer{
    padding: 0px;
    width: auto;
    font-size: 12px;
    font-weight: 500;
    color: var(--theme-color);
    cursor: pointer;
}
.offer-details-block .more-offer span{
    font-size: 9px;
    vertical-align: middle;
}

.offer-details-block p {
    margin-bottom: 0px;
    height: 37px;
    overflow: hidden;
}
.offer-details-block li h6 {
    font-size: 13px;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
}
.offer-details-block{
    display: inline-flex;
}
.bank-offers img {
    width: 18px;
    vertical-align: sub;
}
.offcanvas-header{
    border-bottom: 1px solid var(--border-color);
}
.all-offers li p{
    margin-bottom: 5px;
}
.all-offers li {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.all-offers li:last-child {
    border-bottom: none;
}

.dilivery-info span b{
    font-weight: 500;
    font-size: 12px;
    /* color: #5e7792; */
}


.quantity-cart-option-pdp .form-check.form-check-inline.custom-radio label {
    margin-bottom: 0px;
    vertical-align: middle;
}
.quantity-cart-option-pdp  .form-check.form-check-inline.custom-radio{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
}
.quantity-cart-option-pdp  .form-check.form-check-inline.custom-radio input{
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
.quantity-cart-option-pdp td{
    font-size: 14px;
}
.quantity-cart-option-pdp td .pdp-save{
    font-size: 12px;
    color:var(--theme-color);
}
#request-quote-for-bulk-btn{
    width: 20px;
}
.add-to-cart-inner-pdp .you-will-pay{
    padding: 0px 15px;
}
.product-qty{
    padding: 0px 15px;
}
.product-qty .title-slect-qty {
    padding: 0px 0px;
}
.cart-bottom-action-btn{
    padding: 0px 15px;
}

.add-to-cart-inner-pdp .wishlist-btn {
    list-style: none;
    display: flex;
    gap: 10px;
    margin-top: 5px;
    padding-left: 0px;
    margin-bottom: 0px;
    justify-content: center;
}
.add-to-cart-inner-pdp .wishlist-btn li {
    background: #fff !important;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 10px;
    border: 1px solid var(--border-color);
    color: #474747;
}
.add-to-cart-inner-pdp .wishlist-btn li:hover {
    background: var(--theme-color) !important;
    color: #fff;
    border-color: var(--theme-color) !important;
}
.bank-offers{
    margin-top: 15px;
}
#request-quote-for-bulk-btn img{
    width: 20px;
    height: 20px;
}
.product-qty input{
 border-radius: 4px !important;
}




.top-header-nav-bar {
    background: var(--theme-color);
}
.top-header-nav-bar .nav-link {
    color: #fff;
    font-size: 16px;
    /* min-width: 85px; */
    padding: 5px 7px;
    font-family: var(--bs-font-sans-serif);
    padding-left: 15px !important;
    /* padding-right: 40px !important; */
    min-width: 110px;
    text-align: center;
    padding-right: 15px !important;
}
.top-header-nav-bar .nav-link.active,  .top-header-nav-bar .nav-link:hover{
    color: var(--theme-color);
    background: #fff;
    border-radius: 15px;
}
.top-get-quote-btn {
    background: #fff;
    color: var(--theme-color);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 13px;
    /* height: 37px; */
}
.top-get-quote-btn:hover{
    border-color: #fff ;
    color:#fff;
}

.product-listing-style1{
    margin-top: 15px;
}

.carousel-slider-keyFeature {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 0;
    margin: 0;
    list-style: none;
}
.multisliderItem {
    flex: 0 0 auto;
    margin-right: 10px;
}

/* coming-soon-section section css */



.coming-soon-section h1 {
    font-size: 50px;
    margin-bottom: 0;
    line-height: 1;
    font-weight: 700;
  }
  .coming-soon-section .dot {
    color: var(--secondary-color);
    width: 10px;
    height: 10px;
    display: inline-block;
    background: var(--secondary-color);
    border-radius: 50%;
    margin-left: 5px;
}
  .coming-soon-section p {
    text-align: center;
    margin: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #222 !important;
}
  
  .coming-soon-section .icons {
    text-align: center;
    margin-top: 35px;
  }
  
  .coming-soon-section .icons i {
    color: #fff;
    background: var(--theme-color);
    height: 40px;
    width: 40px;
    padding: 13px;
    margin: 0 5px;
    border-radius: 50px;
    border: 2px solid transparent;
    transition: all 200ms ease;
    text-decoration: none;
    position: relative;
}
  
  .coming-soon-section .icons i:hover, .icons i:active {
    color: var(--theme-color);
    background: none;
    border-color: var(--theme-color);
    cursor: pointer !important;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    text-decoration: none;
  }
  .coming-soon-section {
    text-align: center;
    padding: 60px 0px;
    background-image: url("../images/coming-soon-background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.coming-soon-section .register-now-link{
    color: var(--secondary-color);
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
}

.coming-soon-section .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 50%;
    justify-content: center;
    margin: auto;
}
.coming-soon-section input {
    height: 45px;
    font-size: 14px !important;
    border-radius: 4px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.coming-soon-section #btn-ok {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 45px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    color: #fff;
    width: 110px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.coming-soon-section .coming-soon-services {
    padding-left: 15px;
    line-height: 30px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.coming-soon-section .coming-soon-services a {
    font-size: 14px;
    color: #222;
    text-decoration: none;
    font-weight: 500;
}
.coming-soon-section .w-50 {
    width: 50% !important;
    margin: auto;
    margin-top: 10px;
    border: 1px solid var(--theme-color);
    border-radius: 4px;
}
.coming-soon-section .coming-soon-services li::before {
    content: '\f00c';
    font-family: "FontAwesome";
    margin-right: 5px;
    color: var(--secondary-color);
    font-weight: 500;
}



.main-login-form {
    height: 85vh;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.login-form {
    width: 400px !important;
    border: 1px solid #ccc;
    padding: 0px;
    border-radius: 0px;
    box-shadow: 0px 0px 3px 0px #0000004f;
    margin-top: 2px;
    text-align: left;
}
.login-header {
    background: var(--theme-color);
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 16px;
}
.login-form .form-content {
    padding: 20px 30px;
}
.captcha-value input {
    text-align: center;
    font-weight: 600;
    -webkit-text-stroke-width: 1px;
    font-size: 18px;
    color: white;
    font-size: 18px;
    -webkit-text-stroke: 1px #00000078;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.login-btn {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    background: var(--theme-color);
    border-color: var(--theme-color);
    height: 40px;
    line-height: 26px;
    font-size: 15px;
    color: #fff !important;
    border-radius: 4px;
}
.form-group.text-center.captcha p {
    font-size: 13px;
    margin-bottom: 0px;
}
.form-group.text-center.captcha a {
    color: var(--theme-color);
}
.main-login-for .form-label {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 500;
}
.login-sec img {
    width: 10%;
    margin-top: 10px;
    margin-bottom: -20px;
}
.text-underline{
    text-decoration: underline;
}

.coming-soon-services a:hover{
    color: var(--secondary-color);
}

#gallery .img-wrapper a {
    width: 100%;
    display: inline-block;
    height: 200px;
}

.images-slider-btn-pre-card{
   position: absolute;
   top: 75px;
   background: transparent;
   border: none;
}
.imagesiderBtnPrev{
    right: 48%;
}
.imagessiderBtnNext{
    left: 48%;
}