@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* 
@font-face {
    font-family: "Roboto", sans-serif;
    src: url("../font/SFPRODISPLAYREGULAR.OTF");
    src: url("..font/SFPRODISPLAYMEDIUM.OTF") format("Otf"),
        url("../font/SFPRODISPLAYBOLD.OTF") format("otf");
} */

:root {
    --red: #b31942;
    --blue: #0a3161;
    --black: #1d1d1f;
    --green: #5ea813;
    --white: #ffffff;
    --grey-1: #6e6e73;
    --grey-2: #edf2f4;
    --grey-3: #f4f4f4;
    --grey-4: #fafafa;
    --orange: #feaf00;
    --light-blue: #e3edf6;
    --font-family: "Roboto", sans-serif;
}

* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family);
    overflow-x: hidden;
    background-color: #F5F5F7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-family: "Roboto", sans-serif; */
    font-family: "Inter", sans-serif;
}

h1 {
    color: var(--blue);
    font-size: 55px;
    font-weight: 800;
}

h2 {
    font-size: 28px;
    color: var(--red);
    font-weight: 700;
    text-transform: capitalize !important;
}

h3 {
    color: var(--white);
    font-size: 35px;
}

h4 {
    color: var(--black);
    font-size: 28px;
}

h5 {
    color: var(--black);
    font-size: 18px;
    font-weight: 700;
}

h6 {
    font-size: 15px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}

p {
    /* line-height: 140px; */
    font-size: 14px;
    font-family: var(--font-family);
}

a {
    text-decoration: none;
    color: var(--black);
    font-family: var(--font-family);
}

p,
nav li .nav-link {
    color: var(--black);
    font-family: var(--font-family);
}

.red {
    color: var(--red);
}

.blue {
    color: var(--blue);
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1440px;
    }
}

.bg-white-h {
    background-color: #F5F5F7;
    box-shadow: 0 1px 6px #e7e7e7;
}

.content {
    padding-top: 30px;
    padding-bottom: 30px;
}

section.content.coupons {
    padding-top: 25px;
    padding-bottom: 0px;
}

section.content.banner-offers {
    padding-top: 0px;
    padding-bottom: 0px;
}

section.content.best-sell {
    /* padding-top: 20px; */
}

.best-sell .slick-slide .client-section img {
    width: 172px;
    height: 30px;
    margin: auto;
    object-fit: contain;
}

.sliderarrow.slick-arrow {
    background: #fafafa;
    box-shadow: 0px 0px 3px 1px #8495ab70;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    position: absolute;
    display: flex;
    top: 49% !important;
    z-index: 9;


}

.sliderarrow.slick-arrow {
    opacity: 0;
}

.slick-slider:hover .sliderarrow.slick-arrow {
    opacity: 1;
    transform: scale(.8);
    transition: transform .5s ease-in, opacity .7s cubic-bezier(.15, 0, .2, 1) .1s;
}

.sliderarrow .slick-arrow:hover {
    background: #0a3161;
}

.sliderarrow.slick-arrow img {
    width: 13px;
}

.sliderarrow.slick-arrow:hover img {
    filter: brightness(0);
}

.NextArrow.next.sliderarrow.slick-arrow {
    right: -10px;
    background-color: #d2d2d7a3;
}

.PrevArrow.prev.sliderarrow.slick-arrow {
    left: -10px;
    z-index: 10;
}

.PrevArrow.prev.sliderarrow.slick-arrow {
    background-color: #d2d2d7a3;
}

/* Top header start */
.main-top {
    background-color: var(--blue);
}

.main-top p {
    color: var(--white);
    font-size: 12px;
}

.list-1 {
    list-style: none;
    display: flex;
}

.list-1 li {
    padding: 0px 10px;
}

.list-1 li a {
    text-decoration: none;
    color: var(--white);
    font-size: 12px;
}

/* Top header end */

/* Home header start */
.dynamic-menu-product ul li {
    display: inline-block;
}

