@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
    --themecolororange: #f04706;
    --themeyellow: #ffc000;
  }
  
body{
    font-family: 'Poppins', sans-serif;}
body a {
    text-decoration: none;
    color: black;
}
body a:hover{
    color: #6170bc;
}
ul,
li,
a{
    text-decoration: none;
    list-style: none;
}


/* header Section */
.header-container {
    max-width: 1650px;
    margin: auto;
    padding: 20px;
}
.header-container .fixedHeader{
    position: fixed;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    top: 0;
    z-index: 12;
    padding: 20px;  
    margin-top: 0px !important;
    max-width: 1620px;
}
.header-container .upper-nav{
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #5c5c5c;
    max-width: 1620px;
    margin: auto;
}

.header-container .right-u-nav{
    display: flex;
    justify-content: space-around;
    gap: 20px;

}

.header-container .location{
    display: flex;
    align-items: center;
    gap: 10px   ;
}
.header-container .tract-order{
    display: flex;
    align-items: center;
    gap: 10px   ;
}
.header-container .right-u-nav #Currency {
    outline: none;
    border: none;
    color: #5c5c5c;
}
.header-container .right-u-nav #language {
    outline: none;
    border: none;
    width: 79px;
    color: #5c5c5c;
}
.header-container .nav-logo-wapper {
    max-width: 1620px;
    margin: auto;
}



/* logo nav */

.header-container .nav-logo-hr{
    display: none;
}
.header-container .logo-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    gap: 22px;
}
.header-container .logo-image {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}

/* _______________Javascript Css code__________ */

/* Desk top Menu */
.desktop-menu {
    left: -1000px;
    background: #fff;
    padding: 0 20px;
    position: fixed;
    z-index: 1;
    width: 240px;
    height: max-content;
    top: 14%;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}

.activeDeskMenu{
    display: block;
    left: 20%;
}

.deskMargin {
    margin-top: 9.5rem !important;
}
.desktop-menu-op {
    padding: 11px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.desktop-menu-op:hover{
    background: rgba(221, 221, 221, 0.098);
}
.deskMenu {
    max-width: 100%;
    margin: auto;
    padding: 20px;
    position: fixed;
    z-index: 20;
    width: 100%;
    background: #fff;
    top: 0;
    right: 0;
}
@media(max-width:1194px){
    .desktop-menu.activethis.editDeskMenu {
        top: 104px;
        height: 100vh;
        background: #fff;
        width: 319px !important;
        transition: all .5s ease !important;

    }
}
/* mobile- menu */
.mobile-menu-category{
    width: 320px;
    padding: 20px;
    position: fixed;
    background: #fff;
    height: 100vh;
    z-index: 1;
    top: 0;
    left: -1000px;
    transition: all .5s ease;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    height: 100vh;

    
}
.all-product-categories{
    display: none;
}
.all-mobile-categories{
    margin-top: 30px;
}
.mobile-menu-category .close-menu {
    background: #ddd;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.mobile-menu-category .menu-options {
    display: flex;
    gap: 32px;
    justify-content: center;
    font-size: 17px;
    cursor: pointer;
}

.website-menu.\.borderlineTwo {
    border-bottom: 3px solid orange;
    width: 100px;
    text-align: center;
}
.product-category-menu.\.borderline {
    width: 100px;
    text-align: center;
    border-bottom: 3px solid orange;
}
.mobile-category-li{
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: space-between;
    padding: 20px 0;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
}
.mobile-li-category{
    display: flex;
    gap: 8px;
    align-items: center;
}
/* _______________Javascript Css code__________ */

.mobile-li-category P {
    font-weight: 300;
}

.borderline p{
    border-bottom: 3px solid orange;
    
}
.logo-nav img {
    max-height: 39px;
    cursor: pointer;
}
.logo-image .mobilephone-menu{
    font-size: 24px;
    display: none;
    position: relative;
}
.header-container #search-respons{
    display: none;
}
.header-container .search-int {
    display: flex;
    align-items: center;
    position: relative;
    /* gap: 15px; */
    width: 42%;
}
.header-container .search-int .search-Box {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: Inter,sans-serif,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 45px;
    line-height: 1.71428571;
    padding: 0 9px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
}
.header-container .search-int i {
    font-size: 24px;
    margin-right: 18px;
    cursor: pointer;
}
.header-container .search-int #search-category {
    position: absolute;
    border: none;
    outline: none;
    right: 138px;
    font-size: 15px;
    width: 110px;
    color: #5c5c5c;
}
.header-container  .logo-nav .search-btn {
    border: none;
    color: #333e48;
    cursor: pointer;
    font-weight: 600;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.6rem;
    box-sizing: border-box;
    font-size: 20px;
    padding: 10px 28px;
    background-color: #333e48;
    border-radius: 0 3px 3px 0;
    color: #fff;
    position: absolute;
    right: 1px;
}

.header-container .nav-info-box {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 33%;
}
.header-container .hotline{
    display: flex;
    gap: 10px;
    align-items: center;
}

.header-container .hotline-text p {
    font-size: 15px;
}
.header-container .hotline i {
    font-size: 31px;
    transform: rotate(321deg);
    color: #333e48;
}

.header-container .hotline .hotline-number {
    font-weight: 600;
    color: #f04706;
}
.header-container .wish-list-icon {
    position: relative;
}
.header-container #wish-list{
    font-size: 31px;
    color: #333e48;
    cursor: pointer;

}
.header-container .wish-list-num {
    background: #f04706;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: absolute;
    right: -8px;
    top: -5px;
}
.header-container .shop-bag{
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
}
.header-container .shop-bag i {
    font-size: 31px;
    color: #333e48;
}
.header-container .shop-text {
    display: flex;
    flex-direction: column;
    /* margin-top: 7px; */
    gap: 0;
} 
.header-container .shop-text p {
    font-size: 15px;
}  
.header-container .shoping-num {
    background:#f04706 ;
    width: 32px;
    height: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.header-container .account{
    cursor: pointer;
    display: flex;
    gap: 10px;
    align-items: center;
}
.header-container .account i {
    font-size: 31px;
    color: #333e48;

}
.header-container .account-text {
    display: flex;
    flex-direction: column;
}
.header-container .account-text p {
    font-size: 15px;
}


.header-container #search-respons .search-btn {
    border: none;
    color: #333e48;
    cursor: pointer;
    font-weight: 600;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.6rem;
    box-sizing: border-box;
    font-size: 20px;
    padding: 10px 28px;
    background-color: #333e48;
    border-radius: 0 3px 3px 0;
    color: #fff;
    position: absolute;
    right: 1px;
}
.header-container .search-btn i{
    display: none;
}

/* responsive */

@media(max-width:1194px){
    .header-container .logo-image .mobilephone-menu{
        font-size: 24px;
        display: flex;
        color: #333e48;
    }
    .header-container .search-int i {
        display: none;
    }
    .header-container .hotline{
        display: none;
    }
    .header-container .search-int {
        width: 51%;
    }
    .header-container .activethis{
        left: 0 ;
        /* display: block ; */
    }
    
    .removeWebMenu{
        display: none;
    }
    .desktop-menu.activethis.removeDesk {
        display: none;
    }
    
    
}


@media(max-width:991px){
    .header-container .nav-logo-hr{
        display: block;
    }
    
    .header-container .search-int.desk-search {
        position: absolute;
        top: -2000px;
    }
    .header-container #search-respons {
        display: flex;
        margin: auto;
        margin-top: 30px;
        width: 100%;
    }
    
}

@media(max-width:820px){
    .header-container .upper-nav-left{
        display: none;
    }
    .header-container .upper-nav{
        justify-content: center;
    }
}

@media(max-width:765px){
    .header-container .upper-nav{
        display: none;
    }
    .header-container .logo-nav{
        margin-top: 0;
    }
    .header-container .nav-info-box {
        gap: 20px;
    }
    .header-container .account {
        margin-right: 29px;
    }
}

