@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Berkshire+Swash&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Berkshire+Swash&family=Oswald:wght@200..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
*{
    font-family: "Archivo", sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root{
    --theme-color:rgb(248, 61, 142);
    --sec-color:#683292;
    --text-color:#0f0200;
    --transit:all 0.3s ease-in-out;
    --light-text:#646464;
}
.unstyled{
    list-style: none;
}
.transit{
    transition:all 0.3s ease-in-out;
}
.bg-color{
    background: linear-gradient(140deg, #efd7ef 8%, #f5f9fc 40%, #f8eae1 66%, #eaf8f9 91%);
}
.theme-color{
    color: var(--theme-color) !important;
}
.sec-color{
    color: var(--sec-color);
}
.hov-sec:hover{
    color: var(--sec-color) !important;
}
.sec-bg-color{
    background-color: var(--sec-color) !important;
}
a{
    text-decoration: none;
}
ul{
    padding-left: 1rem;
}
.light-text{
    color: #646464;
}
.hov-light-text:hover{
    color: #646464;
}
.ov-hidden{
    overflow: hidden;
}
.hover-theme:hover{
    color: var(--theme-color) !important;
}
.hover-theme-bg:hover{
    background-color: var(--theme-color);
}
.hover-sec-bg:hover{
    background-color: var(--sec-color);
}
.bg-theme{
    background-color: var(--theme-color);
}
.b10{
    border: none;
    border-radius: 10px;
}
.b20{
    border: none;
    border-radius: 20px;
}
.b50{
    border: none;
    border-radius: 50px;
}
.b15{
    border: none;
    border-radius: 15px;
}
.sec-pad{
    padding: 6rem 0;
}
.div-pad{
    padding: 3rem 0;
}
.text-color{
    color: #0f0200;
}
.sm-font{
    font-size: 13px ;
}
.heading-font{
    font-family: "Berkshire Swash", serif;
}
.ban-pad{
    padding: 10rem 0 0 0;
}
.sec-text{
    font-size: 20px;
    color: #646464;
}
.p-10{
    padding: 10px;
}
.r-gap{
    row-gap: 1.5rem;
}
/* Header Starts */
.modal-body input{
    border: 1px solid rgb(206, 206, 206);
}
.navbar{
    position: absolute;
    width: 100%;
    z-index: 999;
}
.navbar-light .navbar-nav .nav-link{
    color: var(--text-color) !important;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: var(--theme-color) !important;
}
.nav-extra i{
    font-size: 25px;
}
.dropdown-item.active,.dropdown-item:hover{
    background-color: var(--theme-color) !important;
    color: #fff;
}
.theme_btn i{
    font-size: 13px;
    width: 13px;
}
.theme_btn{
    background-color: var(--theme-color);
    border: none;
    border-radius: 50px;
    padding: 20px 26px 20px 27px;
    font-weight: 500;
    box-shadow: 0px 3px 22px 3px rgb(248 61 142 / 31%);
    transition: var(--transit);
    margin-left: 20px;
    display: inline-block;
}
.theme_btn:hover{
    background-color: var(--sec-color);
    box-shadow: 0px 3px 22px 3px rgb(104 50 146 / 31%);
}
.theme_btn:hover >i{
    padding-left: 10px;
}
.nav-extra i.fa-solid.fa-bag-shopping::after {
    content: "0";
    background-color: var(--sec-color);
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    border: none;
    border-radius: 50%;
    padding: 3px;
    bottom: -8px;
    right: -2px;
}
.font-b{
    font-weight: 600;
}
.round-border{
    border: none;
    border-radius:50% ;
}
.search-pop{
    display: none;
    background-color: #565656;
    height: 100%;
    width: 100%;
}
#search-check{
    /* display: none; */
}
#search-check:checked~.search-pop{
    display: block;
}
.search-pop:has(#search-close:checked){
    /* display: none; */
}
/* Header ends */
/* Banner Sec begins */
.top-left-img{
    z-index: -99;
    position: absolute;
    top: 130px;
}
.home-banner::before{
    /* content: url(/images/banner-lefttopimage.png); */
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: .8;
    top: 0px;
    z-index: -1;
    background: linear-gradient(140deg, #efd7ef 8%, #f5f9fc 39%, #f8eae1 66%, #eaf8f9 91%);
}
.home-banner::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100px;
    background-image: url(/images/banner-backgroundbottomimage.png);
    background-repeat: no-repeat;
    bottom: 0;
    z-index: 2;
}
.home-banner{
    position: relative;
    overflow: hidden;
}

