:root{
    --shakespeare-950:#152B3C;
    --shakespeare-900:#20435A;
    --shakespeare-800:#204F6C;
    --shakespeare-700:#225D82;
    --shakespeare-600:#2974A0;
    --shakespeare-500:#3A90BD;
    --shakespeare-400:#51A4CE;
    --shakespeare-300:#96C8E3;
    --shakespeare-200:#C7E1F0;
    --shakespeare-100:#E6F0F8;
    --shakespeare-50:#F3F8FC;
    
    --neutral-900:#181D27;
    --neutral-800:#252B37;
    --neutral-700:#414651;
    --neutral-600:#535862;
    --neutral-500:#717680;
    --neutral-400:#A4A7AE;
    --neutral-300:#D5D7DA;
    --neutral-200:#E9EAEB;
    --neutral-100:#F5F5F5;
    --neutral-50:#FAFAFA;
    --neutral-25:#FDFDFD;

    --brand-light:#51A4CD;
    --brand-mid:#1979B5;
    --brand-dark:#074D81;

    --green-50:#F2FAF3;
    --green-100: #F3FDF4;
    --green-500:#388E3C;
    --rose-100:#F0C9C7;
    --rose-500:#BB4807;

    --red-50:#FFF4F4;
    --red-100:#F1CECE;
    --red-500:#CA4747;
    --red-600:#DA5151;


    --header-height-web:84px;
    --header-height-mob:64px;
    --header-height-isLogin:112px;

    --transValue: "0";
    
}

*{
    box-sizing: border-box;
    outline: none;
    list-style: none;
    text-decoration: none !important;
}

html,body{
    height: 100%;
}

body{
    font-family: "Barlow", sans-serif;
    font-weight: 400;
}

.modal-backdrop{
    background-color: #152B3C7A;
}
.modal-content{
    border-radius: 12px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.25);
    border: none;
}
.btn-close-modal{
    background-color: transparent;
    border: 0;
    padding: 0;
    line-height: 0;
}


/* Auth */
.auth-modal .modal-content{
    background-image: url('../assest/modal-bg.png');
    background-size: cover;
    background-repeat: no-repeat;

}
.auth-modal .modal-content .modal-header{
    padding: 20px 28px 16px;
}
.auth-modal .modal-content .modal-body{
    padding: 24px 32px 32px;
}
.auth-modal .modal-dialog{
    max-width: 360px;
    width: 100%;
}
.create-account-modal .modal-dialog{
    max-width: 512px;
}