@media(max-width:579px){
    .header-container .wish-list-icon{
        display: none;
    }
    .header-container .account{
        display: none;
    }
    .header-container .nav-info-box {
        justify-content: flex-end;
    }
    .header-container .search-int #search-category{
        display: none;
    }
    .header-container .search-btn p{
        display: none;
    }
    .header-container .search-btn i{
        display: block;
        margin-right: 0;
        font-size: 18px;
    }
    .header-container #search-respons .search-btn{
        padding: 13px 28px;
    }
}
@media(max-width:360px){
    .header-container .shop-bag i {
        font-size: 24px;
    }
    .header-container .shop-text p {
        font-size: 12px;
    }
    .header-container .shoping-num {
        width: 20px;
        height: 20px;
    }
    .header-container .logo-nav img {
        max-height: 29px;
    }
}



/* category-log */

.category-log {
    width: 100%;
    background: var(--themeyellow);
    margin: 1rem 0;
    padding: 0 20px;
}
.container-category-log{
    max-width: 1650px;
    margin: auto;
}
.container-category-log ul li p {
    color: #333e48;
    cursor: pointer;
}
.container-category-log ul li i{
    color: #333e48;
}
.container-category-log .category-ul li{
    list-style: none;
}
.container-category-log .category-ul {
    display: flex;
    align-items: center;
}
.container-category-log .donw-angel-color{
    color: #333e48 !important;
}
.container-category-log  .categoriese-log{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 10px;
    font-weight: 200;
    position: relative;
    /* cursor: pointer; */
}
.container-category-log  .categoriese-log:hover .sub-manu-hover{
    display: flex;
}
.container-category-log  .sub-manu-hover{
    transition: all 0.5s ease;
    display: none;
    position: absolute;
    z-index: 1;
    top: 52px;
    padding: 20px;
    width: 724px;
    justify-content: space-around;
    align-items: center;
    background: #333e48;
}
.container-category-log  .sub-menus p{
    padding: 7px 0;
    color: #fff !important;
}
.container-category-log  .categories-hot {
    position:absolute;
    background: #D60000;
    color: #fff;
    font-weight: 400;
    padding: 0px 15px;
    border-radius: 6px;
    font-size: 13px;
    right: 9px;
    top: -7px;
}   

.container-category-log  .Hotgreen{
    background: #28B87E;
}

@media(max-width:1194px){
    .category-log {
        display: none;
        position: fixed;
        height: 100vh;
        top: 84px;
        background: none;
    }
    .container-category-log .category-ul {
        display: block;
        width: 300px;
    }
    .category-log {
        width: 321px;
        z-index: 2;
    }
    .activeCategory{
        display: block;
        margin-top: 30px;
    }
    .container-category-log .sub-manu-hover{
        left: 268px;
        top: 0;
    }
    .container-category-log .sub-menus p {
        font-size: 14px;
    }
    .container-category-log .sub-manu-hover{
        width: 500px;
    }
    .category-log.activeCategory ul li .categories-hot{
        display: none;
    }
}
@media(max-width:798px){
    .container-category-log .sub-manu-hover{
        display: none !important;
    }
    .container-category-log .categoriese-log .resDownNone {
        display: none;
    }
}



/* hero Section */

/* -----------Hero section---------- */
.hero-wraper{
    text-align: right;
    margin-top: 30px;
}
.hero {
    max-width: 1620px;
    margin-top: 2rem;
    margin: auto;
    padding: 0px 20px;
}
.hero img{
    border-radius: 10px;
    width: 100%;
}



/* --------------Delivery Section------------ */
.main-body{
    background: #fff;
}
.delivery-wraper{
    max-width: 1620px;
    margin: auto;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
    gap: 10px;
}
.delivery-wraper .delivery-items {
    padding: 15px;
    border: 1px solid #ebebeb;
    cursor: pointer;
    border-radius: 10px;
}
.delivery-wraper > div {
    flex: 1;
}
.delivery-wraper .delivery-item{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}
.delivery-wraper .delivery-item p{
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.delivery-wraper .delivery-item p span{
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-transform: capitalize;
    margin-top: 10px;
}
.delivery-wraper .delivery-item i{
    font-size: 35px;
    color: #f04706;
}
.delivery-wraper .delivery-item .phone {
    transform: rotate(90deg);
}
.delivery-wraper .delivery-item .empty-div {
    width: 1px;
    height: 50px;
    border: 1px solid #ddd;
    
}

@media(max-width:998px){
    .delivery-wraper{
        flex-wrap: wrap;
    }

    .delivery-wraper.delivery-items {
        min-width: 32%;
        }
    .delivery-wraper .delivery-item{
        justify-content: center;
    }
}
@media(max-width:815px){
    .delivery-wraper .delivery-item i {
        font-size: 26px;
    }
}
@media(max-width:391px){
    .delivery-wraper .delivery-item p{
        font-size: 11px;
    }
    .delivery-wraper .delivery-item i{
        font-size: 16px;
    }
    .delivery-wraper {
        display: grid;
        grid-template-columns: auto auto auto;
    }
    .delivery-wraper .delivery-item{
        gap: 9px;
    }
}

/* -----------Fashion Section Started---------- */
.fashion{
    max-width: 1620px;
    margin: auto;
    justify-content: space-between;
    padding: 20px;
    gap: 17px;
    
}

.fashion .fashion-items {
    margin-bottom: 2rem;
}
.fashion .fashion-heading {
    margin-top: 2rem;
    margin-bottom: 13px;
    color: rgb(51, 62, 72);
}
.fashion .fashion-hr {
    border-bottom: 1px solid #ddd;
    margin-bottom: 29px;
    margin-top: 11px;
}
.fashion .fashion-list {
    padding: 0 20px;
}
.fashion .fashion-list {
    padding: 0 10px;
}
.fashion .fashions-categories {
    background: rgb(255, 255, 255);
    border-right: 1px solid rgb(221, 221, 221);
    width: 600px;
    /* max-height: 515px; */
    /* overflow-y: scroll; */
    border-left: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
    border-top: 5px solid rgb(240 71 6);
}
.fashion .fashions-categories .fashion-style {
    background: #f04706;
    width: 185px;
    color: #fff;
    text-transform: uppercase;
    /* margin-bottom: 20px; */
    width: 100%;
}
.fashion .fashions-categories .fashion-style .bar-top{
    display: none;
}
.fashion .fashions-categories .fashion-style h2 {
    font-size: 19px;
    text-transform: uppercase;
    line-height: 46px;
    font-size: 18px;
    padding: 0 14px;
    color: #fff;
    font-weight: 500;
}
.fashion .fashions-categories ul li {
    display: block;
    padding: 12.1px;
    border-top: 1px solid #ddd;
}
.fashion .fashions-categories ul li a{
    color: #262626;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
}
.discount-box-fashion{
    background: #f04706;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 14px;
    position: absolute;
    color: #fff;
    top: 14px;
    left: 14px;
    cursor: pointer;
}
.fashion-items {
    display: grid;
    width: 100%;
    grid-template-columns: auto auto auto auto auto;
    gap: 10px;
}
.fashion-items > div {
    flex: 1 1 20%;
}
.fashion-items .fashion-item {
    background: #fff;
    border: 1px solid #dddddd52;
    text-align: center;
    position: relative;
    width: 100%;
    max-width: 340px;
    padding: 10px;
}
.product-fashion-box {
    margin-bottom: 14px;
}
.fashion-items .fashion-item img {
    max-width: 235px;
    height: 235px;
    object-fit: contain;
    padding: 20px;
}
.stars-review-fashion {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    justify-content: center;
    margin: 10px 0;
}
.stars-review-fashion .fillstarT{
    color: var(--themeyellow);
}

.fashion-item .fashion-product-name {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3px;
    color: #333e48;
}
.fashion-items .fashion-item span {
    color: #f04706;
    font-weight: bold;
    font-size: 23px;
    /* margin: 42px; */
    /* width: 100px; */
    /* margin-top: 81px; */
}
.fashion-item .fashion-item-btn{
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    opacity: 0;
    transition: all .2s ease;
    width: max-content;
    display: flex;
    flex-direction: column;
    gap:6px;
}

.fashion-item .fashion-item-btn button{
    cursor: pointer;
    border: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-family: 'Poppins';
    background: #f04706;
    color: #fff;
}
.fashion-item .fashion-item-btn button i{
    display: none;
}
.fashion-item .fashion-item-btn button p{
    margin-bottom: 0;
}
.fashion-item:hover .fashion-item-btn{
    z-index: 1;
    opacity: 1;
    top: 40%;
}

@media(max-width:1454px){
    .fashion-items .fashion-item img {
        max-width: 200px;
    }
}
@media(max-width:1178px){
    .fashion-items{
        grid-template-columns: auto auto auto auto;
    }
}

@media(max-width:1066px){
    .fashion .fashions-categories {
        /* border: 1px solid #ddd; */
        width: 100%;
    }
    .fashion-list{
        display: none;
    }
    .fashion{
        display: block;
    }
    .fashion .fashions-categories .fashion-style {
        margin-bottom: 0px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none;
    }
    .fashion-items {
        border-top: none;
        
    }
    .fashion .fashions-categories .fashion-style .bar-top{
        display: flex;
    }
    .fashion-items{
        grid-template-columns: auto auto auto auto;
    }
}


@media(max-width:900px){
    .fashion-item .fashion-item-btn button i{
        display: block;
    }
    .fashion-item .fashion-item-btn button p{
        display: none;
    }
    .cart-btn.pd-btn{
        display: none;
    }
}
@media(max-width:992px){
    .fashion-items{
        grid-template-columns: auto auto auto;
    }

}

@media(max-width:724px){
   
    .fashion-item .fashion-product-name{
        font-size: 15px;
    }
    .fashion-items{
        grid-template-columns: auto auto;
    }
}

@media(max-width:486px){
    .fashion-items {
        grid-template-columns: auto;
        gap: 15px;
    }
    .fashion-items .fashion-item{
        max-width: 100%;
    }
    .splide .splide__list > *{
        min-width: 240px;
    }
}






/* -------Fashion Section section end----------- */



#all-revoShop-sec{
    padding: 20px;
    max-width: 1620px;
    margin: auto;
}
.specific-catagory {
    margin: 2rem 0;
}