.banner-text h3{
    font-size: 40px;
    margin: auto ;
    width: fit-content;
    padding-left: 3.5rem;
}
.banner-text h3::before{
    content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background-color: var(--sec-color);
    left: 0;
    top: 50%;
}
.ban-heading-main{
    font-size: 95px;
}
.banner-text p{
    font-size: 20px;
}
.alt-btn{
    background-color: var(--sec-color);
    box-shadow: 0px 3px 22px 3px rgb(104 50 146 / 31%);
}
.alt-btn:hover{
    background-color: var(--theme-color);
    box-shadow: 0px 3px 22px 3px rgb(248 61 142 / 31%);
}

.b-img-cont::before{
    position: absolute;
    content: "";
    width: 644px;
    height: 644px;
    border: none;
    background-color: #fff;
    z-index: 0;
    border-radius: 53%;
}
.b-img-cont img{
    z-index: 1;
    left: 40px;
}
/* Banner Sec ends */
/* Sec-1 begins */
.s1-shape1{
    right: 0;
    top: 26%;
}
.s1-shape2{
    left: 0;
    bottom: 35%;
}
.s1-shape3{
    right: -100px;
    top: 45%;
}
.s1-shape4{
    bottom: 0;
    right: 2%;
}
.s1-main-img{
    z-index: -1;
}
.s1-img::before{
    position: absolute;
    content: "";
    border: none;
    border-radius: 50%;
    width: 600px;
    height: 600px;
    top: 12%;
    left: 5%    ;
    background-color: #f6f3f9;
    z-index: -1;
}
.sec-heading{
    font-size: 60px;
}
.black-hov:hover{
    background-color: #0f0200 !important;
}
/* Sec-1 ends */
/* Sec-2 begins */
.sec-2{
    background: linear-gradient(140deg, #efd7ef 8%, #f5f9fc 39%, #f8eae1 66%, #eaf8f9 91%);
}
.s2-card{
    margin: 0 10px;
    background-color: #faf9f9;
    border: 1px solid transparent;
    border-radius: 10px;
}
.s2-card:hover img{
    transform: translateY(-5px);
}
.s2-card:hover{
    border: 1px solid var(--theme-color);
}
.card-top{
    background-color: #f7f2f7;
    padding: 30px;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    text-align: center;
    height: 250px;
}
.card-top img{
    height: 190px;
}
.card-top i{
    top: 10px;
    left: 10px;
    width: 34px;
    height: 30px;
    border: none;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 7px;
    cursor: pointer;
}
.cb1-heading{
    font-weight: 700;
}
i.fa-solid.fa-star {
    color: rgb(245, 216, 54);
    top: 0;
    right: 0;
}
.cb1 i span{
    font-weight: 500;
    color: var(--text-color);
}

.card-bottom p{
    font-size: 16px;
}
.price-cart i{
    background-color: var(--sec-color);
    text-align: center;
    width: 40px;
    height: 40px;
    padding-top: 13px;
    font-size: 17px;
}
.price-cart i:hover{
    background-color: var(--theme-color);
}
.slick-dots li button::before{
    font-size: 55px;
    transition: var(--transit);
}
.slick-dots li button:hover::before{
    color: var(--theme-color) !important;
}
.slick-dots .slick-active button::before{
    color: var(--theme-color) !important;
    transform: scale(1.4);
}
.sec-2-bg1{
    left: 0;
}
.sec-2-bg2{
    right: 0;
    bottom: 0;
}
/* Sec-2 ends */
/* Sec-3 begins */
.s3-card{
    overflow: hidden;
    z-index: 0;
}
.s3-card:hover img{
    transform: scale(1.1);
}
.s3-card::before{
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #33323267;
    opacity: 0;
    z-index: 1;
    transition: var(--transit);
}
.s3-card:hover::before{
    opacity: 1;
}
.s3-card-bottom{
    z-index: 2;
    bottom: 10px;
    left: 0;
    padding: 10px 20px ;
    background-color: #fff;
    width: 85%;
}
.s3-card-bottom i{
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: var(--theme-color);
    padding-top: 10px;
}
.s3-card-bottom i:hover{
    background-color: #0f0200;
}
.sec-4{
    background-color: var(--sec-color);
    background-image: url(/images/special-rightbackground.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.ban-heading-main{
    font-size: 95px;
}
.sec-4-text h6{
    font-size: 30px;
}
.sec-4-img{
    z-index: 0;
}
.sec-4-img .dot-arrow{
    left: 0;
    z-index: -1;
}
.special-circle{
    background: linear-gradient(180deg, #fbab2a 0%, #ffc972 100%);
    width: 130px;
    height: 130px;
    top: 83px;
    left: -64px;
    z-index: -2;
    border: 4px solid #f69c0c !important;
}
.special-circle h5{
    font-family: "Oswald", sans-serif;
    font-size: 35px;
}
.special-cone{
    right: 0;
    opacity: .3;
    width: 12%;
}
.s4-shape1{
    top: 50%;
    left: -7%;
}
.s4-shape2{
    top: 10%;
    left: -5%;
}
/* Sec-3 ends */
/* Sec-5 begins */
.sec-5 .row{
    z-index: 0;
}
.content-main{
    font-size: 20px;
    line-height: 1.7;
}
.s5-quote{
    top: 34%;
    left: 42%;
    opacity: .1;
}
.sf-1{
    top: 25%;
    left: 0%;
}
.sf-3{
    top: 50%;
    left: 8%;
}
.sf-2{
    bottom: 20%;
    left: 0%;
}
.sf-4{
    bottom: 0%;
    left: 10%;
}
.sf-5{
    top: 25%;
    right: 8%;
}
.sf-6{
    top: 45%;
    right: 0%;
}
.sf-7{
    bottom: 10%;
    right: 0%;
}
.sf-8{
    bottom: 0%;
    right: 10%;
}
.s5-face:hover{
    opacity: .8;
}
/* Sec-5 ends */
/* Sec-6 begins */
.s6-input input{
    border: none;
    background-color: #f5f9fc;
    padding: 1.2rem 2rem;
    border: none;
    border-radius: 50px;
    width: 475px;
}
input:focus-visible{
    outline-offset: -300px;
}
.cbox{
    appearance: none;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-color: #e6e6e6;
}
.cbox:checked{
    background-color: var(--theme-color);
    background-image: url(/images/check.svg);
}
.srch-sec1 span{
    color: var(--theme-color);
    font-size: 13px;
}
.s6-shape1{
    bottom: 10%;
    left: 5%;
}
.s6-shape2{
    right: 5%;
    top: 10%;
}
/* Sec-6 ends */
/* Sec-7 begins */
.sec-7 .container{
    z-index: 1;
}
.sec-7 .container::before,.sec-7 .container::after{
    content: "";
    position: absolute;
    width: 125px;
    height: 125px;
    border: none;
    border-radius: 50%;
}
.sec-7 .container::before{
    background-color: var(--theme-color);
    top: 17%;
    left: -30px;
}
.sec-7 .container::after{
    background-color: var(--sec-color);
    bottom: -30px;
    right: -30px;
    z-index: -1;
}
.s7-content{
    position: relative;
}
.s7-content:hover img{
    filter: brightness(50%);
    transform: scale(1.1);
}
.s7-content i{
    color: #fff;
    z-index: 99;
    top: 48%;
    left: 47%;
    font-size: 25px;
    opacity: 0;
}
.s7-content:hover > i{
    opacity: 1;
}

/* Sec-7 ends */
/* Footer Starts */
footer{
    background-color: var(--sec-color);
    padding-top: 6rem;
}
footer a, footer p{
    font-size: 13px;
}
.ul-1{
    line-height: 2;
}
ul li a{
    color:#cfb6e2;
}
.ul-2 a{
    color: #cfb6e2;
}
footer a:hover{
    color: var(--theme-color) !important;
}
li::marker{
    color: var(--theme-color);
}
.bg-i{
    color: #fff;
    width: 42px;
    padding-top: 12px;
    height: 42px;
    background-color: #ffffff60;
}
.ul3-content i{
    font-size: 30px;
}
.ul3-content p{
    color: #cfb6e2;
}.ul3-content h5 a{
    font-size: 24px !important;
}
.foot-icons i{
    font-size: 18px;
    text-align: center;
    transition: var(--transit);
}
.foot-icons i:hover{
    transform: translateY(-5px);
    background-color: var(--theme-color);
}
.foot-bottom{
    border-top: .5px solid #cfb6e22a;
    color: #cfb6e2;
}
.footer-bg{
    top: 55px;
    opacity: .1;
}
/* Footer ends */

/* About Starts */
/* ab-1 starts */
.inner-banner{
    padding: 10rem 0;
}
.ib-heading{
    font-size: 80px;
}
.ib-tab a:hover{
    color: var(--light-text) !important;
}
.ib-tab{
    background-color: #fff;
    font-size: 20px;
    border: none;
    border-radius: 22px;
}
/* ab-1 end */
/* ab-2 starts */
.ab-2{
    background-color: var(--sec-color);
}
.ab-2::before{
    content: "";
    height: 100%;
    width: 50%;
    top: 0;
    right: 0;
    position: absolute;
    background-image: url(/images/ab2-bg.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}
.ab2-shape1{
    left: -5rem;
}
.ab2-shape2{
    bottom: 0;
    left: -10rem;
}
.ab2-shape3{
    bottom: 0;
    right: 20px;
}
/* ab-2 ends */
/* ab-3 starts */
.ab3-card{
    border-bottom: 2px solid var(--theme-color) ;
    background-color: whitesmoke;
    padding: 2rem 0;
    width: 230px;
}
.ab3-card:hover{
    transform: translateY(-5px);
}
.ab3-card h5{
    font-size: 40px;
}
.ab3-card h5::before{
    content: "+";
    position: absolute;
    color: var(--theme-color);
    right: 73px;
    font-size: 33px;
}
/* ab-3 end */
/* ab-4 starts */
.ab4-icons i{
    background-color: var(--theme-color);
    transition: var(--transit);
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ab4-icons i:hover{
    transform: translateY(-5px);
}
.ab4-content:hover .ab4-icons i{
    background-color: var(--sec-color);
}
.ab4-content:hover .ab4-img img{
    transform: scale(1.1);
}
.ab4-slider .slick-prev:before,.ab4-slider .slick-next:before{
    font-family: 'Font Awesome 6 Free' !important;
    color: var(--text-color);
    content: '\f060';
    font-weight: 600;
}
.ab4-slider .slick-next:before{
    content: '\f061';
}

/* ab-4 ends */
/* About Ends */

/* Shop 1 begins */
.ss1-1 {
    padding: .5rem .5rem;
    width: 80%;
    border: 1px var(--light-text) solid;
    border-radius: 20px;
}
.ss1-1:hover{
    border: var(--theme-color) 1px solid;
}
.ss1-1 input{
    width: 80%;
    font-size: 15px;
}
.ss1-2-img{
    width: 43px;
    height: 45px;
    text-align: center;
    border: none;
    border-radius: 5px;
}
.licon{
    background-color: #f7f6f6;
}
.sort{
    appearance: none;
    width: 180px;
    padding: .5rem 1rem;
    border: 1px var(--light-text) solid !important;
    border-radius: 20px;
}
.sort:focus,.sort:focus-visible{
    border: 1px var(--theme-color) solid !important;
    outline-offset: -330px;
}
.s1-sec1 .cbox{
    border:1px solid rgb(206, 206, 206);
    background-color: #fff;
    height: 15px;
    width: 15px;
    transition: var(--transit);
}
.check-cont:hover > input{
    border:1px solid var(--theme-color) !important;
}
.s1-sec1,.s1-sec2 {
    border-bottom: 1px solid #dfdede;
}
.s3-prod-img{
    background-color: #efd7ef;
    padding: 5px 12px;
    height: 60px;
    width: 60px;
}
.s3-prod-img img{
    height: 50px;
    width: 50px;
}
.ss3-prod:hover .s3-prod-img{
    transform: translateY(-3px);
}
.shop-1 .s2-card{

    width: 286px;
}
.shop-1 .s2-card-cont{
    display: flex;
    justify-content: center;
}
.s1-sec1 label{
    line-height: 1.5;
}
/* Shop 1 ends */
/* Blog Starts */
.fsec{
    padding: .5rem 2rem !important;
    color: var(--text-color);
    margin-right: 1rem !important;
    border-radius: 30px !important;
    font-size: 20px;
}
.fsec:hover{
    color: #fff;
}
.b1-tabs{
    cursor: pointer;
}
.fsec.active{
    background-color: var(--theme-color) !important;
    color: #fff !important;
}
.nav-pills .nav-item .b1-tabs:hover{
    color: #fff !important;
}
.bcard-container{
  background-color: #f8f8f8;
}
.bct-3 h6:before{
    content: "";
    position: absolute;
    height: 2.5px;
    width: 23px;
    background-color: var(--text-color);
    bottom: 6px;
    transition: var(--transit);
  }
  .bct-3 h6:hover::before{
    background-color: var(--theme-color);
  }
  .bct-3 h6:hover a{
    color: var(--theme-color) !important ;
  }
/* Blog ends */
/* FAQ starts */
div.c{
    position: relative;
    border: 1px solid #d1cbcb86;
    border-radius: 10px;
    margin: 1rem;
    padding: 1rem;
  }
  div.c h5{
    margin: 0;
    font-size: 18px;
    font-weight: 750;
  }
  .c-box{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity:0;
    visibility: 0;
  }
  .l::before{
    font-family: 'Font Awesome 6 Free' !important;
    color: var(--text-color);
    content: '\f061';
    font-weight: 600;
    display: inline-block;
    right: 0;
    position: absolute;
    transition: var(--transit);
  }
  .l{
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
  }
  div.p{
    max-height:0px;
    overflow: hidden;
    transition:max-height 0.5s;
    background-color: white;
    transition: var(--transit);
  }
  div.p p {
    margin:1rem 0;
    font-size: 14px;
    color: #565656;
  }
  .c:has(>.c-box:checked){
    border: 1px solid var(--theme-color) !important;
  }
  .c-box:checked ~ h5 .l::before{
    transform: rotate(-90deg);
    color: var(--theme-color);
  }
  .c-box:checked ~ h5 ~ div.p{
    max-height:150px;
  }
  .c-box:checked ~ h5{
    color: var(--theme-color);
  }
  .f2{
    background-image: url(/images/faq-sec-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .f2-heading h6{
    font-size: 30px;
    font-weight: 400;
  }
  .f2-heading h6 span{
    color: yellow;
  }

.f2-shape1{
    top: 30px;
  }
.f2-shape2{
    bottom: 100px;
    right: 0;
}
.f2-bg1{
    left: -150px;
}
.f2-bg2{
    right: -150px;
    top: -50px;
}

/* FAQ ends */
/* Review starts */
.rev-card{
    background-color: #f1f1f1;
    padding: 3rem 2rem 1.7rem 2rem;
    border-bottom: 2px solid var(--theme-color);
    width: 330px;
}
/* Review ends */
/* Cart begins */
.cs11-img{
    padding: 7px 23px;
    background-color: #faf1e3;
    margin: 10px 0;
}
.quantity{
    border: 1px solid #dfdede;
    border-radius: 20px;
    width: 100px;
}
.quantity p{
    margin: 0;
    padding: 5px 0;
}
#counter{
    padding: 5px 10px;
    border-right: 1px solid #dfdede;
    border-left: 1px solid #dfdede;
}
.cross a{
    border: 1px solid rgb(243 93 93) !important;
    display: inline-flex;
    height: 38px;
    width: 38px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 20px;
    color: rgb(226, 101, 101);
}
.cart-sec1{
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.bottom-line{
    border-bottom: 1px solid #e6e6e6;
}
.order-card{
    width: 330px;
    background-color: #f7f7f7;
    border-top: 2px solid var(--sec-color);
}
.checkout-btn:hover i{
    padding-left: 5px;
}
.checkout-btn i{
    width: 20px;
    transition: var(--transit);
}
/* Cart ends */
/* Checkout starts */
.ff-input{
    border: 1px solid rgb(206, 206, 206);
    border-radius: 50px;
    padding: .7rem 1.5rem;
    /* width: 360px; */
    height: 50px;
}
.ff-input:focus{
    border: 1px solid var(--theme-color);
    outline-offset: -330px;
}
.pf-sec .rbox{
    appearance: none;
    width: 13px;
    height: 13px;
}
.pf-sec .rbox:checked{
    background-color: var(--theme-color);
}
.pf-sec .r-button{
    border: 1px solid rgb(206, 206, 206);
    padding: 5px;
}
.payment-field{
    border: 1px solid rgb(206, 206, 206);
    border-radius: 50px;
    cursor: pointer;
}
.ff1-sec .btn-container .theme_btn{
    display: inline-block;
}
.cc-det-1 p{
    font-size: 15px;
    font-weight: 700;
}
.cc-det-1 h6{
    font-weight: 700;
    font-size: 17px;
}
/* Checkout ends */
/* Thanku starts */
/* .thanku-head .btn-container .theme_btn i{
    transform: rotate(180deg);
} */
.thanku-head .btn-container .theme_btn:hover i{
    padding-left: 10px;
}
/* Thanku ends */
/* Contact Us begins */
.form-field textarea{
    resize: none;
    border-radius: 10px;
    border: 1px solid rgb(206, 206, 206);
}
.form-field textarea:focus-visible{
    outline-offset: -330px;
}
.form-field textarea:focus{
    border: 1px solid var(--theme-color);
}
.contact-sec{
    background-color:#f7f7f7;
    padding: 2rem;
    width: 345px;
    border: 1px solid transparent;
    margin: 0 auto;
}
.cs-img-cont{
    background-color: var(--sec-color);
    background-color: var(--sec-color);
    display: inline-flex;
    align-items: center;
    padding: 15px;
    height: 75px;
    width: 85px;
    justify-content: center;
}
.contact-sec:hover{
    border: 1px solid var(--sec-color);
}
.contact-sec:hover .cs-img-cont{
    transform: translateY(-5px);
}
.csi-2{
    width: 72px;
}
.contact-card-sec{
    margin: 0 auto;
}
/* Contact Us ends */
/* Product Layout starts */
.pdd-radio li{
    color: #AAAAAA;
    display: block;
    position: relative;
    float: left;
  }
  
  .pdd-radio li input[type=radio]{
    position: absolute;
    visibility: hidden;
  }
  
  .pdd-radio li label{
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1.35em;
    padding: 25px 0px 0px 40px;
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
  }
  
  
  .pdd-radio li .check{
    display: block;
    position: absolute;
    border: 1px solid #AAAAAA;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    top: 5px;
    left: 0px;
      z-index: 5;
      transition: border .25s linear;
      -webkit-transition: border .25s linear;
  }
  
  
  .pdd-radio li .check::before {
    display: block;
    position: absolute;
      content: '';
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 6px;
    left: 6px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
  }
  .check-1::before{
    background-color: rgb(206, 1, 1);
  }
  .check-2::before{
    background-color: lightgreen;
  }
  .check-3::before{
    background-color: lightgoldenrodyellow;
  }
  .check-4::before{
    background-color: burlywood;
  }
  
  input[type=radio]:checked ~ .check-1 {
    border: 1px solid rgb(206, 1, 1);
  }
  
  
  input[type=radio]:checked ~ .check-2 {
    border: 1px solid lightgreen;
  }
  
  
  input[type=radio]:checked ~ .check-3 {
    border: 1px solid rgb(240, 240, 2);
  }
  
  
  input[type=radio]:checked ~ .check-4 {
    border: 1px solid rgb(250, 154, 29);
  }

  .check-1::before{
    background-color: rgb(206, 1, 1);
  }
  .check-2::before{
    background-color: lightgreen;
  }
  .check-3::before{
    background-color: lightgoldenrodyellow;
  }
  .check-4::before{
    background-color: burlywood;
  }
  .pdd-radio-2 li{
    /* color: #AAAAAA; */
    display: block;
    position: relative;
    float: left;
  }
  
  .pdd-radio-2 li input[type=radio]{
    position: absolute;
    visibility: hidden;
  }
  
  .pdd-radio-2 li label{
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1.35em;
    padding: 25px 0px 0px 40px;
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
  }
  
  
  .pdd-radio-2 li .check{
    display: block;
    position: absolute;
    border: 1px solid #AAAAAA;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    top: 5px;
    left: 0px;
      z-index: 5;
      transition: var(--transit);
      /* transition: border .25s linear;
      -webkit-transition: border .25s linear; */
  }
  
  
  .pdd-radio-2 li .check::before {
    /* background-color: #0f0200; */
    display: block;
    position: absolute;
      content: '';
    border-radius: 100%;
    color: #0f0200;
    height: 15px;
    width: 15px;
    top: 7px;
    left: 13px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
  }
  .check-5::before{
    content: 'S' !important;
  }
  .check-6::before{
    content: 'M' !important;
  }
  .check-7::before{
    content: 'L' !important;
  }
  input[type=radio]:checked ~ .size-check {
    background-color: var(--theme-color);
  }
.quantity-2{
    height: 50px;
    width: 150px;
    border-radius: 50px;
    font-size: 18px;
}
.quantity p{
    margin: 0;
    padding: 7px 0 5px 0;
    height: 100%;
}
#counter {
    padding: 8px 14px;
    border-right: 1px solid #dfdede;
    border-left: 1px solid #dfdede;
}
.p2-tabs{
    background: none !important;
    font-size: 19px;
    position: relative;
}
.p2-tabs.active,.p2-tabs:hover{
    color: var(--theme-color) !important;
}
.p2-tabs.active::before{
    position: absolute;
    content: "";
    height: 3px;
    background-color: var(--theme-color);
    bottom: 0;
}
#desc-tab.active::before{
    width: 100px;
}
#additonal-tab.active::before{
    width: 200px;
}
#reviews-tab.active::before{
    width: 80px;
}
.info-1{
    border: 1px solid rgb(206, 206, 206);
}
.info-1 p{
    border-left: 1px solid rgb(206, 206, 206);
}
.i1-h6{
    width: 180px;
}
.review-prof{
    border: 2px solid rgb(206, 206, 206);
    padding: 2rem ;
}
.review-post h2{
    font-size: 43px;
}
/* Product Layout ends */
/* Special Offer starts */

.s2-special .card-top::before{
    content: "16% OFF";
    position: absolute;
    width: 100px;
    height: 20px;
    background-color: var(--theme-color);
    z-index: 9999;
    right: -21px;
    top: 16px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    transform: rotate(45deg);
}
.sp2-img {
    height: 70px;
    width: 70px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.sp2-card{
    padding: 2rem 2.5rem 1rem 2.5rem;
    width: 255px;
    height: 272px;
    background-color: #fff;
    border: 1px solid transparent;
}
.sp2-card:hover{
    border: 1px solid var(--theme-color);
}
.sp2-card:hover .sp2-img{
    transform: translateY(-5px);
}
.sp2-main-img{
    z-index: 0;
}
.sp2-main-img::before{
    content: "";
    position: absolute;
    width: 400px ;
    height: 400px;
    border: none;
    border-radius: 50%;
    z-index: -1;
    top: 12%;
    left: 21%;
    background-color: #fae6d9;
}
/* Special Offer ends */
/* Single Blog Starts */
.bs-container{
    background-color:#f5f5f5;
}
.bs-sec-3 p{
    font-size: 17.5px;
}
.bs-s6-btns .ab4-icons i:hover{
    background-color: var(--sec-color);
}
.bs6-prev{
    background-image: url(/images/single-blog-prev-image.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
.bs6-prev:hover{
    background-image: url(/images/single-blog-prev-imagehover.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
.bs6-next{
    background-image: url(/images/single-blog-next-image.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
.bs6-next:hover{
    background-image: url(/images/single-blog-next-imagehover.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
.bs-s8-cont{
    margin-top: 6rem;
}
.bs8-img{
    top: -57px;
    width: 200px;
    height: 95px;
    position: relative;
}
.bs-sec-9 h4{
    width: fit-content;
}
.bs9-btn a{
    font-size: 18px;
}

.bs2-sec-1 .form-field{
    background-color: #fff;
    height: 60px;
    border: 1px solid transparent;
}
.bs2-sec-1 .form-field i{
    background-color: var(--theme-color);
    height: 100%;
    width: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.bs2-s1-input{
    border: none;
    padding-left: 1rem;
}
.bs2-sec-1 .form-field:has(.bs2-s1-input:focus) {
    border: 1px solid var(--theme-color);
}
.bs2-sec-2 .ab4-icons i{
    width: 45px;
    height: 45px;
    font-size: 18px;
}
/* Single Blog ends */