/* Header */
.nav-top{
    height: 38px;
    min-height: 38px;
}
.header{
    height: var(--header-height-web);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.header .menu li{
    padding: 0px 12px;
}
header:not([data-state="isLogin"]) .menu li button{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
header[data-state="isLogin"] .header-content{
    display: block !important;
    width: 100%;
}
header[data-state="isLogin"] .header .left-content{
    height: 76px;
}
header[data-state="isLogin"] .header{
    height: var(--header-height-isLogin);
}
header[data-state="isLogin"] .header .loginBtn{
    display: none !important;
}
header[data-state="isLogin"] .header .menu li span{
    font-size: 14px !important;
    line-height: 22px !important;
    color: var(--neutral-800) !important;
}
header .profile-pic-mobile{
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 3px;
}
header[data-state="isLogin"] .header .menu li.d-none-isLogin{
    display: none;
}
header[data-state="isLogin"] .header .menu li{
    padding-top: 0;
    padding-bottom: 0;
}
header[data-state="isLogin"]:after{
    content: '';
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    position: absolute;
    top: 75px;
}
header[data-state="isLogin"] .d-block-is-login{
    display: block !important;
}
header[data-state="isLogin"] .logo{
    display: flex;
    align-items: center;
}
header .header-search input{
    width: 600px;
    padding-left: 45px;
}
.header .user-dropdown-menu .user-img{
    height: 32px;
    width: 32px !important;
    border-radius: 2px;
    object-fit: cover;

}
.header .user-dropdown-menu button{
    padding: 4px 8px 4px 4px;
}

/* Home page */
.hero{
    background-image: url('../assest/hero-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 0;
}
.hero .title span:after{
    content: '';
    background-color: #CDF1FF;
    border-radius: 4px;
    height: 72px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.hero .title span{
    margin: 0 -10px;
}

.home-our-product{
    background: linear-gradient(180deg, #FFFFFF 0%, #E8F1F4 100%);
    padding: 80px 0;
}
.home-our-product .our-pro-card{
    height: 238px;    
    position: relative;
    z-index: 1;
}


.why-choose-us,
.custom-design{
    padding: 148px 0;
}
.why-choose-us .why-img{
    border-radius: 0 20px 20px 0;
}
.custom-design .custom-img{
    border-radius: 20px 0 0 20px;
}

.certified .certified-card{
    background-color: #E8F1F4;
    border-radius: 20px;
    padding: 64px 16px 64px 102px;
}
.certified .certified-card img{
    top: 40px;
}

.value-proposition{
    padding-bottom: 148px;
}
.value-proposition .value-row .col-6{
    padding: 0 30px;
}

.testimonials{
    background-image: url('../assest/product-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 80px 0;
}
.testimonials .sub-title{
    max-width: 650px;
}
.testimonials .client-img{
    object-fit: cover;
    border-radius: 50px;
    flex-shrink: 0;
    height: 48px;
    width: 48px !important;
}
.testimonials .owl-carousel .owl-stage{
    display: flex;
}
.ts-custom-prev,
.ts-custom-next{
    box-shadow: 0px 4px 20px 0px rgba(14, 41, 62, 0.12);
    width: 44px;
    height: 44px;
}
.ts-custom-prev{
    right: 22px;
}
.ts-custom-next{
    left: 18px;
}

.get-quote{
    background-image: url('../assest/quote.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 120px 0;
}
.get-quote .left-content p{
    max-width: 350px;
}
.get-quote .btn-primary-sim{
    background: #fff !important;
}

.our-app{
    padding-top: 148px;
}

footer{
    padding: 80px 0;
}
footer .copy-right{
    border-top: 1px solid #FFFFFF66;
    padding-top: 32px;
    margin-top: 80px;
}

.product-list,
.product-detail{
    background-color: #fafaf7;
}
.product-list .filter-list .acc-arrow svg path {
    stroke: var(--neutral-400) !important;
}
.product-list .filter-list .filter-footer{
    backdrop-filter: blur(16px);
    box-shadow: 0px -3px 20px 0px rgba(0, 0, 0, 0.04);
}
.product-list .filter-list{
    width: 260px;
}
.product-list .sticky-filter{
    top: 112px;
}
.product-list .filter-list .list-padding{
    padding: 24px 40px;
}
.product-list .filter-list .size-filter .mb-12:last-child {
    margin-bottom: 0 !important;
}
.product-list .products{
    max-width: 1225px;
    padding: 0 100px;
}
.product-list .sort-filter-btn{
    min-width: 242px;
    transition: all .3s ease;
}
.product-list .sort-filter-btn:hover{
    border-color: var(--neutral-500) !important;
}

.product-list .sort-filter-btn[aria-expanded="true"] .down-arrow{
    transform: rotate(180deg);
}
.product-list .sort-dropdown-menu{
    margin-top: -2px !important;
    padding: 0 16px;
}
.product-list .sort-filter-btn[aria-expanded="true"]{
    border-bottom-color: transparent !important;
    border-radius: 4px 4px 0 0 !important;
}
.product-list .sort-dropdown-menu.show {
    border-radius: 0 0 4px 4px !important;
}
.product-list .form-check .form-check-input {
    width: 16px !important;
    height: 16px !important;
    cursor: pointer;
}

.product-card .rating-shape{
    width: 84px;
    background-image: url('../assest/bg-shape.svg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.product-card{
    overflow: hidden;
    background: linear-gradient(white, white) padding-box, linear-gradient(180deg, rgba(150, 200, 227, 0) 0%, #96C8E3 100%) border-box;
    transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.product-card:hover{
    border: 1px solid transparent !important; /* Ensure the border is visible */
    background: linear-gradient(white, white) padding-box, linear-gradient(180deg, rgba(150, 200, 227, 0) 0%, #96C8E3 100%) border-box;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06) !important;
}
.product-card .heart-btn.active svg path,
.product-detail .heart-btn-detail.active svg path{
    fill: var(--brand-dark);
    stroke: var(--brand-dark);
}
.product-detail .btn-share:hover svg path{
    stroke: var(--neutral-500);
}
.btn-add-cart,
.add-to-cart-btn{
    border-color: var(--shakespeare-300) !important;
    letter-spacing: 0.32px;
}
.btn-add-cart:hover{
    border-color: var(--shakespeare-600) !important;
}
.btn-add-cart:disabled{
    border-color: var(--neutral-300) !important;
}
.btn-add-cart:disabled span{
    color: var(--neutral-400) !important;
}
.btn-add-cart:disabled svg path{
    stroke: var(--neutral-400) !important;
}
.add-to-cart-btn .qty-minus{
    border-radius: 4px 0 0 4px !important;
}
.add-to-cart-btn .qty-plus{
    border-radius: 0 4px 4px 0 !important;
}
.add-to-cart-btn button.qty-plus:focus{
    background-color: var(--shakespeare-200) !important;
}
.add-to-cart-btn button.qty-minus:focus{
    background-color: var(--shakespeare-200) !important;
    border-color: var(--shakespeare-600) !important;
}
.right-content .add-to-cart-btn button.qty-plus:focus{
    background-color: var(--shakespeare-200) !important;
}
.right-content .add-to-cart-btn button.qty-minus:focus{
    background-color: var(--shakespeare-200) !important;
}
.products .product-content .pro-row{
    margin: 0 -10px;
}
.products .product-content .pro-col{
    padding: 10px;
}

.product-detail .left-content .slider-for .slick-list{
    width: 424px;
    height: 424px;
    border-radius: 8px;
    border: 1px solid var(--neutral-200);
}
.product-detail .left-content .slick-slide img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
/* .product-detail .slick-track{
    height: 100%;
}
.product-detail .slider-nav .slick-track {
    width: 56px !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-right: 8px;
    row-gap: 2px;
}
.product-detail .slider-nav .slick-slide{
    width: 56px !important;
    height: 56px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 1px solid var(--neutral-200);
} */

/* .product-detail .slider-container {
    display: flex;
    align-items: center;
    gap: 20px;
} */
.product-detail .left-content .slider-nav .slick-slide{
    width: 54px !important;
    height: 54px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    border: 1px solid var(--neutral-200);
    margin: 2px 0px;
}
.product-detail .left-content .slider-nav {
    width: 64px;
    height: 100%;
}

.product-detail .left-content .slider-nav img {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}
.product-detail .left-content .slick-prev{
    top: 0;
}
.product-detail .left-content .slick-next{
    bottom: 0;
}
.product-detail .left-content .slick-next, 
.product-detail .left-content .slick-prev{
    position: absolute;
    border: 1px solid var(--neutral-200);
    background-color: white;
    width: 54px;
    height: 32px;
    border-radius: 2px;
    transform: none;
    overflow: hidden;
    z-index: 1;
}
.product-detail .right-content{
    top: 150px;
}
.product-detail .left-content .slick-next:after, 
.product-detail .left-content .slick-prev:after,
.lg-next:before,
.lg-prev:after{
    content: '';
    background-image: url('../assest/down-arrow.svg');
    width: 24px;
    height: 24px;
    position: absolute;
    transform: translate(-50%,-50%);
    background-position: center;
    left: 50%;
    top: 50%;
    background-size: contain;
    margin-top: 1px;
}
.product-detail .left-content .slick-next:before,
.product-detail .left-content .slick-prev:before{
    content: '';
    background-color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.product-detail .left-content .slick-prev:after{
    transform: translate(-50%,-50%) rotate(180deg);
    margin-top: -1px;
}
/* .product-detail .left-content button.slick-prev.slick-arrow.slick-disabled,
.product-detail .left-content button.slick-next.slick-arrow.slick-disabled{
    display: none !important;
} */
.product-detail .left-content .slider-nav .slick-list{
    display: flex;
    overflow: auto !important;
}
.product-detail .left-content .slider-nav .slick-list::-webkit-scrollbar,
.hidden-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.product-detail .left-content .slider-nav .slick-list::-webkit-scrollbar-thumb,
.hidden-scrollbar::-webkit-scrollbar-thumb {
    background: transparent;
}
.product-detail .left-content .slider-nav .slick-list::-webkit-scrollbar-track,
.hidden-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
/* .product-detail .left-content .slick-next{
    margin-top: 3px;
} */

.lg-outer{
    max-height: 688px;
    max-width: 756px;
    height: 100%;
    background: white;
    margin: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 12px;
    overflow: hidden;
    /* padding-left: 16px; */
}
.lg-outer .lg-thumb {
    padding: 16px 12px 16px 16px;
    display: flex;
    flex-wrap: nowrap;
    margin: auto;
}
.lg-backdrop{
    background-color: #152B3C7A;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{
    /* width: 56px !important;
    height: 56px !important; */
    border: 1px solid var(--neutral-200);
}
.lg-outer .lg-thumb-item.active {
    border-color: var(--brand-dark) !important;
}
.lg-outer .lg-thumb-outer {
    /* padding-bottom: 16px; */
    background-color: white;
}
.lg-outer .lg-object {
    width: 100%;
    object-fit: contain;
}
.lg-toolbar .lg-icon{
    color: var(--neutral-500) !important;
}
.lg-next,
.lg-prev{
    border: 1px solid var(--neutral-200) !important;
    background: white;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    font-family: none !important;
}
.lg-next:before{
    transform: translate(-50%,-50%) rotate(-90deg);
    margin: 0 0 0 2px;
}
.lg-next:before,
.lg-prev:after{
    transform: translate(-50%,-50%) rotate(-90deg);
    width: 18px;
    height: 18px;
}
.lg-prev:after{
    transform: translate(-50%,-50%) rotate(90deg);
    margin: 0 0 0 -1px;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{
    cursor: pointer;
}
.lg-toolbar .lg-close:after{
    content: '';
    background-image: url('../assest/X.svg');
    width: 24px;
    height: 24px;
    position: absolute;
    top: 16px;
    right: 16px;
}
.lg-components{
    transition: none !important;
    transform:none !important;
}
.product-detail .left-content .slider-nav .slick-track{
    transform: translate3d(0px, var(--transValue), 0px) !important;
}
.product-detail .left-content .slick-slide.slick-current.slick-active{
    border-color: var(--brand-dark) !important;
}
/* .product-detail .left-content .slider-for .slick-slide{
    pointer-events: none;
} */
.product-detail .left-content .unit-count{
    min-width: 46px;
    height: 52px;
}
.product-detail .select-size.active,
.product-detail .select-item ul li input:checked ~ label{
    background-color: var(--brand-dark) !important;
    border-color: var(--brand-dark) !important;
    color: white !important;
}
.product-detail .select-size{
    transition: all .3s;
}
.product-detail .select-size:hover{
    border-color: var(--brand-dark) !important;
}
.product-detail .select-item ul li input:checked ~ label svg path{
    fill: white !important;
}
.product-detail .select-item ul li input:checked .pro-unit-count{
    display: block !important;
}
.product-detail .product-slider .slick-dots button{
    width: 8px;
    height: 8px;
    padding: 0;
    overflow: hidden;
    border-radius: 50px;
    background-color: var(--neutral-200);
    border: none;
    color: var(--neutral-200);
}
.product-detail .product-slider .slick-dots .slick-active button{
    background-color: var(--brand-light);
    color: var(--brand-light);
}
.product-detail .product-slider .slick-dots{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.product-detail .product-slider .slick-dots li{
    line-height: 0;
}
.product-detail .details-content{
    padding-left: 64px;
    padding-right: 64px;
}
.product-detail .details-content .navigation li .nav-link.active{
    border-color: var(--shakespeare-500) !important;
    background-color: var(--shakespeare-50) !important;
    color: var(--brand-dark) !important;
}
.product-detail .details-content .nav-pills .nav-link{
    transition: none;
}
.product-detail .details-content .sticky-nav{
    position: sticky;
    top: 80px;
    background: white;
    z-index: 1;
}   
.product-detail .read-more-btn{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -34.71%, #FFFFFF 67.65%);
    height: 115px;
}
.product-detail .description-content{
    max-height: 300px;
}
.product-detail .similar-products{
    margin-top: 80px;
    padding: 80px 0;
}
.product-detail .similar-products .owl-stage-outer{
    overflow: initial;
}
.product-detail .similar-products .owl-stage {
    padding-left: 0 !important;
}

.product-detail .similar-products .owl-stage {
    display: flex;
}

.profile-main .avatar-preview{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.copy-to-text-tooltip{
    gap: 4px;
    width: 87px;
    height: 30px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.11);
    transform: translateX(-50%);
    left: 50%;
    margin-top: 2px;
}
.profile-main .iti--separate-dial-code .iti__selected-flag{
    background-color: var(--neutral-50) !important;
}
.profile-main .profile-content{
    min-height: calc(100vh - 190px);
}
.profile-main .your-order-tab .nav-link.active{
    color: var(--brand-dark) !important;
    border-color: var(--shakespeare-500) !important;
    background-color: var(--shakespeare-50) !important;
}
.profile-main .your-order-tab .nav-link:hover{
    border-color: var(--shakespeare-500) !important;
}
.profile-main .your-order-tab .nav-link.active .order-count{
    display: inline-block !important;
}
.profile-main .order-details-list:last-child{
    border-bottom: 0 !important;
}
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
}
 
.rating > span:hover svg path,
.rating > span:hover ~ span svg path,
.rating > .active svg path,
.rating > .active ~ span svg path,
.modal-rating svg.active path{
    fill: #F9D100;
    stroke: #F9D100;
}
  
.review-modal ul li input:checked ~ label{
    background-color: var(--brand-dark) !important;
    color: white !important;
    border-color: var(--brand-dark) !important;
}
.review-modal textarea{
    height: 120px;
}
.orderDetailProcessingModal .delivered-status{
    border: 1px solid #074D811A;
}
.orderDetailDeliveredModal .in-progress-status{
    border: 1px solid #388E3C1A;
}
.orderDetailCancelledModal .cancelled-status{
    border: 1px solid #CA47471A;
}
.track-order-modal ul li{
    padding-top: 48px;
}
.track-order-modal ul li.active .icon-status{
    background-color: var(--brand-dark) !important;
}
.track-order-modal ul li.active .title{
    color: var(--neutral-900) !important;
}
.track-order-modal ul li.active .date-time{
    display: block !important;
}
.track-order-modal ul li.active .icon-status svg path{
    fill: white;
}
.track-order-modal ul li:first-child:after{
    display: none;
}
.track-order-modal ul li:after{
    content: '';
    border-left: 1px solid var(--neutral-100);
    position: absolute;
    height: 100%;
    left: 20px;
    top: -40px;
} 
.track-order-modal ul li.active::after{
    border-color: var(--brand-dark);
}
.profile-address .adress-selection li input:checked ~ label svg path{
    stroke: var(--brand-dark);
}
.profile-address .adress-selection li input:checked ~ label{
    color: var(--brand-dark) !important;
    border-color: var(--shakespeare-500) !important;
}

.cart-offcanvas{
    width: 480px;
}
.cart-offcanvas .bankTransferDropdown{
    margin: 0 -20px 0 -16px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: default;
}
.cart-offcanvas .select-address-card[for="bankTransfer"].active{
    border-color: var(--shakespeare-500) !important;
}
.cart-offcanvas .add-to-cart-btn .qty-minus:focus, .add-to-cart-btn .qty-plus:focus {
    background-color: var(--shakespeare-100) !important;
    border-color: var(--shakespeare-500) !important;
}
.delete-btn-hover svg path{
    transition: all .3s;
}
.delete-btn-hover:hover svg path{
    stroke: var(--neutral-700);
}
.cart-offcanvas .order-item:last-child{
    border-bottom: 0 !important;
}
.cart-offcanvas .order-item:first-child{
    padding-top: 16px !important;
}
.cart-offcanvas .select-address-footer{
    box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0.04);
}
.hover-border-shakespeare-300:hover{
    border-color: var(--shakespeare-300) !important;
}
.cart-offcanvas .select-address-card.active{
    border-color: var(--shakespeare-300) !important;
}
.cart-offcanvas.select-address .form-check-input[type=checkbox]:checked {
    background-color: var(--brand-mid) !important;
    border-color: var(--brand-mid) !important;
}
.cart-offcanvas .adress-selection li input:checked ~ label svg path{
    stroke: white;
}
.cart-offcanvas .adress-selection li input:checked ~ label{
    color: white !important;
    border-color: var(--shakespeare-500) !important;
    background-color: var(--brand-dark) !important;
}
.cart-offcanvas.active .offcanvas-header{
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
}
.checkout-web-modal{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9;
    background: white;
}
.checkout-web-modal .offcanvas-header ul li.active{
    text-underline-offset: 3px;
}
.checkout-web-modal .offcanvas-header ul li.line{
    border-style: dashed;
    width: 100px;
    border-bottom: thick;
}
.checkout-web-modal .offcanvas-body .right-panel{
    background-color: #fafaf7;
}
.checkout-web-modal .dummy-panel{
    width: 30%;
    position: absolute;
    right: 0;
    background-color: #fafaf7;
    height: 100%;
    margin: 0;
    top: 0;
}
.checkout-web-modal .cus-col-left{
    flex: 0 0 auto;
    width: 60%;
}
.checkout-web-modal .cus-col-right{
    flex: 0 0 auto;
    width: 40%;
}

/* About */
.about-journey{
    background-color: #E1EDF1;
}
.about-hero[data-state="isHero"]{
    background-position: top;
    background-size: 100% 68%;
    padding-bottom: 0;
    margin-bottom: 148px;
}
.about-hero[data-state="isHero"] .hero-img{
    display: block !important;
}
.our-facilities{
    padding: 148px 0;
}
.about-value-proposition .v-card{
    background-color: #E8F1F4;
    padding: 64px 104px;
}
.about-our-team,
.about-get-quote{
    padding: 148px 0;
}
.about-our-team .team-card{
    background: linear-gradient(180.49deg, #EAF2F5 14.25%, #DAF5FF 81.73%);
}
.about-get-quote .get-quote{
    padding-left: 80px;
}

.contact{
    padding: 64px 0;
}
.contact .c-card{
    padding: 40px 48px;
}
.contact textarea{
    resize: vertical;
    min-height: 96px;
    transition: none;
}
.faq-search{
    background-image: url('../assest/faq-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 48px 0;
}
.faq-search input:focus{
    border-color: var(--shakespeare-500) !important;
}
.faq-search input::placeholder {
    color: var(--neutral-600);
    opacity: 1;
}
.faq-search input::-ms-input-placeholder { 
    color: var(--neutral-600);
}
.faq-left-panel{
    width: 412px;
    padding: 48px 32px 48px 80px;
}
.faq-right-panel{
    padding: 48px 80px 0;
}
.faq-right-panel .accordion-button:not(.collapsed) .acc-arrow{
    transform: rotate(0deg);
}
.faq-right-panel .accordion-button:not(.collapsed) .acc-arrow svg path{
    stroke:#A4A7AE;
}
.faq-right-panel .accordion-button[aria-expanded="true"] .acc-arrow{
    transform: rotate(180deg);
}
.faq-right-panel .accordion-button[aria-expanded="true"] .acc-arrow svg path{
    stroke:#1979B5 !important;
}
.faq-right-panel .accordion-item{
    padding: 32px 0;
}
.faq-left-panel .navigation {
    position: sticky;
    top: 130px;
}
.faq-right-panel .accordion-item{
    cursor: pointer;
}
.faq-left-panel .navigation__link.active .title,
.term .navigation li.active{
    color: var(--brand-dark) !important;
}
.faq-left-panel .navigation__link.active .icon path{
    stroke: var(--brand-dark) !important;
}
.faq-help .faq-help-content{
    background-image: url('../assest/faq-help.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 64px 80px;
}
.faq-help .faq-help-content .btn-primary-sim{
    background: #fff !important;
}
.our-app .qr-code-card{
    padding: 6px;
    border-radius: 12px 12px 0 0;
    box-shadow: 0px -4px 14px 0px rgba(0, 0, 0, 0.04);
}
.term .navigation li,
.term-right-panel .page-section{
    list-style: decimal !important;
}
.term-right-panel .page-section::marker{
    font-size: 32px !important;
    line-height: 36px;
    font-family: "Saira", sans-serif;
    font-weight: 600 !important ;
    letter-spacing: -0.48px;
    color: var(--brand-dark);
}
.term-right-panel .dot-ul li{
    list-style: disc;
}
.term-right-panel{
    padding-bottom: 48px !important;
}
.page-404{
    padding: 80px 0;
}
.sim-pro-container{
    width: calc(100vw - (100vw - 1216px) / 2 + 30px);
    margin-right: unset;
    max-width: 100%;
    margin-left: auto;
}

.about-testimonials{
    padding: 80px 0px 124px;
}

.order-status-modal ul .icon-status svg path {
    fill: none !important;
}
.order-status-modal ul li.active .icon-status svg path {
    stroke: white;
}   

.valves-our-product {
    padding-top: 148px;
    padding-bottom: 148px;
}
.valves-our-product .pro-card{
    background: #E8F1F4;
}
.valves-our-product .pro-card:hover .hover-text{
    opacity: 1 !important;
}
.competitor-valves .competitor-card{
    box-shadow: 12px 4px 42.6px 0px rgba(0, 0, 0, 0.04);
}
.oem-how-work, .oem-why-choose-us{
    padding: 80px 0;
}
.oem-how-work .work-card{
    background: #EAF2F5;
    padding: 84px 40px 40px;
}
.oem-how-work .work-card .num{
    color: #074D8133;
    font-size: 72px;
    line-height: 72px;
    top:-15px;
    right: 0;
}
.oem-proven, .oem-facilities{
    padding: 120px 0;
}
.oem-system{
    padding: 120px 0;
    background: #EAF2F5;
}
.oem-system .system-card{
    padding:40px;
}
.oem-value-proposition{
    padding: 80px 0;
}
.oem-get-quote{
    padding: 80px 0 120px;
}
.valves-our-product .pro-card img {
    height: 360px;
    object-fit: contain;
}

.valve-precision .image-container{
    height: 450px;
    width: 450px;
    margin: auto;
}
.valve-precision .image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.valve-precision .cursor-ew-resize {
    cursor: ew-resize;
}
.valve-precision .slider-handle-icon {
    height: 1.5rem; /* Equivalent of h-6 */
    width: 1.5rem; /* Equivalent of w-6 */
}
.valve-precision .slider {
    transform: translateX(-50%);
}
.valve-precision .slider-line {
    width: 6px;
    background-color: var(--brand-dark);
}