.all-sc-product-container {
    display: flex;
    gap: 30px;
}



.product-heading{
    box-shadow: 0 2px 3px 0 rgb(208 208 208 / 60%);
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 2px solid #f04706;
}
.navOF-sc-product{
    display: flex;
    gap: 15px;
}
.navOF-sc-product p {
    color: rgb(51, 62, 72);
}
.product-heading a p{
    font-weight: 500;
    text-transform: capitalize;
    font-size: 15px;
}
.sc-product-view-all{
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--themecolororange);
}
.sc-heading-topic-box{
    background: #f04706;
    color: white;
}
.sc-heading-topic-box i {
    display: none;
}
.sc-heading-topic-box h2{
    text-transform: uppercase;
    line-height: 46px;
    font-size: 18px;
    padding: 0 14px;
    color: #fff;
    font-weight: 500;
}

.specific-product-box{
    display: flex;
}
.sc-product-container {
    width: 100%;
}

.sc-product-box {
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    width: 50%;
    padding: 24px 10px;
    text-align: center;
    border-radius: 0 0 0 10px;
}
.productIMG-discount{
    position: relative;

}
.discound-circle {
    background: var(--themeyellow);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    line-height: 38px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #333e48;
    top: 3px;
    right: 11px;
}
.sc-product-box img {
    max-width: 300px;
    width: 100%;
}
.sc-product-box h3{
    margin-bottom:10px ;
    color: rgb(51, 62, 72);

}
.sc-product-box  span{
    color: var(--themecolororange);
    font-weight: 700;

}


.related-product-box{
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    width: 50%;
    padding: 10px;
    border-radius: 0 0 10px;
}
.numTwo-sc-product-heading{
    
    border-top: 2px solid  #f04706;
}
.numTwo-sc-product {
    background: #f04706;
}
.related-product-box img{
    max-width: 120px;
    width: 100%;
}
.related-product {
    display: flex;
    align-items: center;
}
.related-product-discount {
    position: relative;
    margin-top: 10px;
}
.discound-related-product{
    background: var(--themeyellow);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    line-height: 38px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #333e48;
    top: 3px;
    right: 11px;
}

.related-product-info h3{
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
    color: rgb(51, 62, 72);

}
.related-product-info span{
    color: var(--themecolororange);
    font-weight: 600;
}

@media(max-width:980px){
    .all-sc-product-container{
        flex-direction: column;
    }
}
@media(max-width:625px){
    .product-heading{
        display: block;
    }
    .navOF-sc-product {
        display: flex;
        padding: 20px 10px;
        gap: 10px;
    }
}
@media(max-width:424px){
    .navOF-sc-product{
        display: none;
    }
    .sc-heading-topic-box{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .sc-heading-topic-box i {
        display: block;
        padding-right: 20px;
    }
    .discound-related-product{
        top: 0;
        right: 0;
    }
}

.tns-outer button{
    display: none;
}
.tns-controls button{
    display: none;
}
/* Extra offer promo */
.offer-banner {
    margin-bottom: 2rem;
}

.extra-offer-promo {
    margin-top: 4.5rem;
}
.extra-offer-promo img {
    width: 100%;
}

.offer-banner-image.office-banner1 {
    border-radius: 15px 0 0 15px;
}
.offer-banner-image.office-banner4 {
    border-radius:  0 15px 15px 0 ;
}
.extra-promo-container span {
    font-weight: 100;
}
.promo-banner{

    width: 50%;
    padding: 76px;
}
.extra-promo-container p {
    font-size: 47px;
    color: white;
    text-align: center;
    font-weight: 600;
    line-height: 30px;
    line-height: 51px;
}
.promo-banner a p {
    color: var(--themecolororange);
    font-size: 14px;
}
.seemore-promo-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: var(--themecolororange);
}
@media(max-width:772px){
    .extra-promo-container{
        display: none;
    }
}


/* Best Seller Section Starts  */
.container-best-seller {
    margin-bottom: 4rem;
    margin-top: 7rem;
}
.heading-best-seller {
    text-align: center;
    margin-bottom: 2rem;
}

.heading-best-seller h2 {
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 13px;
    font-size: 30px;
    color: rgb(51, 62, 72);
}
.heading-best-seller p{
    color: rgb(51, 62, 72);
    
}
.all-best-sell-item {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 30px;
}
.best-seller-item {
    display: flex;
    gap: 40px;
}
.best-seller-info-item h3 {
    color: rgb(51, 62, 72);
    font-size: 19px;
    font-weight: 500;
}

.rating-star-best {
    display: flex;
    gap: 6px;
    margin-bottom: 10px;
    color: var(--themeyellow);
}
.best-seller-item  .persent-off {
    color: #f04706;
    font-weight: 600;
}
.best-prize-info del {
    color: var(--themeyellow);
}
.best-seller-item img {
    width: 180px;
    height: 180px;
    object-fit: contain;
    cursor: pointer;
}
.shopping-best-sells-item {
    border: 1px solid #ddd;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shopping-best-sells-item a i {
    color: #333e48;
}
.shopping-best-sells-item a i:hover{
    color: #6170bc;
}
.best-prize-info {
    display: flex;
    gap: 10px;
    line-height: 53px;
    font-size: 14px;
}
.best-sells-buttom{
    display: flex;
    gap: 20px;
    align-items: center;
}


@media(max-width:1322px){
    .best-seller-item img{
        height: 130px;
        width: 130px;
    }
}

