@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{
    font-family: "Inter", sans-serif !important;
}

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


a{
    text-decoration: none;
}
header{
    box-shadow: 5px 5px 15px #e5e5e5;
    padding: 20px 0;
}
.header-parent{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-left{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left .logo{
    width: 195px;
    margin-right: 80px;
}
.header-left .logo img{
    width: 100%;
}

.header-left ul{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.header-left ul li{
    list-style: none;
    margin: 0 10px;
}

.header-left ul li a{
    color: #000;
    text-decoration: none;
}
.header-right a{
    text-decoration: none;
}


.banner-sec{
    background-position: center center;
    padding: 150px 0;
}
.banner-sec h3{
    font-weight: 700;
    font-size: 42px;
    margin-bottom: 20px;
}
.banner-sec p{
    font-size: 17px;
    line-height: 1.5;
    color: #2D2D2D;
}
.main-btn{
    padding: 12px 35px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

.main-head{
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 60px;
}
.cat-div figure{
    background-color: #F6F6F6;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cat-div figure img{
    width: 90%;
}
.cat-div h4{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.common-padding{
    padding: 90px 0;
}

.cat-div a{
    color: #000;
    text-decoration: none;
}
.eachpr{
    margin-bottom: 25px;
}
.pr-left img{
    width: 100%;
}
.pr-right{
    height: 445px;
    overflow-y: scroll;
}
.prRightDetails h5{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.eachpr figure{
    cursor: pointer;
    padding: 15px;
    width: 160px;
    height: 160px;
    margin-right: 15px;
    background-color: #F6F6F6;
    display: flex;
    justify-content: center;
}
/* .eachpr figure img{
    width: 100%;
} */
.eachpr .prRightDetails{
    width: calc(100% - 170px);
}
.prRightDetails h6{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.eachpr{
    display: flex;
}
footer{
    padding: 70px 0 0;
    background-color: #000;
}
.footer-logo{
    display: block;
    width: 200px;
}
.footer-logo img{
    width: 100%;
}
footer h4{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
footer ul{
    padding-left: 0;
}
footer li{
    list-style: none;
}
footer li{
    font-size: 16px;
    color: #C3B7B7;
}
footer li a{
    text-decoration: none;
    font-size: 16px;
    color: #C3B7B7;
    margin-bottom: 5px;
    font-weight: 500;
}
footer p{
    text-align: center;
    padding: 45px 0;
    color: #D4C6C6;
}


.product-card :where(h3,h6){
    font-weight: 600;
}
.product-card figure{
    background-color: #F6F6F6;
    margin-bottom: 40px;
    cursor: pointer;
}
.product-card h3{
    font-size: 24px;
    margin-bottom: 10px;
}
.product-card h3{
    font-size: 18px;
    margin-bottom: 15px;
}

.catagory-inner h2{
    margin-bottom: 60px;
    text-align: center;
}
.catagory-inner{
    padding: 40px 0;
}

.catg-details{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.product-card figure img{
    width: 100%;
}

.slick-slide img {
    width: 100%;
}

.sliderNavProduct .slick-slide{
    width: 150px;
    height: 200px;
    padding: 0 15px;
    cursor: pointer;
}
.sliderNavProduct .slick-slide img{
    width: 100%;
}

.sliderForProduct {
    margin-bottom: 50px;
}

.sliderForProduct .slick-prev{
    position: relative;
}
.sliderForProduct .slick-prev::after{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 51%;
    left: 51%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/arrow.svg);
}
.sliderForProduct {
    position: relative;
}
.sliderForProduct .slick-prev{
    position: absolute;
    top: 50%;
    left: -65px;
    transform: translateY(-50%);
}
.sliderForProduct .slick-prev::before,
.sliderForProduct .slick-next::before
 {
    content: normal;
}
.sliderForProduct .slick-next{
    position: absolute;
    top: 50%;
    right: -65px;
    transform: translateY(-50%);
}
.productDescWrap{
    padding-left: 100px;
}
.sliderForProduct .slick-next::after{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    left: 58%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/arr-next.svg);
}

.sliderForProduct button{
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #000;
}
.cart-sec {
		background: #f6f6f6;
        padding:6rem 0rem;
	}

	.cart-main {
		box-shadow: 0px 0px 20px 0px #c9c4c4;
		border-radius: 20px;
        padding:3rem 4rem;
	}

	.cart-heading {
		padding: 0rem 0 3.5rem;
		font-size: 2.3rem;
		font-weight: 700;
	}
    .cart-btn{
        padding:1rem 1.5rem;
        background:#000;
        color:#fff;
        text-decoration: none;
        font-size:1.2rem;
        border-radius:10px;
        border:1px solid #000;
        font-weight:600;
        transition:all 0.5s ease;
    }
    .cart-btn:hover{
        background:transparent;
        color:#000;
    }
    .cart-btn-white{
        color:#000;
        background:#f6f6f6;
    }
    .cart-btn-white:hover{
        color:#fff;
        background:#000;
    }
    .cart-side{
        border:1px solid #000;
        border-radius:15px 15px 0px 0px;
    }
    .cart-side-top{
        background:#8b62c2;
        border-radius:15px 15px 0px 0px;
        text-align:center;
        color:#fff;
        font-weight:700;
        padding:1rem;
    }
    .cart-side-top h2{
        font-size:1.5rem;
        margin:0;
    }
    .cart-side-row{
        border-bottom:1px solid #000;
        width:100%;
        margin-left:0 !important;
    }
    .cart-side-row h3{
        font-size:1rem;
    }
    .cart-side-row select{
        padding:1rem 1.5rem;
        background:#e6e6e6;
        color:#000;
        border:none;
        border-radius:10px;
        cursor:pointer;
    }
    .cart-prod-name{
        text-align:center;
    }
    .cart-prod-name h2{
        font-size:3rem;
        font-weight:700;
    }
    .cart-prod-name h3{
        font-size:1.5rem;
        font-weight:600;
    }
    .cart-prod-name hr{
        background:#000;
        border-color:#000;
        opacity:1;
    }
    .cart-prod-img{
        object-fit:cover;
        height:250px;
    }
    .high-text{
        color:#8b62c2;
    }

    .product-qty{
        margin-bottom: 30px;
        margin-top: 40px;
        border: 2px solid #8b62c2;
        border-radius: 10px;
        padding: 25px;
        background-color: #F4F1FF;
    }
    .product-qty h4{
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .eachQty.active{
        border: 1px solid #211156;
    }
    .eachQty.active .prName{
        color: #000;
        opacity: 1;
    }
    .eachQty.active .prPrice{
        color: #211156;
        opacity: 1;
    }
    .eachQty{
        padding: 16px;
        align-items: center;
        display: flex;
        border: 1px solid #CDCDCD;
        border-radius: 6px;
        margin-bottom: 15px;
    }
    .eachQty span{
        font-weight: 600;
        opacity: 0.6;
    }
    .eachQty .prName{
        margin: 0 15px;
        color: #000;
        font-size: 16px;
        font-weight: 600;
    }
    .eachQty input{
        width: 24px;
        height: 24px;
    }
    .eachQty .prPrice{
        color: #666666;
        font-size: 28px;
        font-weight: 600;
    }
.product-image{
    
    position: relative;
}   
.sliderForProduct {
background: #f6f6f6;
}
.sliderNavProduct .slick-slide img{
    background: #f6f6f6;
}

.product-image .custom-icon{
    position: absolute;
    top: 20px;
    right: 20px;
}  

.list-unstyled li a,
.delete-cart{
    background: aliceblue;
    border-radius: 50%;
    border: 1px solid #0d6efd;
    margin-bottom: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-title ,
.product-prize p{
    text-align: center;
}

.product-title a{
    text-decoration: none;
    color: #000;
    font-size: 24px;
    font-weight: 600;
}
.product.shop-product{
    padding: 20px;
}
.cart-main img{
    width: 100%;
}
.cart-side-row:not(:last-child){
   border-bottom: 1px solid #000;
}

header .container{
    position: relative;
}
.search-wrap input{
    margin-bottom: 0 !important;
    width: 100%;
    position: relative;
    right: 0;
}
header .search-wrap{
    border-radius: 0 0 5px 5px;
    background: #fff;
    position: absolute;
    top: 85px;
    right: 0;
    padding: 10px;
}
.search-result{
    background: #fff;
    z-index: 99;
    padding: 10px;
    position: relative;
    bottom: 0;
    border-bottom: 1px solid #d5d1d1;
}
.qtyNum{
    background-color: #8e63c5;
    position: absolute;
    width: 20px;
    height: 20px;
    color: #fff;
    /* background-color: #000; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-result a{
align-items: center;
    display: flex;
}
.search-result h3{
    font-size: 18px;
}
.headerIc{
    position: relative;
    padding-right: 30px;
}
.headerIc span{
    position: absolute;
}
.qtyNum{
    
}

.main-btn:hover{
    background-color: #2f0a5f;
    transition: 0.4s;
}


@media (max-width:767px){
    .main-header{
        position: fixed;
        width: 100%;
        z-index: 99;
        background-color: #fff;
    }
    .common-padding{
        padding: 150px 0;
    }
    .banner-sec{
        background-size: cover;
    }
    .search-resultWrap{
        /* height: 5; */
    }
    .productDescWrap{
        padding-left: 0;
    }
}
footer li a:hover{
    color: #fff;
    transition: 0.4s;
}


#cookiePopup{
    z-index: 2;
}
#cookiePopup h4{
    margin-right: 10px;
}
#cookiePopup button{
    border-radius: 10px !important;
    padding: 5px 12px !important;
    height: auto !important;
}


@media screen and (max-width: 767px){
    #cookiePopup{
        flex-direction: column;
    }
    #cookiePopup h4{
        margin-bottom: 5px;
        margin-right: 0;
    }
    #cookiePopup .d-flex{
        flex-direction: column;
    }
}

.form-select option span{
    text-decoration: line-through;
}

.eachpr figure{
    cursor: pointer;
}
.qtyWrap .dropdown span{
    text-decoration: line-through;
}
.qtyWrap .dropdown-menu  span{
    text-decoration: line-through;
    color: #f00;
}

.qtyWrap .dropdown button{
    color: #000 !important;
    background: #fff !important;
    text-align: left !important;
    width: 100% !important;
}

.qtyWrap .dropdown button span{
    color: #f00 !important;
}
.qtyWrap .dropdown .dropdown-menu{
    width: 100%;
}
.qtyWrap .dropdown .dropdown-item:not(:last-child){
    border-bottom: 1px solid #0000004a;
}
.qtyWrap .dropdown-toggle::after {
    transform: translateY(-50%);
    top: 50%;
    right: 15px;
    position: absolute;
}

.product-card{
    margin-bottom: 30px;
}

#usePayPal{
    width: auto;
}