.dynamic-menu-product ul li a {
    color: var(--primary, #0a3161);
    font-size: 14px;
    font-weight: 500;
    margin-right: 30px;
}

.dynamic-menu-product {
    background: var(--base-color, #e3edf6);
    padding: 13px 0;
}

.dynamic-menu-product {
    position: sticky;
    top: 51px;
    z-index: 99;
}

.home-header {
    z-index: 1;
    position: relative;
}

.wishlist,
.cart {
    position: relative;
    padding-top: 8px;
}

.wishlist-num,
.cart-num {
    background: var(--red);
    font-weight: 500;
    color: var(--white);
    font-size: 12px;
    padding: 1px;
    border-radius: 28px;
    width: 18px;
    height: 18px;
    position: absolute;
    text-align: center;
    top: 0px;
    left: 25px;
}

.wishlist-num {
    left: 35px;
}

.logo {
    padding: 15px 0px;
}

.search-btn {
    background-color: var(--blue);
    width: 20%;
    border: none;
}

.form-select {
    width: 60%;
}

.form-control,
.form-select {
    color: var(--grey-1);
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    padding: 10px 20px;
}

.form-select:focus,
.form-control:focus {
    border-color: var(--white);
    box-shadow: none;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.user-sign-in img {
    border: 1px solid #cddbe1;
    border-radius: 50%;
    padding: 9px 10px;
}

.connect-section {
    display: flex;
    position: fixed;
    right: 0;
    top: 50%;
    background-color: var(--red);
    padding: 8px 15px;
    color: var(--white);
    justify-content: center;
    transform: translate(79px, -50%) rotate(-90deg);
    cursor: pointer;
    z-index: 99;
}

.connect-section h5 {
    color: var(--white);
    padding-left: 10px;
    margin-bottom: 0;
}

/* Home header end */

.all-product-menu-bar {
    z-index: 999 !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 8px;
    padding-left: 5px;
}

.navbar.navbar-expand-lg {
    padding: 0;
}

.navbar .navbar-nav li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    text-align: start;
}

.nav-link.dropdown-toggle {
    /* background: var(--blue); */
    color: var(--blue);
    padding: 10px 20px;
}

/* Nav end */

/* Home banner start */
.trend-img img {
    width: 361px;
    height: 198px;
    object-fit: contain;
}

.product_name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.topheadign-banner {
    font-size: 18.09px;
    font-style: normal;
    font-weight: 700;
}

.banner {
    background-color: var(--grey-3);
}

.banner-heading {
    font-family: var(--font-family);
    font-size: 62px;
    font-weight: 800;
    line-height: 69px;
    color: var(--blue);
}

.banner h4 {
    font-family: Schoolbell;
    font-size: 27px;
    font-weight: 400;
    line-height: 38px;
    color: var(--blue);
}

.btn {
    padding: 8px 28px;
}

.cancel-form {
    color: var(--primary, #b31942);
    font-size: 18.09px;
    font-weight: 600;
    margin-left: 14px;
}

.shop-now-btn {
    background-color: var(--blue);
    color: var(--white);
    border-radius: 40px;
    font-size: 16px;
    font-weight: 500;
    border: 2px solid var(--blue);
}

.shop-now-btn:hover {
    background-color: transparent;
    border: 2px solid var(--blue);
    color: var(--blue);
    /* padding: 10px 15px; */
}

.shop-now-btn:hover svg,
.shop-now-btn:hover svg path {
    color: var(--blue);
    fill: var(--blue);
}

.banner-content {
    position: relative;
}

.banner-home .banner img {
    /* height: 660px;
    background-size: contain !important; */
    border-radius: 18px;
    width: 100%;
    cursor: pointer;
}

.banner {
    /* background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important; */
}

.banner-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    padding: 0;
}

.banner-img img {
    width: 100%;
}

.slick-dots li.slick-active button:before {
    color: var(--red);
}

.banner-offers .banner-content {
    padding: 25px;
}

.banner-home .slick-dots {
    position: absolute;
    bottom: 88px;
    left: 54px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}

.banner-home .slick-dotted.slick-slider {
    margin-bottom: 30px;
    /* height: 100%; */
    /* margin-top: 10px; */
}

.slick-dots li button:before {
    font-family: "slick";
    font-size: 40px;
    line-height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.banner-home .slick-dotted.slick-slider {
    height: 100%;
    /* overflow: hidden; */

}

.banner-home .slick-dots li {
    margin: 0 -2px;
}

/* .banner-home .slick-list {
    height: 100%;
    overflow: hidden;
} */

.dropdown-item {
    position: relative;
}

.dropdown-item:first-child::after {
    content: none;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #000;
    background-color: #dfdedd;
}

.dropdown-menu li:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 20px;
    /* background: url(../img/svg/next.svg); */
    background-repeat: no-repeat;
    z-index: 99;
    width: 15px;
    height: 15px;
}

.sub-dropdown li:after {
    content: none;
}

.sub-dropdown-item {
    width: 100%;
}

.dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

.sub-dropdown {
    position: absolute;
    right: -265px;
    top: 0px;
    width: 100%;
    background: #fafafa;
    box-shadow: 10px 10px 52px 7px rgba(0, 0, 0, 0.16);
    padding: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

.dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
}

.dropdown-menu .sub-dropdown-li:hover .sub-dropdown {
    opacity: 1;
    visibility: visible;
}

.navbar-nav .nav-link.show {
    color: rgb(255 255 255);
}

.dropdown-item::after,
.sub-dropdown-li .dropdown-item:after {
    content: "";
    position: absolute;
    background: radial-gradient(ellipse at top,
            #ddd 0,
            rgba(255, 255, 255, 0) 77%);
    top: 0;
    left: 0;
    width: 100%;
    height: 5%;
}

.dropdown-menu li {
    display: flex;
    align-items: center;
    position: relative;
}

.filter-box {
    background-color: var(--grey-4);
    padding: 26.1px;
    border-radius: 5px;
    transition: 0.5s;
}

.banner-text {
    position: absolute;
    top: 160px;
    left: 65px;
    width: 56%;
}

.shop-now-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: var(--grey-1);
}

.filter-box:hover {
    box-shadow: 0px 5px 6px 0px #ddd;
    transform: translate(0px, -10px);
}

/* Home banner end */

/* Best Selling Products start */
.best-sell h2,
.product h2 {
    color: #0A3161;
    font-weight: 700;
    text-transform: capitalize !important;
     font-size:28px;
}
.best-sell h1,
.product h1 {
    color: #0A3161;
    font-weight: 700;
    text-transform: capitalize !important;
     font-size:28px;
}

.product-box h6 {
    color: #464646;
    font-size: 16px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    margin: 5px 0 0;
}

.product-box p {
    /* font-weight: 500;
    margin-bottom: 4px;
    font-size: 17px; */
    font-weight: 500;
    margin-bottom: 0px;
    width: 100%;
    font-size: 17px;
    bottom: 0;
    position: absolute;
    overflow: hidden;
}

.product-box .old-price {
    font-size: 13px;
    color: #b5b5b5;
    font-weight: 500;
    padding-left: 6px;
}

.deal {
    color: var(--green);
    font-size: 12px;
    font-weight: 500;
}

.best-deal-product {
    padding: 5px 0px;
}

.product-box {
    /* padding: 10px 20px; */
}

.add-to-cart {
    padding: 8px 25px;
    color: var(--blue);
    border: 2px solid var(--blue);
    border-radius: 20px;
    font-size: 13px;
    font-weight: 800;
    width: 100%;
    text-transform: uppercase;
    margin-top: 7px;
}

.add-to-cart:hover {
    color: var(--white);
    background-color: var(--blue);
    padding: 8px 25px;
    font-weight: 500;
}

.slick-prev,
.slick-next {
    display: none;
}

.slick-prev:before,
.slick-next:before {
    color: var(--black);
    background-color: var(--grey-2);
}

.small-banner {
    margin-top: 30px;
}

.product .product-box {
    transition: 0.5s ease;
    border-radius: 18px;
    background: #FFF;
    box-shadow: 0px 0px 7.4px 1px rgba(0, 0, 0, 0.06);
    margin: 10px;
    position: relative;
    height: 400px !important;
}

.second-pro-img {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.product .product-box:hover img:not(.second-pro-img) {
    opacity: 0;
}

.product .product-box:hover .second-pro-img {
    opacity: 1;
}

.product .product-box:hover {
    /* transform: scale(1.1); */
}

/* Best Selling Products end */

/* Site Information start */
.info-box {
    display: flex;
    /* justify-content: space-around; */
    /* background-color: var(--grey-3); */
    align-items: center;
    padding: 24px 63px 23px 24px;
    /* border-radius: 10px; */
    border-radius: 18px;
    background: #FFF;
    box-shadow: 0px 0px 7.4px 1px rgba(0, 0, 0, 0.06);
}

.info-box h6 {
    color: #303030;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.info-box p {
    margin-bottom: 0px;

}

.info-box .info-text {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
}

.tend-product-box {
    display: flex;
}

.buy-now {
    padding: 8px 25px;
    color: var(--blue);
    border: 2px solid var(--blue);
    border-radius: 20px;
    font-size: 12px;
    font-weight: 800;
}

.buy-now:hover {
    color: var(--white);
    background-color: var(--blue);
    padding: 8px 25px;
}

.tend-product-box {
    background-color: var(--grey-4);
    overflow: hidden;
    position: relative;
}

.trend-head {
    padding: 50px 160px 50px 20px;
}

.trend-head .btn {
    position: relative;
    z-index: 9;
    margin-top: 10px;
}

.trend-img {
    position: absolute;
    right: 0;
    top: 0;
}

.trend-img img {
    transform: translateX(180px);
    transition: 0.5s ease;
}

.tend-product-box {
    transition: 0.5s ease;
}

.tend-product-box:hover img {
    transform: scaleX(0.9);
    z-index: -1;
    transform: translateX(100px);
}

/* Site Information end */

/* second slider start */
.second-banner-slider .slick-dots li button:before {
    right: 0;
}

/* second slider end */

/* Featured Products start  */
.w-20 {
    /* width: 20%; */
}

.w-10 {
    width: 30px;
}

.w-15 {
    width: 15%;
}

.content .banner {
    background-color: transparent;
    position: relative;
    margin: 15px 0;
}

.content .info-img {
    margin-right: 18px;
}

/* Featured Products end  */
.second-banner-slider .slick-dots {
    bottom: 149px;
    right: 73px;
    width: 0%;
}

.second-banner-slider .slick-dots li.slick-active button:before {
    color: #0a3163;
}

/* Subscribe section start */
.subscribe-section {
    background-image: url(../img/background-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: cover;
    text-align: center;
    padding: 20px 0;
}

.subscribe-section .form-control {
    color: var(--grey-4);
    /* opacity: 0.3700000047683716; */
    background: #edf2f44f;
    border-color: transparent;
    font-size: 12px;
    padding: 13px 28px;
}

.form-control.mx-auto.rounded-pill::placeholder {
    color: #fff;
}

.subscribe-btn {
    background: #5B5E63;
    color: #A2A9B0;
    padding: 10px 30px;
    /* border: 2px solid var(--blue); */
}

.subscribe-btn:hover {
    background: transparent;
    color: #A2A9B0;
    border: 1px solid var(--white);
}

.mt-50 {
    margin-top: 50px;
}

.editing-view-port {
    color: #fff;
}

/* Subscribe section end */
/* apple page  */
.cart-image.top-deals-card img {
    width: 416px;
    height: auto;
    margin: auto;
    object-fit: contain;
    padding: 10px 35px;
}

.top-deals-card {
    border-radius: 5px;
    text-align: center;
    transition: 0.5s;
    border: 1px solid var(--base-color, #e3edf6);
    padding: 20px;
}

.book-app h2,
.book-app p {
    color: #fff;
    margin: 0;
}

.section-padding {
    padding: 30px 0;
}

.book-app .add-to-carts {
    color: var(--grey-shades-4, #fafafa);
    font-size: 12px;
    font-weight: 500;
    line-height: 97%;
    border-radius: 20px;
    letter-spacing: 1px;
}

.book-app {
    background-image: url(../img/book-bg.jpg);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 27px 0;
    /* margin-bottom: 20px; */
}

.book-app img {
    filter: brightness(40.5);
}

.book-app h6 {
    color: var(--grey-shades-4, #fafafa);
    font-size: 16px;
    font-weight: 700;
}

.top-deals-card:hover {
    /* background: #fff;
    box-shadow: 5px 5px 36px 17px rgba(0, 0, 0, 0.03); */
}

.banner-all-pages h2 {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    text-transform: capitalize;
}

.banner-all-pages p {
    color: #ffb11b;
    font-size: 18px;
    font-weight: 700;
}

.banner-padding {
    padding: 122px 0;
}

section.book-app .row {
    align-items: center;
}

/* footer section start */

footer {
    background-color: var(--grey-4);
}

.footer-title {
    color: #FDFDFD;
    line-height: 20px;
    padding-bottom: 10px;
}

.footer-widget .footer-tittle {
    color: var(--blue);
}

.footer-list {
    font-family: var(--font-family);
    padding: 0;
}

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

.footer-list li a {
    color: #C2C1C1;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-list li a:hover {
    transform: translateX(10px);
    transition: 0.5s;
}

.footer-list li a.facebook:hover {
    background-color: #3b5998;
}

.footer-list li a.insta:hover {
    background-color: #AA1E5A;
}

.footer-list li a.linke:hover{
    background-color: #0077b5;
}
.footer-list li a.tw:hover {
    background-color: #2c2c2c;
}

.footer-social {
    color: var(--blue);
}

.footer-social a {
    background-color: var(--grey-3);
    color: var(--blue);
    padding: 11px 15px;
    margin-right: 5px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    line-height: 40;
}

.footer-social a i {
    color: #000;
}

.footer-social a:hover i {
    /* background-color: var(--blue); */
    color: var(--white);
}

.copyright {
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    color: #fff;
}

/* footer section end */

/* Deal listing page start */
.deal-banner {
    background-image: url(../img/best-deal.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 55px 0;
    height: 356px;
}

.banner-section-2 h5 {
    color: #f2f2f2;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.deal-banner h1 {
    color: var(--orange);
    font-family: var(--font-family);
    font-size: 55px;
    line-height: 66px;
}

.deal-banner h5 {
    color: var(--white);
}

.time-section p {
    color: var(--white);
}

.deal-countdown {
    text-align: center;
}

.timer {
    font-family: Share Tech;
    font-size: 73px;
    font-weight: 400;
    line-height: 82px;
    text-align: center;
    color: var(--white);
}

.text-8xl {
    font-size: 4rem !important;
    line-height: 0 !important;
}

.time {
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
}

body .font-bold {
    color: #f2f2f2;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}

.font-redHatText {
    font-family: "Red Hat Text", sans-serif;
}

.bg-grayishBlue {
    background-color: hsl(237, 18%, 59%);
}

.text-grayishBlue {
    color: hsl(237, 18%, 59%);
}

.text-softRed {
    color: hsl(345, 95%, 68%);
}

.bg-darkDesaturatedBlue {
    background-color: hsl(236, 21%, 26%);
}

.bg-slightlyDarkerDesBlue {
    background-color: hsl(236, 21%, 20%);
}

.bg-veryDarkBlue {
    background-color: hsl(235, 16%, 14%);
}

.bgmostlyBlackBlue {
    background-color: hsl(234, 17%, 12%);
}

.container-shadow {
    -webkit-box-shadow: 0px 17px 12px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 17px 12px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 17px 12px 1px rgba(0, 0, 0, 0.75);
}

.bottom-flip-shadow {
    -webkit-box-shadow: inset 0px -2px 1px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: inset 0px -2px 1px 0px rgba(0, 0, 0, 0.42);
    box-shadow: inset 0px -2px 1px 0px rgba(0, 0, 0, 0.42);
}

.top-flip-shadow {
    -webkit-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.42);
    box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.42);
}

.flip-card-top {
    animation: flip-top 350ms ease-in;
    transform-origin: bottom;
}

@keyframes flip-top {
    100% {
        transform: rotateX(90deg);
    }
}

.flip-card-bottom {
    animation: flip-bottom 350ms ease-in-out 350ms;
    transform-origin: top;
    transform: rotateX(90deg);
}

@keyframes flip-bottom {
    100% {
        transform: rotateX(0deg);
    }
}

.attribution {
    font-size: 11px;
    text-align: center;
}

.attribution a {
    color: hsl(228, 45%, 44%);
}

/* Deal listing page end */

/* apple-product page  */
.light-btn {
    border-color: #fff;
    padding: 12px 25px 10px !important;
}

.light-btn:hover {
    background: #fff;
    color: #0a3161;
}

.top-deals-card {
    transition: 0.5s;
}

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

/* lg  */
.lg-banner {
    background-image: url(../img/lg-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* bose  */
.bose-banner {
    background-image: url(../img/bose-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* canon  */
.canon-banner {
    background-image: url(../img/canon-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* sony  */
.sony-banner {
    background-image: url(../img/sony-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* epson  */
.epson-banner {
    background-image: url(../img/epson-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* google  */
.google-banner {
    background-image: url(../img/google-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* best-selling  */
.best-selling-banner {
    background-image: url(../img/best-selling-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 356px;
}

/* new-arrivals  */
.new-arrivals-banner {
    background-image: url(../img/new-arrivals-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 356px;
}

.top-deals-banner {
    background-image: url(../img/top-deals-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 356px;
}

/* shop page  */
.filter-products .accordion-button {
    color: var(--heading, #1d1d1f);
    font-size: 16px;
    font-weight: 700;
}

.filter-products .accordion-button {
    background: transparent;
    border: 0;
    box-shadow: none;
}

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

.filter-products .accordion-item.accordion-listing-item {
    border: 1px solid var(--grey-shades-2, #edf2f4);
    margin-bottom: 5px;
    border-radius: 10px;
}

.filter-products {
    padding: 20px 0 40px;
}

.filter-products .accordion-body label.blue-color {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 16px;
    font-weight: 500;
}

.filter-products .form-group input {
    padding: 0;
    width: 18.648px;
    height: 18.648px;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.filter-products .form-group label {
    position: relative;
    cursor: pointer;
    color: var(--grey-shades-1, #6e6e73);
    font-size: 15px;
    font-weight: 500;
}

.filter-products .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #6e6e73;
    padding: 7px;
    border-radius: 1.332px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 12px;
}

.filter-products .form-group input:checked+label:before {
    border: 2px solid var(--primary, #0a3161);
    background: var(--primary, #0a3161);
}

.filter-products .form-group input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 6px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.filter-products .form-group {
    margin-bottom: 12px;
}

.form-label.price-range {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 16px;
    font-weight: 500;
}

.price-range-slider {
    width: 100%;
    padding-bottom: 30px;
}

.price-range-slider .range-value {
    margin: 0;
}

.price-range-slider .range-value input {
    width: 100%;
    background: none;
    color: #000;
    font-size: 16px;
    font-weight: initial;
    box-shadow: none;
    border: none;
    margin: 0px 0 20px 0;
}

.price-range-slider .range-bar {
    border: none;
    background: #000;
    height: 3px;
    width: 96%;
    margin-left: 8px;
}

.price-range-slider .range-bar .ui-slider-range {
    background: #e3edf6;
}

.price-range-slider .range-bar .ui-slider-handle {
    border: none;
    border-radius: 25px;
    background: #0a3161;
    border: 2px solid #0a3161;
    height: 14px;
    width: 14px;
    top: -0.32em;
    cursor: pointer;
}

.price-range-slider .range-bar .ui-slider-handle+span {
    background: #0a3161;
}

.filter-icon {
    top: 175px;
    right: 19px !important;
    background: #fff;
    width: 38px;
    text-align: center;
    padding: 2px 3px 3px;
    border-radius: 5px 0px 0px 5px;
    box-shadow: 0px 0px 3px 0px #e9e9e9;
}

/* user page  */
.user-name p {
    color: var(--content, #303030);
    font-size: 18px;
    margin: 0;
}

img.user-img {
    width: 49.3px;
    height: 49.3px;
    flex-shrink: 0;
    border-radius: 49.3px;
    margin-right: 16px;
}

.user-name {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 5px 75px 0 rgba(0, 0, 0, 0.07);
    padding: 20px 15px;
}

.left-bar ul {
    list-style: none;
    padding: 0;
}

.order {
    border-radius: 15px;
    background: #fff;
    box-shadow: 5px 5px 78px 0px rgba(0, 0, 0, 0.05);
    padding: 20px;
}

.list a {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 16px;
    font-weight: 500;
}

.sub-order-list li a {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 15px;
    font-weight: 400;
    padding-left: 34px;
}

.sub-order-list li {
    margin: 7px 0;
}

.user-profile .left-bar .inner-drop2:hover a,
span.edit-option a:hover {
    color: #ba1942;
    stroke: #b31942;
    fill: #b31942;
}

.user-profile .left-bar .inner-drop2:hover .float-end svg path {
    stroke: #b31942;
}

.inner-drop2 {
    cursor: pointer;
}

.right-bar .form-control,
.right-bar .form-select {
    border-radius: 1000px;
    background-color: #f9fbfb;
    border: 1px solid #f9fbfb;
}

.right-bar .form-select {
    padding: 10px 17px 10px 20px;
}

.profil-user-page .right-bar {
    background: #ffffff !important;
    box-shadow: 5px 5px 94px 0px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    padding: 30px;
}

.user-profile.profil-user-page .Personal-Information {
    padding: 0;
    background: #fff;
    box-shadow: none;
}

.Personal-Information h5 {
    color: var(--content, #303030);
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 18px;
    line-height: normal;
}

.user-profile label {
    display: none;
}

.form-check label {
    display: block;
}

.form-check-input:checked[type="radio"] {
    background: url(../img/radio-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-color: transparent;
    background-position: center;
}

.form-check .form-check-input:focus {
    border-color: none;
    transition: 0.5s;
    box-shadow: none;
}

.toggle-icon {
    transition: 0.5s;
    display: block;
    transform: rotate(87deg);
}

.list li .float-end {
    transition: 0.5s;
}

/*user profile */
.op-image {
    border-radius: 10px;
    background: var(--grey-shades-4, #fafafa);
    width: 103px;
    height: 103px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.op-image img{
    width: 70px !important;
    height: 70px !important;
    object-fit: contain !important;
}
.order-title {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 16px;
    font-weight: 700;
}

.order-price {
    color: var(--content, #303030);
    font-size: 16px;
    font-weight: 700;
}

.order-status.status-type1 {
    color: var(--deals, #5ea813);
    font-size: 16px;
    font-weight: 700;
}

.user-profile.order-page .right-bar {
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.user-profile.order-page .order-product {
    border-radius: 15px;
    background: #fff;
    box-shadow: 5px 5px 59px 0 rgba(0, 0, 0, 0.05);
    padding: 16px;
}

.order-status.status-type3 {
    color: var(--deals, #dc0707);
    font-size: 16px;
    font-weight: 700;
}

.order-status {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 16px;
    font-weight: 700;
}

.form-control.error {
    border: 1px solid red !important;
}

.error {
    color: red;
}

.edit-address-icon svg {
    cursor: pointer;
}

.edit-address-icon svg path:hover {
    fill: #b41e45;
}

.edit-click .dropdown-menu {
    fill: var(--grey-shades-4, #fafafa);
    box-shadow: 44px 58px 89px 0px #ebebeb;
    border-radius: 20px;
    transform: translate(-94px, 0) !important;
    padding: 17px 30px;
}

.edit-click ul {
    padding: 0;
    margin: 0;
}

.Personal-Information .dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    height: 99px;
    border: 0;
    padding: 17px 30px;
    inset: 0 !important;
}

.Personal-Information .dropdown-menu li:after {
    content: none;
}

.Personal-Information .dropdown-menu:focus-visible {
    outline: none;
}

.user-profile.address-display-page .right-bar,
.user-profile.add-new-address .right-bar,
.user-profile.add-phone-number .right-bar {
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.user-profile .Personal-Information {
    border-radius: 15px;
    background: #fff;
    box-shadow: 5px 5px 94px 0px rgba(0, 0, 0, 0.05);
    padding: 30px;
}

.user-profile .form-check-input[type="radio"] {
    border-radius: 50%;
    border: 2px solid #e3edf6;
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

.user-profile.address-display-page .Personal-Information h5 {
    color: #00579c;
}

.coupons .Personal-Information .order-product p {
    color: var(--content, #303030);
    margin: 0;
    font-size: 12px;
}

.coupons .Personal-Information .order-price {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 12px;
    font-weight: 700;
}

.coupons .Personal-Information .order-status {
    color: var(--edit, #00579c);
    font-size: 12px;
    font-weight: 700;
}

.coupons .Personal-Information .my-coupons .order-title {
    color: var(--deals, #5ea813);
}

.coupons .Personal-Information .order-product {
    border: 0.5px solid var(--grey-shades-2, #edf2f4);
    border-radius: 2px;
    padding: 15px;
}

.no-address .right-bar {
    border-radius: 15px;
    background: #fff;
    box-shadow: 5px 5px 56px 0px rgba(0, 0, 0, 0.05);
    padding: 40px 0;
}

.notification-image {
    width: 64px;
    height: 64px;
    background: #e3edf6;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-notification {
    width: 14px;
    height: 14px;
    background: #dc0707;
    display: block;
    border-radius: 50px;
    margin: 4px auto 0;
}

.notification .notification-box,
.faq-page .right-bar {
    border-radius: 15px;
    background: #fff;
    box-shadow: 5px 5px 78px 4px rgba(0, 0, 0, 0.05);
    padding: 25px;
}

.notification-box hr {
    width: 96%;
    margin: 20px auto;
    color: #cfcfcf;
}

.time-point {
    width: 8px;
    height: 8px;
    background: #6e6e73;
    display: inline-block;
    border-radius: 50px;
    margin: 0px 10px;
}

.time-notification,
.product-notification {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 12px;
}

.notification-box .row:last-child hr {
    display: none;
}

.notification-t {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.mark-read {
    color: var(--primary, #b41e45);
}

.wishlist-image img {
    width: 69px;
    height: 69px;
    line-height: 69px;
    object-fit: contain;
}

.wishlist-prod {
    padding: 13px;
    border: 1px solid #edf2f4;
}

.wishlist-price {
    font-size: 16px;
    font-weight: 700;
}

.wishlist-price2 {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 12px;
    font-weight: 700;
}

.wishlist-title-pro {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.faq-page .accordion-item {
    border-radius: 0 !important;
    margin-bottom: 21px;
    border: 1px solid #edf2f4 !important;
}

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

.faq-page .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

.faq-page button.accordion-button.collapsed,
button.accordion-button {
    color: var(--heading, #1d1d1f);
    font-size: 16px;
    font-weight: 700;
}

.form-in {
    position: relative;
    width: 490px;
    padding: 40px;
    border-radius: 15px;
    border: 1px solid var(--grey-shades-3, #f4f4f4);
    background: #fff;
    box-shadow: 8px 0px 34px 0px rgba(0, 0, 0, 0.06);
    margin: auto;
}

.form-in img {
    position: absolute;
    height: 20px;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

.login-form h5+p {
    font-size: 16px;
    margin-bottom: 21px;
}

.user-form .shop-now-btn.btn {
    width: 100%;
}

.sign-in-icon span {
    font-weight: 500;
    color: var(--grey-shades-1, #6e6e73);
}

.sign-in-icon {
    padding: 11px 27px;
    border-radius: 1000px;
    background: var(--grey-shades-2, #f8fafb);
    text-align: center;
}

.form-in .sign-in-icon svg {
    margin-right: 10px;
}

.form-in .have-account {
    color: var(--content, #303030);
    font-size: 12px;
}

.form-in .sign-up-link {
    font-weight: 700;
}

.user-form {
    background-image: url(../img/user-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.user-form .have-account a:hover {
    text-decoration: underline;
}

/* order detail page  */
.order-detail h3 {
    color: var(--primary, #0a3161);
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    border: 2px dashed var(--content, #303030);
    padding: 20px;
}

.order-number p b {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 16px;
    font-weight: 700;
}

.order-number p span {
    color: var(--grey-shades-1, #6e6e73);
    font-weight: 400;
}

.order-number div {
    position: relative;
}

.order-number div:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 47px;
    background: #6e6e73;
    left: 0;
    top: -10px;
}

.order-number div:first-child:after {
    content: none;
}

.invoice-download {
    width: 220px;
}

.shipping-address {
    background: var(--grey-shades-3, #f4f4f4);
}

.shipping-address h4 {
    font-weight: 700;
}

.shipping-address+.subscribe-section {
    margin-top: 0;
}

.cart-left-box {
    border-radius: 5px;
    background: #fafafa;
    /* box-shadow: 0px 5px 75px 0 rgba(0, 0, 0, 0.07); */
    padding: 20px 15px;
}

.cart-left-box td {
    padding: 16px 15px;
}

.cart-left-box td .cart-list-img {
    background-color: #fff;
    padding: 7px;
    text-align: center;
    /* width: 100px;
    height: 100px; */
    line-height: 100px;
}

.cart-left-box td .cart-list-img img {
    width: 70px !important;
    height: 70px;
    line-height: 80px;
    text-align: center;
    object-fit: contain;
}

.discription-cart h5 {
    color: var(--heading, #1d1d1f);
    font-size: 14px;
    font-weight: 600;
}

.discription-cart span {
    color: var(--content, #303030);

    font-size: 16px;

    font-weight: 400;
}

.cart-right-bar h6 {
    color: var(--heading, #1d1d1f);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.cart-left-bar thead tr th h6 {
    color: var(--heading, #1d1d1f);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.cart-left-bar tbody tr {
    border-bottom: 8px solid #f5f5f7;
}

.cart-right-box {
    border-radius: 5px;
    /* border: 1px solid var(--grey-shades-4, #FAFAFA); */
    background: var(--grey-shades-4, #fafafa);
    padding: 30px 30px 10px;
    margin-bottom: 20px;
}

.subtotal-rate p {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 16px;
    font-weight: 400;
}

.subtotal-rate.tr-border p,
.subtotal-rate.tr-border h6 {
    color: var(--heading, #1d1d1f);
    font-size: 17px;
    font-weight: 700;
}

.subtotal-rate h6 {
    color: var(--heading, #1d1d1f);
    font-size: 14px;
    font-weight: 700;
}

.tr-border {
    padding-top: 10px;
    border-top: 1px solid var(--grey-shades-2, #edf2f4);
}

.bb-border {
    border-bottom: 1px solid var(--grey-shades-2, #edf2f4);
}

.promo-code-sec {
    border-radius: 5px;
    border-left: 14px solid #0a3161;
    background: var(--grey-shades-4, #fafafa);
    padding: 14px;
}

.promo-code-sec p {
    color: var(--content, #303030);
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
}

.promo-code-secs {
    border-top: 7px solid #dfdfdf;
    background: var(--grey-shades-4, #fafafa);
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.promo-code-secs input {
    border-radius: 49px;
    border: 1px solid #bcbcbc;
    padding: 13px 20px;
    font-size: 12px;
    color: var(--grey-shades-1, #6e6e73);
    font-weight: 400;
}

.product-q-rate p {
    color: var(--grey-shades-1, #6e6e73);

    font-size: 16px;

    font-weight: 400;
}

.product-q-rate h6 {
    color: var(--grey-shades-1, #6e6e73);
    text-align: right;

    font-size: 16px;

    font-weight: 700;
}

.payment-method-sec label {
    color: var(--heading, #1d1d1f);
    font-size: 16px;
    font-weight: 400;
}

.payment-method-sec p {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 12px;
    font-weight: 400;
    padding-left: 19px;
}

.checkout-form label {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 5px;
}

.checkout-form input,
.checkout-form select,
.checkout-form textarea {
    border-radius: 49px;
    border: 1px solid #bcbcbc;
    color: var(--grey-shades-1, #6e6e73);
    font-size: 14px;
    font-weight: 400;
}

.your-order-heading p {
    color: var(--content, #303030);
    font-size: 16px;
    font-weight: 400;
}

.your-order-heading p a {
    color: var(--primary, #b41e45);
}

.cart-right-box-1 label {
    color: var(--grey-shades-1, #6e6e73);
    font-size: 14px;
    font-weight: 400;
}

.cart-right-box-1 label a {
    color: var(--primary, #0a3161);
}

.empty-cart-sec {
    border-radius: 15px;
    background: #fff;
    box-shadow: 5px 5px 78px -27px rgba(0, 0, 0, 0.05);
    padding: 70px 20px;
}

/* loader css */
.loader-flex {
    /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
    margin-left: auto; */
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
}

.loader-flex>div {

    /*  width: 300px;
  height: 300px; */
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /* border: 1px solid rgba(255, 255, 255, 0.1); */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* align-items: center; */
    overflow: hidden;
}

.cart-left-bar {
    /* position: relative; */
}

.cart-l-p {
    position: relative;
}

.my-loader {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    margin: auto;
    text-align: center;
    z-index: 1;
    background: #fff;
    height: 100%;
    opacity: 0.6;

}

.ml-loader {
    /* position: relative; */
    width: 100px;
    height: 87px;
}

.ml-loader div {
    -webkit-transform-origin: 32px 32px;
    -ms-transform-origin: 32px 32px;
    transform-origin: 32px 32px;
    -webkit-animation: 1.2s opaque ease-in-out infinite both;
    animation: 1.2s opaque ease-in-out infinite both;
}

.ml-loader div::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 30px;
    width: 5px;
    height: 18px;
    border-radius: 10px;
    background-color: #0a3161;
}

.ml-loader div:nth-child(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.ml-loader div:nth-child(2) {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.ml-loader div:nth-child(3) {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.ml-loader div:nth-child(4) {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.ml-loader div:nth-child(5) {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ml-loader div:nth-child(6) {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.ml-loader div:nth-child(7) {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.ml-loader div:nth-child(8) {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.ml-loader div:nth-child(9) {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.ml-loader div:nth-child(10) {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.ml-loader div:nth-child(11) {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.ml-loader div:nth-child(12) {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.ml-loader div:nth-child(13) {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes opaque {
    0% {
        opacity: 0.1;
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 0.1;
    }

    100% {
        opacity: 0.1;
    }
}

@keyframes opaque {
    0% {
        opacity: 0.1;
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 0.1;
    }

    100% {
        opacity: 0.1;
    }
}

@media screen and (max-width: 549px) {

    .cart-left-bar tr th,
    .cart-left-bar tr td {
        /* text-align: center;
        display: block; */
        padding: 7px 7px;
    }

    .icon-sm {
        width: 1.7rem;
        height: 1.7rem;
    }

    .cart-left-box td .cart-list-img {
        margin: 0 auto;
        padding: 10px 0;
        /* width: 50px;
        height: 50px; */
        line-height: 50px;
    }

    .cart-left-bar tr td .quantity-cart .input-group {
        position: relative;
        display: inline;
    }

    .cart-left-bar thead tr th h6 {
        /* display: none; */
    }

    .subtotal-rate h6 {
        font-size: 14px;
    }

    .subtotal-rate p {
        font-size: 14px;
    }

    .subtotal-rate.tr-border p,
    .subtotal-rate.tr-border h6 {
        font-size: 16px;
    }

    .product-q-rate p,
    .product-q-rate h6 {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .shop-now-btn {
        margin-top: 15px;
    }

    .discription-cart h5 {
        font-size: 14px;
        margin-bottom: 0;
    }

    .discription-cart span {
        font-size: 14px;
    }
}

/* new home page css */
.side-product-cat-box {
    margin-top: 16px;
}

.side-product-cat-box .filter-box {
    margin-bottom: 24px;
}

/* product box design css */
.m-icon-box img {
    width: 100%;
}

.p-img {
    background: #fff;
    /* height: 200px; */
    min-height: 171px;
    padding: 35px 25px;
    width: 100%;
    margin: 0 auto;
    border-radius: 18px;
}

.product-box img {
    width: 146px;
    height: 163px;
    object-fit: contain;
}

/* products-offer-img  */
.products-offer-img .slick-slide img {
    width: 100%;
    height: auto;
}

.products-offer-img.slick-vertical .slick-dots {
    position: absolute;
    bottom: 24%;
    right: 19%;
    display: block;
    width: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.products-offer-img.slick-vertical .slick-dots li button:before {
    font-family: "slick";
    font-size: 26px;
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 37px;
    width: 0px;
    height: 0px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.products-offer-img.slick-vertical .slick-dots li.slick-active button:before {
    color: #0a3163;
    opacity: 1;
}

.products-offer-img.slick-vertical .slick-slide {
    border: none !important;
}

.products-offer-img .banner {
    background-color: transparent;
}

/* sigle brand page css */
.cart-image img {
    width: 100%;
    height: 400px;
    object-fit: contain;
}

/* checkout-page new css */
.billing-details-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}

.billing-details-box .bill-details h5 {
    color: #1d1d1f;
    font-size: 18px;
    font-weight: 700;
}

.billing-details-box .all-login h6 {
    color: #303030;
    font-size: 16px;
    font-weight: 400;
}

.billing-details-box .all-login a {
    color: #b41e45;
}

.checkout-address-select h6 {
    color: #00579c;
    font-size: 14px;
    font-weight: 700;
}

.checkout-address-select .card {
    border: none;
    box-shadow: 1px 1px 7px 5px #f5f5f5;
    background: #ffffff !important;
    box-shadow: 4px 2px 87px 15px rgb(0 0 0 / 7%);
    border-radius: 15px;
    padding: 6px;
}

.checkout-address-select .card .card-body p {
    font-size: 16px;
}

.order-return-steps {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.order-return-steps p {
    padding-right: 5px;
}

.p-box-img-bg {
    margin-bottom: 15px;
}

@media screen and (max-width: 1400px) {
    .filter-products .form-group label {
        font-size: 14px;
    }

    .filter-products .form-group label:before {
        padding: 5px;
        margin-right: 5px;
    }

    .filter-products .accordion .accordion-body {
        padding: 12px;
    }

    .filter-products .accordion-button {
        padding: 12px;
    }
}

@media screen and (max-width: 992px) {

    .wishlist-num,
    .cart-num {
        left: 22px;
    }

    .cart-right-box {
        border-radius: 5px;

        padding: 20px 14px 3px;
    }

    .order-return-steps {
        display: flex !important;
        justify-content: space-evenly;
        align-items: stretch;
    }

    .profil-user-page .right-bar {
        padding: 17px;
    }

    .Personal-Information h5 {
        font-size: 16px;
    }

    .cancel-form {
        font-size: 17px;

        float: right;
        margin-top: 22px;
    }

    .filter-products {
        padding: 15px 0;
    }
}

@media screen and (max-width: 767px) {
    .op-image img {
        width: 42px !important;
    }

    .order-title {
        font-size: 14px;
    }

    .order-detail h3 {
        padding: 8px;
    }

    .order-number {
        padding: 15px 0 !important;
    }

    .billing-details-box .bill-details h5 {
        font-size: 14px;
    }

    .billing-details-box .all-login h6 {
        font-size: 14px;
    }

    .promo-code-sec a b {
        font-size: 14px;
    }

    .banner-home .bnr-mobile-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .side-product-cat-box {
        margin-top: 0px;
    }

    .side-product-cat-box .filter-box {
        margin-bottom: 16px;
    }

    .filter-box {
        padding: 10px;
        flex-direction: column-reverse;
        text-align: center;
    }

    .f-text {
        margin-top: 15px;
    }

    .add-to-cart,
    .stock {
        display: none;
    }

    /* .banner-offers .slick-dotted.slick-slider{
        margin-bottom: 10px !important;
    } */
    .products-offer-img.slick-dotted.slick-slider {
        margin-bottom: 10px;
    }

    .product-box img {
        height: 108px;
    }

    /* .shop-now-btn {
        font-size: 14px;
        padding: 7px 23px !important;
    } */
    .subscribe-section {
        margin-top: 0px !important;
    }

    .subscribe-section h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .subscribe-section .form-control {
        font-size: 12px;
        padding: 11px 22px;
    }

    .subscribe-btn {
        padding: 8px 28px;
    }

    .footer-widget .footer-social {
        flex-wrap: wrap;
    }

    ul.footer-social li {
        padding-bottom: 20px;
    }

    .book-app .contact-info {
        margin: 0px !important;
    }

    .topdeals.section-padding {
        padding: 30px 0;
    }

    .deal {
        display: none;
    }

    .wishlist-num,
    .cart-num {
        left: 21px;
        top: 0px;
    }
}

@media screen and (max-width: 549px) {
    .cart-num {
        left: 22px;
        top: 0px;
    }

    .wishlist-num {
        left: 35px;
    }
}

@media screen and (max-width: 449px) {
    .cart-num {
        left: 21px;
    }

    .wishlist-num {
        left: 21px;
    }
}

/* filter design */
.short-product button {
    background-color: transparent;
}

.short-product button span {
    padding: 3px;
}

.overlay-filter .filtter-header a {
    color: #1d1d1f;
    font-size: 16px;
    font-weight: 400;
    padding-left: 0px !important;
}

.f-h-row {
    padding: 2px;
    border-bottom: 1px solid #e3edf6;
    padding: 8px 0;
}

.overlay-filter {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #fff;
}

.overlay-content {
    position: relative;
    /* top: 10%; */
    width: 100%;
    height: 100%;
    /* margin-top: 30px; */
}

.overlay-filter .side-tab a.nav-link {
    padding: 8px 8px 8px 17px;
    text-decoration: none;
    font-size: 16px;
    color: #303030;
    display: block;
    transition: 0.3s;
    text-align: left;
}

.overlay-filter .side-tab a.nav-link:hover {
    border: none;
    box-shadow: none;
}

.overlay-filter a:hover,
.overlay-filter a:focus {
    color: #303030;
}

.overlay-filter .closebtn {
    /* position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px; */
}

.side-tab {
    background: #f0f4f7;
    height: 100vh;
}

.side-tab ul.nav.nav-tabs {
    border: none;
}

.side-tab a.nav-link.active {
    border: none;
    background: #fff;
    border-radius: 0;
    color: #0a3161;
}

.side-tab .nav-tabs .nav-link:focus,
.side-tab .nav-tabs .nav-link:hover {
    border: none;
    box-shadow: none;
    outline: 0;
}

.filtter-footer {
    background: #fff;
}

.filter-box-mobile {
    padding: 10px 0;
}

.filter-box-mobile .form-group label:before {
    padding: 7px;
    margin-right: 8px;
}

.filter-box-mobile .form-group input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 6px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.filter-box-mobile .form-group {
    margin-bottom: 1px;
    padding: 6px 0;
}

.filter-box-mobile .form-group label {
    font-size: 15px;
}

.product-no-show p {
    color: #1d1d1f;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0;
}

.product-no-show h6 {
    color: #6e6e73;
    font-size: 14px;
    font-weight: 400;
    text-transform: lowercase;
    margin-bottom: 0;
}

.apply-button a.apply-btn {
    border-radius: 2px;
    background: #0a3161;
    border: 0;
    color: #e3edf6;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 25px;
    margin-top: 6px;
}

.product-no-show a.clear-btn {
    border-radius: 2px;
    background: #e3edf6;
    border: 0;
    color: #0a3161;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 25px;
    margin-top: 6px;
}

.top-deals-card h4 {
    font-size: 16px !important;
    font-family: "Inter", sans-serif !important;
    font-weight: 600 !important;
}

.searchbox select.form-select option,
.searchbox select.form-select {
    font-size: 14px !important;
}

/* offcanvas css new */
.offcanvas.offcanvas-start {
    --bs-offcanvas-width: 350px;
}

/* @media screen and (max-width: 767px) {
    
} */
.Modern-Slider .img-fill {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.Modern-Slider .img-fill img {
    /* height: auto; */
    min-width: 100%;
    /* position: relative;
    display: inline-block;
    max-width: none; */
}

.Modern-Slider .slick-slide {
    float: left;
    padding: 0;
}

/* ==== Slider Style === */
.Modern-Slider .item .img-fill {
    height: auto;
}

.Modern-Slider .item .img-fill .info {
    position: absolute;
    width: 100%;
    top: 43%;
    left: 7%;
    z-index: 999;
}

.Modern-Slider .item .img-fill img {
    /* filter: blur(5px); */
    border-radius: 18px;
}

.Modern-Slider .item .info>div {
    display: inline-block !important;
    vertical-align: middle;
}

.Modern-Slider .item h3 {
    text-transform: uppercase;
    color: #555;
    margin: 0;
    padding: 0;
}

.Modern-Slider .item h5 {
    margin: 0;
    padding: 0;
    color: #555;
    max-width: 600px;
    overflow: hidden;
    height: 60px;
}

.Modern-Slider .slick-prev,
.Modern-Slider .slick-next {
    display: none !important;
}

.Modern-Slider .slick-dots {
    bottom: 3% !important;
    text-align: left;
    left: -6px;
}

.Modern-Slider .slick-dots li {
    margin: 0 0px;
}

/* slider bnr-mobile */
.small-banner-mobile-tab .slick-dots {
    bottom: 0 !important;
    left: -30px;
}

.price-product {
    color: #b31942 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
}

/* review box tab css */
.review-box {
    /* border-bottom: 1px solid #edf2f4; */
    margin-bottom: 20px;
}

.review-box .review-customer-detail {
    padding-top: 15px;
    padding-bottom: 15px;
}

.review-box .review-customer-detail .author-name-ratings {
    padding-top: 5px;

    padding-left: 10px;
}

.review-box .review-customer-detail .author-name-ratings h5 {
    color: #1d1d1f;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
}

.review-box .review-customer-detail .rating-star {
    color: #fdd65d;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .banner-home .banner {
        height: 581px;
    }

    .banner-home .slick-dots {
        bottom: 20%;
    }

    .side-product-cat-box .filter-box {
        margin-bottom: 16px;
    }

    .filter-box {
        padding: 19.1px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar .navbar-nav li a {
        font-size: 13px;
        line-height: 32px;
        letter-spacing: 0.5px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6px;
        padding-left: 1px;
    }

    .discription-cart h5 {
        font-size: 13px;
    }

    .banner-home .banner {
        height: 500px;
    }

    .banner-home .slick-dots {
        bottom: 32%;
    }

    .side-product-cat-box .filter-box {
        margin-bottom: 14px;
    }

    .filter-box {
        padding: 9.1px;
    }
}

@media screen and (max-width: 991px) {
    .model-no {
        justify-content: space-between;
    }
}

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

    /* .shop-now-btn {
        font-size: 12px;
        padding: 4px 15px !important;
        letter-spacing: 1.3px;
    } */
    .topdeals .cart-image {
        padding: 15px;
    }

    .cart-image.top-deals-card img {
        height: 127px;
        padding: 10px 0px;
    }

    .top-deals-card h4 {
        font-size: 16px !important;
    }

    .price-product {
        font-size: 25px;
    }

    .price-box h3 {
        font-size: 25px !important;
    }

    .rate-real span {
        font-weight: 500 !important;
    }

    .rate-real p {
        font-size: 13px;
    }

    .best-deal-product .slick-list,
    .featured-product .slick-list {
        padding: 0 10% 0 0 !important;
    }

    .best-deal-product .product-box {
        padding: 8px;
    }

    .product-box .p-img {
        min-height: 145px;
        padding: 15px;
    }

    .product-box .p-img {
        min-height: 145px;
        padding: 15px;
    }

    .product-box p {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;

    }

    .price-prdcut {
        padding: 8px !important;
    }

    .product-box .old-price {
        font-size: 10px;
    }

    .product-box p {
        margin-bottom: 0;
    }

    .sign-in-icon {
        padding: 8px 5px;

    }

    .form-in .sign-in-icon svg {
        margin-right: 1px;
    }
}

@media screen and (max-width: 580px) {
    .shop-now-btn {
        font-size: 14px;
        padding: 8px 26px !important;
        letter-spacing: 1px;
        /* margin-top: 5px !important; */
    }

    .shop-now-btns {
        font-size: 14px !important;
        letter-spacing: 1.3px !important;
        padding: 8px 26px !important;
    }
}

@media screen and (max-height: 450px) {
    .overlay-filter .closebtn {
        font-size: 40px;
        /* top: 15px;
        right: 35px; */
    }
}

.best-sell .slick-prev:before,
.best-sell .slick-next:before {
    display: none;
}

@media screen and (max-width:549px) {
    .best-sell .slick-slide .client-section img {
        width: 92px;
        height: 29px;
    }
}

/* new css */
.top-cat-text p {
    color: #C6C0C0;
    font-family: "Roboto", sans-serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 46px;
}

.top-cat-text span {
    color: #0A3161;
    font-weight: 700;
}

.top-cat-list ul {
    list-style: none;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    /* flex-wrap: wrap; */
    margin-bottom: 0;
}

.top-cat-list ul li {
    text-align: center;
    padding: 0px 15px;
}

.top-cat-list ul li p {
    color: #1D1D1F;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
    padding-top: 15px;
}

footer {
    background: #090909;
}

.copyright-brd {
    border-top: 1px solid rgba(236, 229, 229, 0.51);
}

.best-deal-brn .item img {
    width: 100%;
    border-radius: 18px;
}

.best-deal-brn .PrevArrow.prev.sliderarrow.slick-arrow {
    left: auto;
    right: 40px;
}

.best-deal-brn .sliderarrow.slick-arrow {
    top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #C6C0C0;
    z-index: 99;
    opacity: 1;
}

.best-deal-brn .NextArrow.next.sliderarrow.slick-arrow {
    right: 12px;
}

.best-deal-brn .sliderarrow.slick-arrow img {
    width: 8px;
}

.best-deal-brn .sliderarrow.slick-arrow:hover img {
    filter: brightness(0);
    width: 10px;
}

.text-upper-new {
    color: #6E6E73 !important;
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    text-transform: unset !important;
}

.text-upper-new span {
    color: #0A3161;
    font-weight: 600;
    line-height: 32px;
}

.ps-imgs {
    margin-bottom: 20px;
}

.ps-imgs img {
    width: 100%;
    border-radius: 18px;
}

.p-txt .product-off {
    color: #B41E45;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    display: block;
    min-height: 35px;
    height: 100%;
}

.price-prdcut {
    padding: 16px;
}

.product-box:hover .price-prdcut {
    color: #fff;
    border-radius: 0px 0px 18px 18px;
    background: #0A3161;
    text-align: center;
    transition: 0.5s ease;
}

.discount-on-purchase {
    color: #C6C0C0;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding: 5px 16px;
}

.offer-bank-imgs {
    /* border-radius: 18px 18px 0 0; */
}

.offer-bank-imgs img {
    width: 100%;
    border-radius: 18px;
}

.bank-offer {
    border-radius: 0px 0px 18px 18px;
    background: #FDFDFD;
    padding: 15px;
}

.bank-offer .slick-list,
.bank-offer .slick-track {
    width: 90%;
}

.bank-offer .sliderarrow.slick-arrow {

    top: 40%;
}

.bank-offer img {
    width: auto !important;
}

.bank-sld span {
    color: #C6C0C0;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    margin-top: 10px;
    margin-left: 5px;
    font-weight: 200;
}

.product-p-1,
.product-p-2 {
    border-radius: 10px;
    background: #FFF;
    margin-bottom: 30px;
}

.featured-product .sliderarrow.slick-arrow {
    /* justify-content: end; */
}

.breadcrumb {
    background: #FFF;
    padding: 10px 0;
}

.breadcrumb ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.breadcrumb ul li {
    display: inline;
    margin-right: 10px;
    text-transform: capitalize;
}

.breadcrumb ul li a {
    color: #2D2D2D;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;

}

.breadcrumb ul li a.active {
    color: #0A3161;
    text-transform: capitalize;
}

.best-deal-product .sliderarrow.slick-arrow {
    /* justify-content: end;
    top: -5px; */
}

#rate_check_form {
    padding-bottom: 20px;
}

.add-to-cart-section {
    background-color: #fff;
}

.p-imgs:hover img {
    transition: .5s;
    -webkit-transform: scale3d(1.01, 1.01, 1.01);
    transform: scale3d(1.01, 1.01, 1.01);
}

.ps-imgs:hover img {
    /* box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); */

    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: .5s;
}

.offer-bank-imgs:hover img {
    /* box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); */

    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: .5s;
}

.top-cat-list .img-c:hover img {
    /* box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);    */
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: .5s;
}

.cart-page-e {
    background-color: #fff;
}

.toast-success {
    background-color: #b31942 !important;
}

.product-title,
.price-product,
.features-detail {
    font-family: "Roboto", sans-serif !important;
}

.Scriptcontent {
    position: relative;
}

.Scriptcontent #search-btns {
    /* position: absolute;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px;
    border-radius: 2px;
    color: #FFF; */
    font-size: 18px;
    color: #000000;
    padding-top: 5px;
}

.Scriptcontent #search-btns:hover {
    /* background-color: rgba(0, 0, 0, 0.5); */
    cursor: pointer;
}

.Scriptcontent .sblock {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    overflow: hidden;
    text-align: center;
    /* background: #fff; */
    margin: 0;
    z-index: 1050;
    /* max-height: 54px; */
    /* height: 56px; */
}

.Scriptcontent.blosblockck:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: 0;
    /* Adjusts for spacing */
    /* For visualization 
    background: #808080; width: 5px;
    */
}

.Scriptcontent .centereds {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 10px 15px;
    /* color: #FFF; */
    border: none;
    background: #fff;
    
}

.Scriptcontent #search-box {
    position: relative;
    width: 40%;
    margin: auto;
    padding-top: 5px;
    background-color: #fff;
}

.Scriptcontent #search_form {
    height: 3em;
    border: 1px solid #999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    overflow: hidden;
}

.Scriptcontent #searchbox {
    font-size: 14px;
    color: #000;
    border-width: 0;
    background: #fff;
}

.Scriptcontent #search-box input[type="text"] {
    width: 100%;
    padding: 13px;
    color: #333;
    outline: none;
    font-size: 14px;
    background-color: #fff;
}

.Scriptcontent #search-btn {
    position: absolute;
    top: 8px;
    right: 3px;
    height: 3em;
    width: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-width: 0;
    background-color: #b31942;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    z-index: 9999;
}

.Scriptcontent #close-btn {
    position: fixed;
    top: 1.6em;
    right: 28%;
    background: #b31942;
    /* padding: 20px; */
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
}

.Scriptcontent #close-btn:hover {
    color: #ddd;
    cursor: pointer;
}

.Scriptcontent #search-overlay {
    display: none;
}

.topdeals .cart-image {
    padding: 0px 25px 0 !important;
}

a.img-c img {
    width: 100%;
}

.limit-exceed h4 {
    color: #0B2D50;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
}

.limit-exceed h4 span {
    color: #D11143;
}

.div-cross .btn-close {
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #ddd;
    border-radius: 50%;
}

/* blog page css */
.blog-img-box {
    position: relative;
}

/* Centered text */
.centered {
    position: absolute;
    top: 40%;
    left: 10%;
}

.blog-img-box a.btn.btn-light {
    border-radius: 37px;
}

.blog-img-box h1 {
    font-weight: 600;
    color: #fff;
    padding-bottom: 40px;
}

.blog-img-box h1 a {
    font-weight: 600;
    color: #fff;

}

.blog-box {
    margin-bottom: 20px;
}

.blog-box .blog-text {
    /*padding: 15px;*/
    /*background-color: #fff;*/
}

.blog-box .blog-text .date-time p {
    color: #b31942;
    font-size: 15px;
}

.blog-box .blog-text h3 {
   font-size: 30px;
    font-weight: 700;
    color: #1D1D1F;
    margin-top: 10px;
    padding-bottom: 12px;
}

.blog-box .blog-text .author p {
    font-size: 16px;
    color: #858D9D;
}
.text-read{
    font-size: 16px;
    font-weight: 700;
    padding-top: 6px;
  
    color: #b31942;
}
.blog-box .blog-text .author a {
    font-size: 15px;
}

.blog-page .pagination .page-item .page-link.active {
    background-color: transparent;
    color: #000;
    border: none;
}

.blog-page .pagination .page-item .page-link {
    background-color: transparent;
    border: none;
    padding: 8px;
}

.blog-details h1.blog-title {
    font-size: 40px;
    color: #1D1D1F;
    font-weight: 700;
}
.blog-details h1{
     color: #1D1D1F;
}

.blog-details h2.blog-title {
    font-size: 40px;
    color: #1D1D1F;
    font-weight: 700;
}
.blog-details h2{
     color: #1D1D1F;
}
.blog-details .authors p.auth {
    font-size: 18px;
    color: #1D1D1F;
    font-weight: 700;
    /*padding-right: 20px;*/
}

.blog-details .authors p.date {
    color: #858D9D;
    font-size: 14px;
}

.blog-details h3 {
    font-size: 30px;
    font-weight: 600;
    color: #1D1D1F;
}

h3.latest-blog-title {
    font-size: 30px;
    font-weight: 600;
    color: #1D1D1F;
}

.text-see-all {
    color: #0a3161;
    font-weight: 500;
    padding-right: 15px;
    font-size: 15px;
}

.text-see-all i {
    font-size: 13px;
}
h1.product-details-page-name{
    font-size: 18px;
    color: #1D1D1F;
    Line-height: 21.48px
}
/* best-selling  */
.blog-banner {
    /*background-image: url(../img/best-selling-banner.jpg);*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 356px;
}

@media screen and (max-width:1500px) {
    .PrevArrow.prev.sliderarrow.slick-arrow {
        left: 10px;
    }

    .NextArrow.next.sliderarrow.slick-arrow {
        right: 10px;
    }
}
.promotions-carousel .slick-prev {
    left: -3px;
}
.promotions-carousel .slick-next {
    right: -3px;
}
.discountamt{
    background-color: #bb0628;
    color: #fff !important;
    font-weight: 600 !important;
    letter-spacing: -.17px;
    margin-right: 4px;
    font-size: 15px !important;
    line-height: 18px;
    padding: 3px 7px;
}
#staticBackdrop .modal-content {
    border-radius: 22.5px;
}
.demo-form .popup-heading {
    font-size: 1.75rem;
    color: #333;
    font-weight: 700;
    font-family: Barlow, sans-serif;
}
.demo-form .btn.btn-danger{
    padding: 8px 28px !important;
    background: #b31942 !important;
}
.btn-close:focus{
    box-shadow: none;
}
.blog-details ul li{
    font-size:14px;
    margin-bottom:6px
}

/* select 2 css */
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #6e6e73;
    line-height: 28px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-family: "Inter", sans-serif;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.select2-container .select2-selection--single {    
    height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {    
    top: 2px;
    right: 6px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {    
    margin-top: 2px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #dee2e6;
    color: #776e73;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 4px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #b31942;
    color: white;
}
.select2-results__option {
    padding: 6px 20px;
    font-size: 15px;
}
.side-bar {
    overflow-y: auto; /* Enable scrolling for overflow */
    top: 10% !important;
    background-color: #f8f9fa; /* Optional styling */
}

/* Search results styling */
#search-box input.form-control {
    padding: 10px 67px 10px 10px;
}
#searchResults {
    position: absolute;
    top: 63px;
    left: 0;
    right: 0;
    width: 39%;
    margin: auto;
    /* text-align: center; */
    border: 1px solid #ccc;
    background: #fff;
    -webkit-box-shadow: 0 0 6px #ddd;
    -ms-box-shadow: 0 0 6px #ddd;
    -o-box-shadow: 0 0 6px #ddd;
    box-shadow: 0 0 6px #ddd;
    border-radius: 1px;
    max-height: 400px;
    overflow-y: auto;
    display: none;
    z-index: 10;
}
.search-result-secs {
    display: flex;
    width: 100%;
}

.search-result-secs .search-result-list-box {
    border-right: 1px solid #ddd;
    width: 50%;
}

.search-result-secs .search-result-list-box-2 {
    width: 50%;
}

.search-result-secs .search-result-list-box ul {
    list-style: none;
    padding: 10px;
    text-align: left;
}

.search-result-secs .search-result-list-box ul li {
    display: block;
    margin-bottom: 10px;
}

.search-result-secs .search-result-list-box ul li a {
    color: #525252;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.search-result-list-box-2 .result-list-box {
    display: flex;
    width: 100%;
    padding: 10px;
    text-align: left;
    margin-bottom: 10px;
}

.search-result-list-box-2 h2 {
    font-size: 14px;
    padding: 10px;
    text-align: left;
}

.search-list-img {
    width: 25%;
}

.search-list-img img {
    object-fit: contain;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.search-result-list-descp {
    width: 75%;
}

.search-result-list-descp h3 {
    font-size: 12px;
    color: #040c13;
}

.search-result-list-descp h3 a {
    color: #040c13;
    font-weight: 500;
    text-decoration: none;
}

.search-result-list-descp h3 a:hover {
    text-decoration: underline;
}

.search-rating-sec .review-star-5 i {
    color: #ffe000;
    font-size: 10px;
}

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

.search-rating-sec a {
    color: #001e73;
    font-size: 12px;    
    padding-left: 10px;
}
.review-img img{
    padding: 2px;
    width: 90px;
    height: 90px;
    -webkit-object-fit: cover;
    object-fit: cover;
    line-height: 100px;
    border-radius: 5px;
}
.review-border-bottom{
    border-bottom: 1px solid #edf2f4;
    padding-bottom: 20px;
}
#small-thumb .m-img-d{
    border: 1px solid #edf2f4;
    line-height: 115px;
    height: 120px;
    width: 100%;
}
#small-thumb .m-img-d img{
    width: 100px !important;
    height: 100px !important;
    object-fit: contain;
    padding: 10px;
}
.hiddens{
    display: none;
}
.copideurl #badge {
    top: -21px;
    right: -17px;
}

.read-more-less-sec p{
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}
.read-more-less-sec h1{
    font-size: 30px;
        margin-bottom: 15px;
}
.read-more-less-sec h2{
    margin-bottom: 15px;
    font-size: 24px;
}
.read-more-less-sec button{
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 10px;
    font-weight: 600;
    color: #b41e45;
}
@media screen and (max-width:1199px) {
    .Scriptcontent #close-btn {
        top: 1.6em;
        right: 17%;
    }
    .Scriptcontent #search-box {
        width: 60%;
    }
    #searchResults {
        top: 63px;
        width: 59%;
    }
}