@media(max-width:1128px){
    .best-seller-info-item a h3{
        font-size: 15px;
    }
    .rating-star-best i{
        font-size: 13px;
    }
}
@media(max-width:1084px){
    .all-best-sell-item{
        grid-template-columns: auto auto;
    }
    .best-seller-item{
        justify-content: center;
    }
}
@media(max-width:846px){
    .best-seller-item{
        gap: 20px;
    }
}
@media(max-width:742px){
    .best-seller-item img{
       width: 100px;  
       height: 100px;
    }
}
@media(max-width:640px){
    .all-best-sell-item {
        grid-template-columns: auto;
    }
    .best-seller-item{
        justify-content: flex-start;
    }
    .best-seller-info-item {
        display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 10px;
    }
}
@media(max-width:458px){
    .best-prize-info{
        font-size: 12px;
    }
    .best-sells-buttom {
        flex-direction: column;
    }
    .best-seller-item {
        border-bottom: 1px solid #e0e0e0;
        border-top: 1px solid #e0e0e0;
        padding: 10px 0;
    }
}

@media(max-width:350px){
    .best-seller-item img {
        width: 85px;
        height: 85px;
    }
    .best-seller-item {
        gap: 15px;
    }
    .best-prize-info{
        line-height: 23px;
    }
}








/* SC Blog Section */
.SC-blog{
    margin: 2rem 0;
}
.SC-blog .heading-blog{
    text-align: center;
}
.SC-blog .heading-blog h2{
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
/* .blog-container {
    padding: 20px;
    background: #f04706;
} */
.SC-blog .left-arow{
    transform: rotate(178deg);
}
.SC-blog .heading-blog .blog-slide-arrow{
    color: #c3c3c3;
    font-size: 23px;
    cursor: pointer;
}

.SC-blog .theme-div-line{
    background: var(--themecolororange);
    height: 2px;
    width: 10%;
}
.SC-blog .all-blog-boxs{
    display: flex;
    gap: 25px;
    justify-content: space-between;
}
.SC-blog .all-blog-boxs.sc-blog-box {
    margin-top: 2rem;
    width: 40%;
}
.SC-blog .sc-blog-box .blog-image-date {
    position: relative;
    width: 100%;
}
.SC-blog .blog-image-date img {
    width: 100%;
    border-radius: 10px;
}
.SC-blog .sc-blog-box h3 {
    margin: 12px 0;
    color: #333e48;
    font-weight: 700;
    font-size: 17px;
    text-transform: capitalize;
}

.SC-blog .blog-date {
    background: white;
    width: 62px;
    position: absolute;
    padding: 10px;
    border-radius: 0px 0px 32px 0px;
    font-weight:bolder;
    color: #a1a1a1;

}
.SC-blog .comment-catagory-blog i {
    color: #333e48;
}
.SC-blog .sc-blog-bo .blog-date span {
    font-size: 24px;
}
.SC-blog .comment-catagory-blog{
    display: flex;
    gap: 20px;
}
/* .blog-comment,.blog-tag i, p{
    color: #b7b7b7;

} */
.SC-blog .comment-catagory-blog .blog-comment{
    display: flex;
    text-transform: capitalize;
    gap: 10px;
    align-items: center;
}
.SC-blog .blog-comment p {
    font-size: 13px;
}
.SC-blog .blog-tag p {
    font-size: 13px;
}
.SC-blog .comment-catagory-blog .blog-tag{
    display: flex;
    text-transform: capitalize;
    gap: 10px;
    align-items: center;
}

.SC-blog .read-more-blog {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--themecolororange);
}
.SC-blog .read-more-blog p{
    color: var(--themecolororange);
    font-weight: 600;
    font-size: 13px;
}
.SC-blog .blog-divide {
    margin: 1rem 0;
    background: #b7b7b7e7;
}
@media(max-width:1223px){
    .SC-blog .all-blog-boxs{
        display: grid;
        grid-template-columns: auto auto auto;
        justify-content: center;
    }
}

@media(max-width:1007px){
    .SC-blog .all-blog-boxs{
        display: grid;
        grid-template-columns: auto auto;
    }
    .SC-blog .sc-blog-box{
        width: 100%;
    }
}
@media(max-width:617px){
    .SC-blog .all-blog-boxs {
        grid-template-columns: auto;
        display: flex;
        flex-direction: column;
    }
    
}




/* product silder  */



.forSlider {
    display: none !important;
}

/* -----------Register text------------------ */
.register-wraper {
    position: relative;
    background: #f4f7fb;
}

.copy-wright p {
    color: rgb(118, 124, 143);
}
.master-cards{
    padding: 20px;
    max-width: 1620px;
    margin: auto;
    margin-top: 6rem;
    text-align: center;
}
.master-card{
    margin-top: 20px;
}
.master-card img{
    max-width: 60px;
    width: 100%;
    padding: 0 5px;
}





/* offer banner section */
.offer-banner-container{
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.offer-banner-container img{
    width: 100%;
}
.offer-banner-image:hover {
    animation: shake 1.2s;
    animation-iteration-count: infinite;
  }
  
  @keyframes shake {
    0% { transform: translate(5px, 1px) rotate(0deg); }
    
    20% { transform: translate(1px, 1px) rotate(0deg); }
    
    40% { transform: translate(5px, 1px) rotate(0deg); }
   
    60% { transform: translate(1px, 1px) rotate(0deg); }
   
    80% { transform: translate(5px, 1px) rotate(0deg); }
  
    100% { transform: translate(5px, 1px) rotate(0deg); }
  }

@media(max-width:768px){

    .offer-banner-container {
        display: grid;
        grid-template-columns: auto auto;
    }
    .offer-banner-image.office-banner1 {
        border-radius: 0 ;
    }
    .offer-banner-image.office-banner4 {
        border-radius: 0 ;
    }
}
@media(max-width:400px){

    .offer-banner-container {
        grid-template-columns: auto ;
    }
}




/* Shop Page Section */
.shop-page-container{
    max-width: 1620px;
    margin: auto;
    padding: 20px;
}

.shop-page-container .parent-body-shop-page{
    display: flex;
    gap: 30px;
}
.shop-page-container .shop-promo-banner {
    margin-bottom: 3rem;
    width: 100%;
}
.shop-page-container .file-path {
    margin: 2rem 0;
    color: #9c9c9c;
    /* gap: 20px; */
    display: flex;
    align-items: center;
    gap: 14px;
    text-transform: uppercase;
    font-weight: 700;
    justify-content: space-between;
}
.shop-page-container .path-line {
    display: flex;
    gap: 14px;
    align-items: center;
}
.shop-page-container #catagory-bar{
    display: none;
    background: #ff5c00;
}
.shop-page-container .file-path a {
    color: #9c9c9c;
    font-weight: 400;
}
.shop-page-container .catagory {
    border: 1px solid #ebebeb;
}
.shop-page-container .catagory-section{
    width: 23%;
}
.shop-page-container .heading-catagory {
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    display: flex;
    background: #f04706;
    padding: 15px;
    font-weight: 700;
    color: #fff;
}
.shop-page-container .heading-catagory i {
    font-size: 22px;
}

.shop-page-container .heading-catagory h2 {
    font-weight: 500;
    font-size: 18px;
}

.shop-page-container .catagory-menu {
    display: block;
    padding: 12.1px;
    border-bottom: 1px solid #ddd;
}
.shop-page-container .catagory-menu a {
    color: rgb(51, 62, 72);
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
}

.shop-page-container .color-catagory{
    margin-top: 2rem;
    border: 1px solid #ebebeb;
    text-align: center;
}
.shop-page-container .all-color-option{
    display: flex;
    justify-content: space-around;
    padding: 20px;
}
.shop-page-container .color-one-option {
    background: black;
    width: 40px;
    height: 40px;
}
.shop-page-container .color-two-option {
    background: red;
    width: 40px;
    height: 40px;
}
.shop-page-container .shop-view-icons i {
    font-size: 16px;
    background: #f04706;
    height: 40px;
    width: 40px;
    color: white;
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;

}

.shop-page-container .shop-view-icons .black-nav-bar {
    background: rgb(51, 62, 72);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}
.shop-page-container .color-three-option {
    background: green;
    width: 40px;
    height: 40px;
}
.shop-page-container .color-four-option {
    background: gold;
    width: 40px;
    height: 40px;
}
.shop-page-container .body-size{
    border: 1px solid #ebebeb;
    width: 30px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
}
.shop-page-container .amout-box{
    border: 1px solid #d3d2d2;
    width:99px;
    padding-left: 10px;
    padding-top: 3px;
    height: 30px;
}
.shop-page-container #prize-range {
    margin-top: 23px;
    background: aqua;
    width: 203px;
}
.shop-page-container .amout-btn {
    text-transform: uppercase;
    background: black;
    color: white;
    border: none;
    outline: none;
    width: 75px;
    /* height: 50px; */
    line-height: 32px;
    cursor: pointer;
}
.shop-page-container .color-catagory p {
    margin: 14px 0;
    font-size: 15px;
    color: #7d7d7d;
}

.shop-page-container .best-seller-box {
    display: flex;
    margin-top: 15px;
    cursor: pointer;
}
.shop-page-container .best-seller-box:hover{
    background: #ddd;
}
.shop-page-container .best-product-info {
    text-align: left;
}
.shop-page-container .bst-sell-product-name {
    font-weight: 500 !important;
    color: rgb(51, 62, 72) !important;
}
.shop-page-container .bst-sell-prize {
    font-weight: 700 !important;
    color: #ff5c00 !important;
}
.shop-page-container .best-sells-product {
    max-width: 80px;
    width: 100%;
}




.shop-page-container .shop-promo-banner img {
    width: 100%;
}
.shop-page-container .shop-upper-menu {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
    align-items: center;
}
.shop-page-container .shop-view-icons {
    display: flex;
}

.shop-page-container .fashion-style i {
    height: 40px;
    width: 40px;
    color: white;
    align-items: center;
    display: flex;
    justify-content: center;
}
.shop-page-container .shot-list-input {
    display: flex;
    align-items: center;
    gap: 40px;
}
.shop-page-container .show-number {
    display: flex;
    gap: 20px;
    align-items: center;
}
.shop-page-container #cars {
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    border-color: #eee;
    font-family: 'Raleway';
    padding-right: 36px;
}
.shop-page-container #Show-nums {
    font-size: 17px;
    height: 40px;
    border-color: rgb(238, 238, 238);
    font-family: Raleway;
    outline: none;
    width: 59px;
    padding-left: 10px;
}





/* product Shop Start */
.shop-page-container .shop-product-upper {
    margin: 2rem 0;
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 30px;
}
.shop-page-container .product-shop img {
    max-width: 259px;
    width: 100%;
}
.shop-page-container .product-shop {
    width: 100%;
    text-align: center;
    border: 1px solid #ebebeb;
    padding: 10px;
    border-radius: 10px;
}
.shop-page-container .product-shop h3 {
    font-size: 15px;
    line-height: 34px;
    font-weight: 400;
}
.shop-page-container .product-shop p {
    color: #ff5c00;
    font-weight: 900;
    font-size: 18px;
}


.shop-page-container .product-view-mini {
    margin-top: 10px;
    display: flex;
    gap: 2px;
    /* text-align: center; */
    justify-content: center;
    overflow-x: scroll;
}
.shop-page-container .special-mini-product {
    max-width: 50px !important;
    border: 1px solid #ebebeb;
    padding: 3px;
    width: 100%;
}

.shop-page-container .product-shop.product-with-discound {
    height: fit-content;
    position: relative;
}

.shop-page-container .product-discound-box {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    line-height: 38px;
    background-color: #ff5c00;
}


.shop-page-container .product-shop.product-with-discound p del {
    color: #7d7d7d;
}




@media(max-width:1100px){
    .shop-page-container .shop-product-upper {
        grid-template-columns: auto auto auto;
    }
}
@media(max-width:960px){
    .shop-page-container .catagory-section{
        display: none;
    }
    .shop-page-container #catagory-bar{
        display: flex;
    }
}
@media(max-width:768px){
    .shop-page-container .shop-product-upper {
        grid-template-columns: auto auto;
    }
}
@media(max-width:490px){
    .shop-page-container .shop-product-upper {
        grid-template-columns:auto;
    }
}
@media(max-width:490px){
    .shop-page-container .shot-list-input{
        gap: 20px;
    }
    .shop-page-container .show-number{
        gap: 10px;
    }
}
@media(max-width:428px){
    .shop-page-container    .show-number{
        display: none;
    }
}







/* --------------Delivery Section------------ */
.main-body{
    background: #fff;
}
.delivary-container {
    background: #ff5c00;
}
.delivary-container .delivery-wraper{
    max-width: 1200px;
    margin: auto;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
    gap: 10px;
}
.delivary-container .delivery-wraper > div {
    flex: 1;
}
.delivary-container .delivery-wraper .delivery-item{
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    gap: 20px;
}
.delivary-container .delivery-wraper .delivery-item p{
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.delivary-container .delivery-item p {
    color: white;
}
.delivary-container .delivery-wraper .delivery-item p span{
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-transform: capitalize;
    margin-top: 10px;
}
.delivary-container .delivery-wraper .delivery-item i{
    font-size: 35px;
    color: #fff;
}
.delivary-container .delivery-wraper .delivery-item .phone {
    transform: rotate(90deg);
}
.delivary-container .delivery-wraper .delivery-item .empty-div {
    width: 1px;
    height: 50px;
    border: 1px solid #ddd;
    
}
@media(max-width:815px){
    .delivary-container .delivery-wraper .delivery-item i {
        font-size: 26px;
    }
}

@media(max-width:1024px){
    .delivary-container .delivery-wraper{
        flex-wrap: wrap;
    }
    .delivary-container .delivery-wraper > div{
        min-width: 32%;
        padding: 20px 0;
    }
    .delivary-container .delivery-wraper .delivery-item{
        justify-content: center;
    }
    .delivary-container .delivery-wraper .delivery-item .empty-div{
        margin-left: 10%;
    }
}
@media(max-width:540px){
    .line-res-hidden{
        display: none;
    }

}
@media(max-width:357px){
    .delivery-wraper {
        display: grid; 
        grid-template-columns: auto auto; 
    }
}












/* News letter Section  */
.newsletter_section{
    width: 100%;
    background: var(--themeyellow);
    margin-top: 2rem
}
.container-newsletter{
    max-width: 1620px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 38px;
    gap: 30px;
}
.neww-paragraph{
    padding: 10px 0;
    flex: 1;
}
.container-newsletter h2 {
    margin-bottom: 10px;
    font-size: 32px;
    color: black;
    font-weight: bolder;
    /* text-transform: uppercase; */
}
.container-newsletter p{
    color: #333e48;
    font-size: 14px;
}

.input-newsletter-btn {
    display: flex;
    flex: 1;

}
.container-newsletter input[type="email"] {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: Inter,sans-serif,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 45px;
    line-height: 1.71428571;
    padding: 0 9px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
}

.container-newsletter .Subscrib-Us-btn {
    border: none;
    color: #333e48;
    cursor: pointer;
    line-height: 1.6rem;
    font-size: 19px;
    padding: 10px 15px;
    background-color: #333e48;
    border-radius: 0 3px 3px 0;
    color: #fff;
}
@media(max-width:630px){
    .container-newsletter{
        flex-direction: column;
    }
}


/* ----------Footer Section------------ */

/* carve footer  */
.footer{
    width: 100%;
    height: 327px;
    margin-top: 4rem ;
    position: relative;
}
.footer-bacground {
    width: 100%;
    height: 691px;
    object-fit: cover;
    z-index: -1;
    position: absolute;
    top: -100%;
}
.footer-container{
    max-width: 1620px;
    margin-bottom: 17px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1;
    padding: 30px;
    gap: 25px;
}
.footer-container .Contact-Us{
    width: 30%;
}
.footer-container .footer-all-details h2 {
    text-transform: uppercase;
    color: rgb(118 124 143);
    font-size: 19px;
}
.footer-container .Address {
    margin-top: 25px;
    text-align: justify;
    color: #354367;
}
.footer-container .contact{
    margin-top: 23px;
}
.footer-container .telegram{
    line-height: 60px;
}
.footer-container .footer-link a{
    padding-bottom: 20px;
    color: #354367;;

}
.footer-container .all-footer-details-link{
    justify-content: space-around;
    width: 70%;
    display: flex;
    gap: 20px;
}
.footer-container .footer-link{
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}
/* .call-num p {
    color: #354367;
}
.telegram p {
    color: #354367;
}
.email p {
    color: #354367;
} */
.footer-container .call-num{
    color: #354367;
    display: flex;
    align-items: center;
    gap: 20px;
}
.footer-container .telegram{
    color: #354367;
    display: flex;
    align-items: center;
    gap: 20px;
}
.footer-container .email{
    color: #354367;
    display: flex;
    align-items: center;
    gap: 20px;
}
 .footer-bottom {
    width: 100%;
    background: #f4f7fb;
    padding: 10px;
    border-top: 1px solid #e0dede;

}
.footer-bottom .coppy-right-fag {
    color: #354367;
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto;
    padding: 0 30px;
}
.footer-bottom .all-flags {
    display: flex;
    align-items: center;
    gap: 20px;
}
.footer-bottom .flag-box {
    display: flex;
    gap: 10px;
    align-items: center;
}
.footer-bottom .all-flags img {
    max-width: 35px;
}
.footer-bottom .social-icons {
    display: flex;
    gap: 10px;
}
.footer-bottom .social-icons a {
    background: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-bottom .social-icons a i {
    color: #333e48;
}

@media(max-width:934px){
    .footer-bacground {
        height: 855px;
        top: -105%;
    }
    .footer-container {
        flex-direction: column;
    }
    .footer-container .Contact-Us {
        width: 100%;
    }
    .footer-container .contact {
        gap: 20px;
        display: flex;
        justify-content: space-between;
    }
    .footer-container .all-footer-details-link {
        width: 100%;
    }
}
@media(max-width:703px){
    .footer-container .contact{
        
        font-size: 13px;
    }
    .footer-container .all-footer-details-link {
        display: grid;
        grid-template-columns: auto auto auto;
    }
    
}
@media(max-width:652px){
    .footer-bottom   .coppy-right-fag {
        flex-direction: column;
        gap: 10px;
    }
}

@media(max-width:597px){
    .footer-container .contact {
        font-size: 13px;
        display: grid;
        grid-template-columns: auto auto;
        align-items: center;
        gap: 0;
    }
    .footer-container .all-footer-details-link {
        grid-template-columns: auto auto;
    }
}
@media(max-width:388px){
    .footer-container .contact{
        grid-template-columns: auto;
        
    }
}








/* ===================================================================== */
/* Cart page Style Starts */
/* ===================================================================== */

/*Table Starts*/
.cart-page-table{
    max-width:1620px;
    
    margin: auto;
    padding: 20px;
}
.container-cart-page {
    margin-bottom: 7rem;
}
.cart-page-Parent-body{
    background: #fff;
}

.container-cart-page .head-table {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #ddd;
}

.cart-product-table {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    /* margin: 1rem 0; */
    border-bottom: 1px solid #ddd;
    padding: 15px 10px;
}
.cart-product-table:hover{
    background: rgba(238, 237, 237, 0.338);
}
.container-cart-page .product-img {
    max-width: 65px;
    margin-left: 18px;
}

.container-cart-page .desk-view-Q .minus {
    width: 30px;
    background: #363f4d;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
}
.container-cart-page .desk-view-Q .plus {
    width: 30px;
    background: #363f4d;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color:#fff;
}
.container-cart-page .cart-order-info {
    display: flex;
    justify-content: space-between;
    width: 50%;
    align-items: center;
}
.container-cart-page .quantity-box {
    border: 1px solid #363f4d;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 10px;
}
.container-cart-page .head-table h2{
    font-size: 15px;
    margin-bottom: 18px;
    color: #363f4d;
    text-transform: uppercase;
    font-weight: 500;
}
.container-cart-page .delete-table i {
    font-size: 20px;
    color: #363f4d;
}
.container-cart-page #product-quantity{
    display: none;
}
.container-cart-page .mobile-title-card{
    display: none;
    color: #363f4d;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 24px;
}


.container-cart-page .desk-view-Q{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.container-cart-page .product-Q {
    width: 17%;
    display: flex;
    justify-content: center;
}

.cart-product-table .product-Name {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 45%;
    justify-content: flex-start;
    color: #363f4d;
    font-size: 17px;
}
.container-cart-page .product-title {
    width: 35%;
    display: flex;
    justify-content: center;
}
.container-cart-page .quantity-title {
    width: 17%;
    display: flex;
    justify-content: center;
}
.container-cart-page .prize-title {
    width: 10%;
    display: flex;
    justify-content: center;
}
.container-cart-page .prize-table {
    width: 10%;
    display: flex;
    justify-content: center;
    color: #363f4d;
    font-weight: 500;
}
.prize-table {
    color: #363f4d;
}
.container-cart-page .delete-title {
    width: 10%;
    display: flex;
    justify-content: center;
}

.container-cart-page .delete-table {
    width: 10%;
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.container-cart-page .delete-table i:hover{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2023251b;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}



@media(max-width:720px){
    .container-cart-page .cart-order-info{
    justify-content: space-around;

    }
    .container-cart-page .mobile-title-card{
        display:block;
    }
    .container-cart-page .hrLine{
        display: none;
    }
    .container-cart-page .head-table{
        display: none;
    }
    .container-cart-page .desk-view-Q{
        display: none;
    }
    .container-cart-page #product-quantity {
        display: flex;
        padding: 10px;
    }
    .container-cart-page .product-Q {
        width: 9%;
        justify-content: center;
    }
    .container-cart-page .prize-table {
        width: 13%;
        justify-content: center;
        display: flex;
    }
    .cart-product-table .product-Name {
        width: 57%;
        justify-content: start;
    }
    .container-cart-page .delete-table{
        width: 6%;
    }
    .container-cart-page .cart-product-table{
        box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
        padding: 10px;
        border-bottom: none;
        margin: 1rem 0;
    }
}
@media(max-width:482px){
    .container-cart-page .product-img {
        margin-left: 2px;
    }
    .container-cart-page .cart-product-table{
        flex-direction: column;
    }
    .container-cart-page .product-img {
        max-width: 44px;
    }

    .container-cart-page #product-quantity {
        padding: 3px;
    }
    .container-cart-page .cart-product-table .product-Name{
        gap: 11px;


    }
    .cart-product-table .product-Name{
        width: 100%;
    }
    .container-cart-page .cart-order-info{
        width: 100%;
        padding: 0 20px;
        justify-content: space-between;
    }
    .container-cart-page .prize-table {
        width: 13%;
        justify-content: flex-start;
    }
}
@media(max-width:380px){
    .container-cart-page.prize-table{
        font-weight: 300;
    }
    .container-cart-page .product-name-Box {
    }
}


.apply-coupon {
    width: 65%;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}
@media(max-width:558px){
    .coupon{
        display: block !important;
    }
    .apply-coupon{
        width: 100%;
    }
    /* .cart-page-table .coupon-wraper .apply-coupon input[type="text"]{
        width: 90%;
    } */

}
.coupon-wraper .coupon {
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
}
.coupon-wraper .apply-coupon input[type="text"] {
    width: 70%;
    padding: 13px 20px;
    border: 1px solid #ddd;
    font-size: 14px;
    transition: 0.5s;
    outline: none;
    margin-bottom: 10px;
    font-family: 'Poppins';
}
.apply-coupon input[type="text"]:focus{
    border: 1px solid rgb(128, 215, 250);
}
.apply-coupon input[type="submit"] {
    width: 150px;
    padding: 14px 20px;
    background: #FF324D;
    color: white;
    font-size: 14px;
    text-align: center;
    margin-left: -5px;
    border: none;
    cursor: pointer;
    /* font-weight: 600; */
    line-height: 1.6rem;
    box-sizing: border-box;
    font-size: 15px;
    padding: 11px 28px;
    background-color: rgb(51, 62, 72);
    border-radius: 0px 3px 3px 0px;
    color: rgb(255, 255, 255);
}
.apply-coupon input[type="submit"]:hover{
    background: #f04706;

}
@media(max-width:436px){
    .coupon-wraper .apply-coupon input[type="submit"]{
        margin-left: 0px;
    }
}
.coupon-wraper .update-cart input {
    width: 150px;
    padding: 13px 20px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    border: 1px solid #ddd  ;
    background: #f04706;
    border-radius: 3px;
    margin-bottom: 10px;
    cursor: pointer;
}
.update-cart input:hover{
    background: rgb(34, 34, 34);

}


.cart-page-table .buscate-icon {
    display: flex;
    justify-content: center;
    margin: 70px 0px;
    /* text-align: center; */
    gap: 20px;
}

.cart-page-table .buscate-icon .border-1 {
    width: 45%;
    height: 3px;
    background: #ddddddac;
    margin-top: 10px;
}
.cart-page-table .buscate-icon .icon {
    width: 12%;
    display: flex;
    justify-content: center;
}   
.cart-page-table .buscate-icon .icon i {
    font-size: 30px;
    color: #ddd;
}
.cart-page-table .shipping-wraper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}




.cart-page-table .shipping-wraper .cart-total {
    width: 50%;
    padding: 10px;
    border: 1px solid #ddd;
}

.cart-total li {
    padding: 10px 0px;
    display: block;
    border-bottom: 1px solid #ddd;
}
.cart-page-table .shipping-wraper .cart-total li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-page-table .shipping-wraper .cart-total li p {
    width: 50%;
}
.cart-page-table .shipping-wraper .cart-total input {
    width: 122px;
    padding: 13px 24px;
    font-size: 15px;
    border: none;
    color: #fff;
    margin: 10px 0px;
    background: #f04706;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.cart-page-table .shipping-wraper .cart-total input:hover{
    background: rgb(51, 62, 72);
}
.cart-page-table .shipping-wraper .cart-total .total{
    border-bottom: none;
}
.cart-page-table .shipping-wraper .cart-total .c-total{
    font-weight: bold;
}
.cart-page-table .shipping-wraper .ship-input {
    display: flex;
    gap: 10px;
}
.cart-page-table .shipping-wraper .ship-input input {
    width: 45%;
    padding: 13px 20px;
    border-radius: 6px;
    margin-top: 10px;
    border: 1px solid #ddd;
    font-size: 16px;
    color: #212529;
    font-family: 'Poppins';
}


@media (max-width: 768px){
    .cart-page-table .shipping-wraper {
        flex-direction: column;
    }
    .cart-page-table .shipping-wraper .shipping-inner {
        width: 100%;
    }
    .cart-page-table .shipping-wraper .cart-total {
        width: 100%;
        margin-top: 10px;      
    }
    .cart-page-table .shipping-wraper .shipping-inner select {
        width: 100%;
    }
    .cart-page-table .shipping-wraper .ship-input input {
        width: 49%;
    }
   
   
} 





/* product detail page  */
.product-details-wapper{
    display: flex;
    justify-content: center;
    gap: 30px;
}
.container-product-detail {
    max-width: 1620px;
    margin: auto;
}
.parent-productName-Box{
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    color: #363f4d;
}

.product-details-wapper .Topic-related{
    color: #212529;
    margin: 2rem 0;
}
.product-details-wapper .review-star-detail{
    display: flex;
    gap: 4px;
    align-items: center;
}
.product-details-wapper .add-cart-btn:hover {
    background: rgb(34, 34, 34);
}
.product-details-wapper .product-details-box {
    color: #333e48;
}
.review-product-details{
    display: flex;
    align-items: center;
    align-items: center;
    gap: 10px;
    margin: 1rem 0;

}
 .review-product-details .review-star{
    color: var(--themecolororange);
}
.product-nameParent .review-divide{
    height: 14px;
    width: 1px;
    background: black;
}
.add-review-detail {
    color: #333e48;
}
.product-details-wapper .product-buttons-details {
    display: flex;
    gap: 10px;
}
.product-details-wapper .product-prize-detail p{
    font-weight: 500;

}
.product-details-wapper .product-prize-detail span{
    color: #6fa600;

}

.product-details-wapper .product-selection-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 2rem 0;
}
.product-details-wapper .produc-details-points {
    margin: 33px 0px;
}

.web-path-box{
    display: flex;
    align-items: center;
    gap: 10px;
}
 .individual-path {
    display: flex;
    align-items: center;
    gap: 10px;
}
.product-details-wapper .product-d-points li {
    list-style: disc;
    margin-left: 19px;
}
.product-details-wapper .product-show-box {
    flex: 1;
    /* background: aliceblue; */
    padding: 20px;
}
.product-details-wapper .product-short-describtions{
    margin: 3rem 0;
}
.product-details-wapper .product-detail-texts {
    font-weight: 400 !important;
    margin: 1rem 0;
}
.product-details-wapper .product-details-box {
    flex: 1;
    padding: 20px;
}
.product-details-wapper .product-hightlight {
    width: 400px;
    height: 400px;
    margin: auto;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 10px;
}
.product-details-wapper .product-hightlight img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.product-details-wapper .small-images-product::-webkit-scrollbar-thumb {
    background: red; 
  }
  .product-details-wapper .small-images-product {
    display: flex;
    gap: 10px;
    overflow-x: scroll;
    max-width: 590px;
    margin: auto;
}

.product-details-wapper .small-images-product img{
    width: 120px;
    height: 120px;
    object-fit: cover;
}

.product-details-wapper .product-prize-detail h3 {
    font-size: 30px;
    color: #f04706;
}
.product-details-wapper .product-prize-detail del{
    font-size: 20px;
}

.product-details-wapper .product-selection-box  #product-color {
    height: 37px;
}
.product-details-wapper .product-selection-box #product-op {
    height: 37px;
    margin-top: 10px;
    width: 94px;
    font-family: 'Poppins';
    border: 1px solid #beb8b8;
    outline: none;
    cursor: pointer;
}
 .review-adding-op{
    display: flex;
    gap: 10px;
    align-items: center;
}


.product-details-wapper .quantity-box-details{
    display: flex;
    align-items: center;
    border: 1px solid  #beb8b8;
    height: 37px;
    padding: 10px;
    width: 181px;
    justify-content: space-around;
}
.product-details-wapper .quantity-box-details i{
    cursor: pointer;
}
.product-details-wapper .quantity-box-details .qn-num-box{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.product-details-wapper .product-selects-op {
    display: flex;
    align-items: center;
    gap: 20px;
}
/* buttons details page */

.product-details-wapper .add-cart-btn {
    border: none;
    outline: none;
    padding: 10px 20px;
    font-size: 16px;
    background: var(--themecolororange);
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    height: max-content;
    width: 181px;
    margin-top: 20px;
}

.prize-Number{
    display: flex;
    gap: 10px;
    align-items: center;
}

.avaiableStock span{
    color: #28B87E;
    font-weight: 500;
}


@media(max-width:1134px){
   .product-details-wapper {
        flex-direction: column;
        gap: 0;
    }
    .product-details-wapper .product-details-box {
        padding: 30px;
    }
}
@media(max-width:840px){
    .parent-productName-Box{
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 20px;
    }
}
@media(max-width:621px){
    
    .product-details-wapper .product-hightlight{
        height: 416px;
        width: 100%;
    }
    .product-details-wapper .small-images-product img{
        height: 100%;
        object-fit: contain;
    }
    .product-details-wapper .small-product-image {
        width: 90px;
        height: 90px;
        object-fit: cover;
    }
    .product-details-wapper .product-hightlight img {
        object-fit: contain;
    }
}

@media(max-width:532px){
    .review-product-details{
        flex-direction: column;
        align-items: flex-start;
    }
}
@media(max-width:385px){
     .review-product-details {
         flex-direction: column;
         align-items: flex-start;
    }
    .product-details-wapper .product-hightlight {
        height: 244px;
    }
    .product-details-wapper .product-details-selection{
        flex-direction: column;
    }
    .product-details-wapper .product-selects-op{
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }
}
@media(max-width:358px){
    .product-details-wapper .product-selection-box #product-op {
        width: 89px;
    }
    .product-details-wapper .wishlist-btn-details {
        margin-top: 10px;
    }
    .product-details-wapper .product-prize-detail p {
        font-size: 14px;
    }
    .product-details-wapper .product-selection-box{
        flex-direction: column;
        align-items: flex-start;
    }
    .product-details-wapper .product-buttons-details{
        flex-direction: column;
    }
}


/* product Detail page - Review and Detail section */
.review-detail {
    margin-bottom: 1rem;
}
.container-review-detail{
    max-width: 1620px;
    margin: auto;
    padding: 20px;
    margin-top: 2rem;
}

.container-review-detail .clickActive-btn{
    display: flex;
    justify-content: flex-start;
    gap: 7px;
    border-bottom: 1px solid #ddd;
}
.container-review-detail .detail-box-product{

    color: #333e48;
}

.container-review-detail .detail-box-product p {
    margin-top: 2rem;
    margin-bottom: 25px;
}
.container-review-detail .detail-box-points{
    padding-left:20px ;
}
.container-review-detail .detail-box-points li{
    list-style: disc !important;
}
.container-review-detail .clickActive-btn .detail-btn-active{
    padding: 10px 25px;
    cursor: pointer;
    background: rgb(240 71 6);
    color: rgb(255, 255, 255);
    border-radius: 3px;
    
}
.container-review-detail .clickActive-btn .detail-btn-active:hover{
    background: rgb(34, 34, 34);
}
.container-review-detail .detail-btn-active.offColor-details {
    color: #787878;
    background: #ddd !important;
}
.container-review-detail .clickActive-btn .review-btn-active{
    padding: 10px 25px;
    background: #ddd;
    cursor: pointer;
    color: #545151;
    border-radius: 3px;
}
.container-review-detail .clickActive-btn .review-btn-active:hover{
    background: rgb(228, 226, 226);
}
.container-review-detail .review-btn-active.colorReview-btn {
    color: #fff;
    background: #eb3e32 !important;
}
.container-review-detail  .review-box-product {
    display: none;
}

.container-review-detail  .review-box-product.activeReviewP{
    display: block;
}

.detail-box-product.removeDetailP {
    display: none;
}

@media(max-width:1134px){
    .container-review-detail{
        margin-top: 0;
    }
}
/* review Box form */


.review-describtion {
    max-width: 1200px;
    margin: auto;
}
.review-describtion .divideLine{
    height: 20px;
    width: 1px;
    background: #ced4da;
}
.review-describtion .add-review-box{
    padding: 50px;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.056) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.review-describtion .review-heading {
    margin-bottom: 30px;
}
.review-box-product.activeReviewP h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #363f4d;
    font-weight: 500;
    margin-top: 2rem;
    margin-bottom: 7px;
}
.review-box-product.activeReviewP {
    color: #363f4d;
}
.review-box-product.activeReviewP p {
    margin-bottom: 20px;
}
.review-describtion .review-heading p {
    color: #646a7c;
}
.review-describtion .title-rating {
    color: #646a7c;
    margin-bottom: 5px;
}
.review-describtion .input-comment-box p{
    color: #646a7c;
    
}
.review-describtion .conditionLine{
    color: #646a7c;

}
.review-describtion .ratign-stars {
    display: flex;
    gap: 12px;
    margin-bottom: 30px;
}
.review-describtion .input-comment-box #comment {
    outline: none;
    font-size: 18px;
    width: 100%;
    height: 150px;
    margin-bottom: 15px;
    border: 1px solid #ced4da;
    padding-left: 10px;

}
.detail-box-product h2{
    font-size: 18px;
    text-transform: uppercase;
    color: #363f4d;
    font-weight: 500;
    margin-top: 2rem;
    margin-bottom: 7px;
}
.review-describtion .input-comment-box .Name{
    width: 100%;
    height: 50px;
    outline: none;
    margin-bottom: 15px;
    border: 1px solid #ced4da;
    font-size: 18px;
    padding-left: 10px;
}
.review-describtion .input-comment-box .Email {
    width: 100%;
    height: 50px;
    outline: none;
    margin-bottom: 30px;
    border: 1px solid #ced4da;
    font-size: 18px;
    padding-left: 10px;

}
.review-describtion .review-heading h3 {
    font-weight: 400;
}
.review-describtion .input-comment-box .submit {
    background: rgb(235 62 50);
    border: none;
    color: white;
    padding: 12px 35px;
    font-size: 1rem;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    margin-top: 30px;
    font-size: 16px;
    cursor: pointer;
}
.review-describtion .input-comment-box .submit:hover{
    background: rgb(234, 40, 26);
}
.review-describtion .two-sec-divider {
    margin-top: 4rem;
    border: 2px solid #ced4dab6;
}
.review-describtion .five-star .fillP{
    color: #eb3e32;
}
.review-describtion .five-star i{
    cursor: pointer;
}
@media(max-width:558px){
    .review-describtion .add-review-box{
        padding: 35px 26px;
    }
    .review-describtion .ratign-stars {
        display: grid;
        grid-template-columns: auto auto auto auto auto auto;
    }
}









/* Login page Starts */

.login-page-ecommerce{
    max-width: 1620px;
    margin: auto;
    padding: 20px;
    text-align: center;
}
.login-page-ecommerce .logo-login{
    margin: 3rem 0;

}
.login-page-container {
    background: #fff;
    max-width: 600px;
    margin: auto;
    padding: 50px;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
}
.login-page-container .heading-area-login {
    text-align: center;
    margin-bottom: 35px;
}
.login-page-container .heading-area-login{
    color: #333e48;
    text-align: center;
}

.login-page-container .inputs-login i {
    color: #f04706;
}
.login-page-container .inputs-login {
    border: 1px solid #999b9d;
    display: flex;
    align-items: center;
    gap: 15px;
    height: 52px;
    padding: 5px 20px;
    margin: 1rem 0;
    border-radius: 10px;
}
.login-page-container .inputs-login input {
    background: none;
    border: none;
    width: 100%;
    outline: none;
    font-family: 'Poppins';
    font-size: 16px;
    color: black;
}


.login-page-container  .login-btn-ecommerce {
    font-family: 'Poppins';
    font-size: 16px;
    border: none;
    outline: none;
    padding: 10px 27px;
    color: #fff;
    background: #f04706;
    border-radius: 10px;
    width: 50%;
    margin-top: 35px;
    cursor: pointer;
}
.login-btn-ecommerce:hover {
    background: rgb(34, 34, 34);
}

.login-page-ecommerce .forget-pass {
    color: #333e48;
    margin-top: 3rem;
}
.login-page-ecommerce .forget-pass a{
    color: #f04706 !important;
}




/* sign up */
.login-page-container  .signup-names{
    display: flex;
    gap: 10px;
}
@media(max-width:500px){
    .login-page-container  .signup-names{
        flex-direction: column;
        gap: 0;
    }
    .login-page-container .inputs-login{
        margin: 10px 0;
    }
}
@media(max-width:374px){
    .login-page-container{
        padding: 44px 30px;
    }
    .login-page-container .inputs-login input{
        font-size: 13px;
    }
    .login-page-container .login-btn-ecommerce{
        width: 163px;
    }
}