*{outline:0;padding:0;margin:0px;box-sizing:border-box;} :root { --main-color: #662f1e; --second-color: #ff9f01; } a{ color: var(--main-color); transition:all 0.3s; } a:hover{ color: var(--second-color); } html { font-family: "DM Sans", sans-serif; font-weight: 400; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-family: "DM Sans", sans-serif; font-weight: 400; margin: 0; font-size: 17px; line-height: 32px; color: #000; line-height: 1.6; overflow-x: hidden; } body.home{ background-color: #FDF8EF; } body:not(.home){ background: linear-gradient(to bottom, #FDF8EF 0%, #FFFFFF 10%); } p{margin-bottom:15px} .container{position:relative;margin-left:auto;margin-right:auto} @media (min-width:576px){.container{padding-right:0;padding-left:0} } @media (min-width:576px){.container{width:540px;max-width:100%} } @media (min-width:768px){.container{width:720px;max-width:100%} } @media (min-width:992px){.container{width:960px;max-width:100%} } @media (min-width:1200px){ .container{width:1280px;max-width:100%;} } @media (min-width:1200px) and (max-width:1300px){ .container{padding-left: 15px;padding-right: 15px;} } .container-fluid{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px} @media (min-width:576px){.container-fluid{padding-right:15px;padding-left:15px} } @media (min-width:768px){.container-fluid{padding-right:15px;padding-left:15px} } @media (min-width:992px){.container-fluid{padding-right:15px;padding-left:15px} } @media (min-width:1200px){.container-fluid{padding-right:15px;padding-left:15px} } .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} .container-fluid{padding-right:15px;padding-left:15px} .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} .no-gutters{margin-right:0;margin-left:0} .no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;box-sizing:border-box;}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-1,.col-auto{-webkit-box-flex:0} .col-auto{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto} .col-1{-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-2,.col-3{-webkit-box-flex:0} .col-2{-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-4,.col-5{-webkit-box-flex:0} .col-4{-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-5{-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-6,.col-7{-webkit-box-flex:0} .col-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-7{-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-8,.col-9{-webkit-box-flex:0} .col-8{-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-10,.col-11{-webkit-box-flex:0} .col-10{-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-11{-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-12,img{max-width:100%} .col-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%} @media (min-width:576px){ .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.container-fluid{padding-right:15px;padding-left:15px} .col-sm{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto} .col-sm-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-sm-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-sm-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-sm-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-sm-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media (min-width:768px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.container-fluid{padding-right:15px;padding-left:15px} .col-md{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto} .col-md-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-md-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-md-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-md-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-md-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-md-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-md-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-md-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-md-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media (min-width:992px){ .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.container-fluid{padding-right:15px;padding-left:15px} .col-lg{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto} .col-lg-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-lg-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media (min-width:1200px){ .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.container-fluid{padding-right:15px;padding-left:15px} .col-xl{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto} .col-xl-1{-webkit-box-flex:0;-webkit-flex:0 0 8.333333%;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 16.666667%;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-xl-5{-webkit-box-flex:0;-webkit-flex:0 0 41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-xl-7{-webkit-box-flex:0;-webkit-flex:0 0 58.333333%;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 66.666667%;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-xl-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-xl-11{-webkit-box-flex:0;-webkit-flex:0 0 91.666667%;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } .ml-0,a.facebook,a.twitter{margin-left:0!important} .block-text{padding:0 30px} .padding-text{padding:20px 30px} .pt-0{padding-top:0!important} .pt-10{padding-top:10px} .pt-20{padding-top:20px} .pt-30{padding-top:30px} .pt-40{padding-top:40px} .pt-50{padding-top:50px} .pt-60{padding-top:60px} .pt-100{padding-top:100px} .pt-150{padding-top:150px} .pr-0{padding-right:0!important} .pr-10{padding-right:10px} .col2 .col-md-4,.pr-20{padding-right:20px} .pr-30,.s_form select{padding-right:30px} .pr-40{padding-right:40px} .pr-50{padding-right:50px} .pr-60{padding-right:60px} .pb-0{padding-bottom:0!important} .pb-10{padding-bottom:10px} .pb-20{padding-bottom:20px} .pb-30{padding-bottom:30px} .pb-40{padding-bottom:40px} .pb-50{padding-bottom:50px} .pb-60{padding-bottom:60px} .pb-100{padding-bottom:100px} .pb-150{padding-bottom:150px} .pl-0{padding-left:0!important} .footer-menu .col-lg-4,.form_sec,.pl-10{padding-left:10px} .pl-20{padding-left:20px} .pl-30{padding-left:30px} .pl-40{padding-left:40px} .pl-50{padding-left:50px} .pl-60{padding-left:60px} .p0{padding:0!important} .mt-0{margin-top:0!important} .mt-10{margin-top:10px} .mt-20{margin-top:20px} .author_bio_sections,.mt-30,.reviewerBox{margin-top:30px} .mt-40{margin-top:40px} .mt-50{margin-top:50px} #footer_bottom,.mt-60{margin-top:60px} .mr-0{margin-right:0!important} .mr-10{margin-right:10px} .mr-20{margin-right:20px} .mr-30{margin-right:30px} .mr-40{margin-right:40px} .mr-50{margin-right:50px} .mr-60{margin-right:60px} .mb-0{margin-bottom:0!important} .mb-10{margin-bottom:10px} .mb-20{margin-bottom:20px} .mb-30{margin-bottom:30px} .mb-40{margin-bottom:40px} .mb-50{margin-bottom:50px} .mb-60{margin-bottom:60px} .footer-menu,.ml-10{margin-left:10px} .ml-20{margin-left:20px} .ml-30{margin-left:30px} .ml-40{margin-left:40px} .ml-50{margin-left:50px} .ml-60{margin-left:60px} .m0{margin:0!important} @media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left} .col-sm-1{width:8.3333333333%} .col-sm-2{width:16.6666666667%} .col-sm-3{width:25%} .col-sm-4{width:33.3333333333%} .col-sm-5{width:41.6666666667%} .col-sm-6{width:50%} .col-sm-7{width:58.3333333333%} .col-sm-8{width:66.6666666667%} .col-sm-9{width:75%} .col-sm-10{width:83.3333333333%} .col-sm-11{width:91.6666666667%} .col-sm-12{width:100%} .col-sm-pull-0{right:auto} .col-sm-pull-1{right:8.3333333333%} .col-sm-pull-2{right:16.6666666667%} .col-sm-pull-3{right:25%} .col-sm-pull-4{right:33.3333333333%} .col-sm-pull-5{right:41.6666666667%} .col-sm-pull-6{right:50%} .col-sm-pull-7{right:58.3333333333%} .col-sm-pull-8{right:66.6666666667%} .col-sm-pull-9{right:75%} .col-sm-pull-10{right:83.3333333333%} .col-sm-pull-11{right:91.6666666667%} .col-sm-pull-12{right:100%} .col-sm-push-0{left:auto} .col-sm-push-1{left:8.3333333333%} .col-sm-push-2{left:16.6666666667%} .col-sm-push-3{left:25%} .col-sm-push-4{left:33.3333333333%} .col-sm-push-5{left:41.6666666667%} .col-sm-push-6{left:50%} .col-sm-push-7{left:58.3333333333%} .col-sm-push-8{left:66.6666666667%} .col-sm-push-9{left:75%} .col-sm-push-10{left:83.3333333333%} .col-sm-push-11{left:91.6666666667%} .col-sm-push-12{left:100%} .col-sm-offset-0{margin-left:0} .col-sm-offset-1{margin-left:8.3333333333%} .col-sm-offset-2{margin-left:16.6666666667%} .col-sm-offset-3{margin-left:25%} .col-sm-offset-4{margin-left:33.3333333333%} .col-sm-offset-5{margin-left:41.6666666667%} .col-sm-offset-6{margin-left:50%} .col-sm-offset-7{margin-left:58.3333333333%} .col-sm-offset-8{margin-left:66.6666666667%} .col-sm-offset-9{margin-left:75%} .col-sm-offset-10{margin-left:83.3333333333%} .col-sm-offset-11{margin-left:91.6666666667%} .col-sm-offset-12{margin-left:100%} } @media (max-width:767px){.block-flex.block-divider{padding:10px 0!important} } .block-columns:after{content:'';display:block;clear:both;height:0} .block-columns .item-col:first-child:nth-last-child(1).block-columns .item-col:first-child:nth-last-child(1)~.item-col{width:100%} .block-columns .item-col:first-child:nth-last-child(2),.block-columns .item-col:first-child:nth-last-child(2)~.item-col{width:50%} .block-columns .item-col:first-child:nth-last-child(3),.block-columns .item-col:first-child:nth-last-child(3)~.item-col{width:33.3%} .block-columns .item-col:first-child:nth-last-child(4),.block-columns .item-col:first-child:nth-last-child(4)~.item-col,.block-columns .item-col:first-child:nth-last-child(5),.block-columns .item-col:first-child:nth-last-child(5)~.item-col,.block-columns .item-col:first-child:nth-last-child(6),.block-columns .item-col:first-child:nth-last-child(6)~.item-col,.block-columns .item-col:first-child:nth-last-child(7),.block-columns .item-col:first-child:nth-last-child(7)~.item-col,.block-columns .item-col:first-child:nth-last-child(8),.block-columns .item-col:first-child:nth-last-child(8)~.item-col,.block-columns .item-col:first-child:nth-last-child(9),.block-columns .item-col:first-child:nth-last-child(9)~.item-col{width:25%} .block-columns .item-col{float:left;padding-left:15px;padding-right:15px;box-sizing:border-box;} @media (max-width:767px){.block-columns .item-col:first-child:nth-last-child(2),.block-columns .item-col:first-child:nth-last-child(2)~.item-col,.block-columns .item-col:first-child:nth-last-child(3),.block-columns .item-col:first-child:nth-last-child(3)~.item-col,.block-columns .item-col:first-child:nth-last-child(4),.block-columns .item-col:first-child:nth-last-child(4)~.item-col,.block-columns .item-col:first-child:nth-last-child(5),.block-columns .item-col:first-child:nth-last-child(5)~.item-col,.block-columns .item-col:first-child:nth-last-child(6),.block-columns .item-col:first-child:nth-last-child(6)~.item-col,.block-columns .item-col:first-child:nth-last-child(7),.block-columns .item-col:first-child:nth-last-child(7)~.item-col,.block-columns .item-col:first-child:nth-last-child(8),.block-columns .item-col:first-child:nth-last-child(8)~.item-col{width:100%} } .block-news{position:relative} .block-news .content-post .box-text{padding:0 10px 10px} .block-news .image-loader{position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .block-alternate.block-flex{padding-bottom:0;padding-top:0} .block-pages .content-post-alternate{margin-bottom:40px;background-color:#fff;padding:10px} .block-pages .content-post-alternate:after{content:'';display:block;clear:both} .block-pages .content-post-alternate figure{padding:0} .block-pages .content-post-alternate.even-post figure{float:right!important} .owl-carousel .owl-nav{text-align:center;margin-top: 10px;width:100%;} .owl-carousel .owl-nav button{font-size: 25px!important; background: var(--second-color)!important; color:#fff!important; height: 40px; width: 40px;margin:10px!important; border-radius: 50%;background-color: transparent !important;} .owl-carousel .owl-nav button.disabled{ background: #999!important; height: 40px; color:#555!important; width: 40px; border-radius: 50%;} .owl-carousel .owl-nav button span{font-family: arial!important; position: relative; top: -3px;} .centered,img{margin-left:auto;margin-right:auto;display:block} .title-divider-line.text-center::after, h1.text-center::after { margin-left: auto !important; margin-right: auto !important; } h1.line_below::after, h2.line_below::after, h3.line_below::after, .title-divider-line::after { height: 3px; width: 60px; content: ""; display: block; margin-top: 18px; background-color: var(--main-color); } .text-center{text-align:center;} img{height:auto; } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:15px;font-weight:500;font-family: "Poppins", sans-serif;} .h1,h1{font-size:45px;line-height:57px;} .h2,h2{font-size:37px;line-height:43px} .h3,h3{font-size:27px;line-height:34px} .h4,h4{font-size:22px;line-height:26px} .h5,h5{font-size:19px;line-height:24px} h1.title-divider-line, h2.title-divider-line { font-size: 34px; line-height: 47px; color: #000; text-transform:capitalize; } .page-header h1{ font-size: 54px; line-height: 57px; font-weight:600; } @media(max-width:767px){ .h1, h1 { font-size: 30px; line-height: 40px; } .h2, h2 { font-size: 26px; line-height: 34px; } .h3, h3 { font-size: 22px; line-height: 30px; } .h4, h4 { font-size: 19px; line-height: 26px; } .h5, h5 { font-size: 17px; line-height: 22px; } .page-header h1 { font-size: 40px; line-height: 38px; margin-bottom: 10px; } } a{transition:.3s;color:var(--main-color);text-decoration: none;} .align_center{ align-items:center; } .list_icons .search_popup{ cursor:pointer; } #siteheader { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; padding: 15px 0; padding-top: 25px; } @keyframes slideInFromTop { from { transform: translateY(-100%); } to { transform: translateY(0); } } #siteheader.sticky-header{ background-color: #fffbf4; animation: slideInFromTop 0.5s ease-in-out forwards; padding-top: 15px; } #siteheader+.header_height{ height:124px; } body.admin-bar #siteheader{ top: 32px; } /* search boxes */ /* Scoped Search Box Styling */ .search-box-header { position: relative; width: calc(100% - 550px); } .search-box-header .search-form { display: flex; align-items: center; position: relative; } .search-box-header .search-field { width: 100%; padding: 12px 45px 12px 15px; /* space for icon */ font-size: 15px; border: 1px solid #5C2C0C; border-radius: 30px; outline: none; transition: all 0.3s ease-in-out; background: #fff; color: #5C2C0C; /* brand brown */ height: 51px; } .search-box-header .search-field::placeholder { color: #000; transition: transform 0.2s ease, font-size 0.2s ease, color 0.2s ease; transition: all 0.3s; letter-spacing:1px; opacity:0.8; } .search-box-header .search-field:focus { border-color: #5C2C0C; box-shadow: 0 0 6px rgba(247, 156, 61, 0.4); } .search-box-header .search-submit { display: none; } .search-box-header label{ width: 100%; } /* Add SVG search icon */ .search-box-header .search-form::after { content: ""; background: url('/app/themes/satvikly/resources/inc/images/search-icon.svg') no-repeat center; background-size: 18px 18px; position: absolute; right: 15px; width: 20px; height: 20px; pointer-events: none; transition: transform 0.2s ease, filter 0.3s ease; } /* Icon hover/focus effect */ .search-box-header .search-field:focus ~ .search-form::after { filter: brightness(0) saturate(100%) invert(25%) sepia(90%) saturate(1200%) hue-rotate(15deg) brightness(95%) contrast(95%); transform: scale(1.1); } /** end of search Style **/ /** Header Style **/ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @media(min-width:1201px){ #siteheader:not(.searchInputFull) .right_head .btn_sec{ position: relative; right: 0; float: right; width: auto; flex-grow: unset; width: 40px; } } .searchInputFull .right_head, .searchInputFull .btn_sec{ transition:all 0.5s; } .searchInputFull .right_head { position: static; } .searchInputFull #dsearch{ position: absolute; top: 18px; left: 0px; width: calc(100% - 128px); transition: all 0.5s; } .searchClose{ position: absolute; right: 133px; top: 50%; width: 30px; height: 30px; text-align: center; background:url(/app/themes/jupidiamonds/resources/inc/images/close-icon.svg)no-repeat center; background-size: 26px; text-indent:-5000px; font-size:0px; cursor:pointer; transform: translateY(-50%); } .searchInputFull .searc_sec .search-form input{ width:100%; border: 1px solid var(--second-color); } .searchInputFull .hidelogo, .searchInputFull .center_logo img{ visibility:hidden; z-index:-1; } #siteheader.mobileSearch.sticky-header{ z-index: 0; } .xoo-wsc-cart-trigger{ position:relative; display:block; } #searchBox { position: fixed; background: #fff; width: 100%; min-height:300px; left: 0; display: none; top:79px; border-bottom: 1px solid #ede7de; padding:30px 0 25px; opacity:0; } @media(min-width:992px){ #searchBox { z-index: 99; } } @media(max-width:991px){ #searchBox { z-index: 9; } } body.admin-bar #searchBox{ top: 110px; } .inner_s_box_right{ border-left: 1px solid rgba(0, 0, 0, 0.1); padding:0px 0 0px 25px; } body.tax-product_tag .woocommerce-breadcrumb, body.search-no-results .woocommerce-breadcrumb{display:none!important;} #searchBox .title_head { color: #464646; font-weight: 500; font-size: 15px; line-height: 16px; margin-bottom:25px; } #searchBox .col-md-4 ul{ list-style:none; } #searchBox .col-md-4 ul li{ display:inline-block; margin-right:15px; margin-bottom:15px; } #searchBox .col-md-4 ul li a { cursor: pointer; background-color: #F4F3EF; box-shadow: 0 0 0 1px #D7D7D7; transition: all 0.3s; border-radius: 4px; font-size: 12px; line-height: 17px; text-align: center; text-transform: capitalize; color: #000; padding: 10px 15px; display:block; transition:all 0.3s; } #searchBox .col-md-4 ul li a:hover{ background-color:var(--main-color); color: #fff; } .list_search ul{ list-style:none; } .list_search ul li{ display:flex; flex-wrap:wrap; margin-bottom: 20px; align-items: center; } .p_img { width: 100px; } .p_search_txt { width: calc(100% - 100px); } .p_search_txt a{ display: block; font-size: 14px; line-height: 21px; color: #464646; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 0px !important; margin-bottom:10px; } .p_search_txt a:hover{ color:var(--main-color); } .search-results.post-type-archive-product .woocommerce-breadcrumb{ display:none; } /** End of Header search **/ .menu_sec_inner{ padding-left:80px; } #navigation .menu-main-menu-container > ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #navigation .menu-main-menu-container > ul li+li{ margin-left:15px; } #navigation .menu-main-menu-container > ul li a{ font-size: 14px; line-height: 18px; color:#fff; letter-spacing: 0.09em; text-transform: uppercase; padding-top: 31px; padding-bottom: 31px; } .nav_logo img{ max-width: 220px; display: block; margin-left: 0; } @media(min-width:1201px){ #navigation .menu-main-menu-container > ul > li.mega_menu { position: unset; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu { position: absolute; left: 0px; right: 15px; top: 113%; width: 54vw; padding-left: 16%; min-width: 230px; text-align: left; border-bottom:1px solid #ddd; z-index: 1000; background: #fff; display: none; visibility:hidden; transform:translate3d(0px, -12px, 0px); animation:modal-open 0.3s forwards; } @keyframes modal-open{0%{opacity:0;transform:translateY(30px);} to{opacity:1;transform:translateY(0);} } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu:before{ content: ""; position: absolute; left: -2000px; width: 2000px; background: #fff; z-index: 1; bottom: 0; height: 100%; top: 0; border-bottom:1px solid #ddd; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu:after{ content: ""; position: absolute; left: 100%; width: 2000px; background: #fff; z-index: -1; bottom: 0; height: 100%; top: 0; border-bottom:1px solid #ddd; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu a{ color: #333; padding-top: 40px; padding-bottom: 0; letter-spacing: 0; } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu a:hover{ color:var(--main-color); } #navigation .menu-main-menu-container > ul > li.mega_menu > ul.sub-menu li{ float: left; width: 22%; padding:20px 15px; box-sizing: border-box; list-style: none; text-align: center; } .list_icons .search_popup{ display:none; } }/** ENd of (min-width:1201px) style **/ #siteheader .container{ display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; } .list_icons { display: flex; list-style: none; margin: 0; padding: 0; justify-content: end; gap: 25px; } .list_icons li img{ transition:all 0.3s; } .list_icons li:nth-child(1) img{ max-width:24px; } .list_icons li:nth-child(2) img{ max-width:26px; } .list_icons li:nth-child(4) img{ max-width: 26px; margin-right: 4px; } .list_icons li:hover img{ filter: brightness(0) saturate(100%) invert(96%) sepia(73%) saturate(4016%) hue-rotate(298deg) brightness(89%) contrast(78%); } @media(min-width:767px){ /* New Header Style */ #siteheader .container{ padding-left: 15px; padding-right: 15px; } } @media(min-width:1300px){ #siteheader .container{ padding-left: 40px; padding-right: 40px; } } @media(min-width:1400px){ #siteheader .container{ padding-left: 50px; padding-right: 50px; } } /** ENd of header style **/ /** Footer style **/ /** END of Footer style **/ .img-center .row{ align-items:center; } .full_image img{ display:block; margin:auto; } /** Contact style **/ .block-description { max-width: 80%; margin: auto; } .bg_full { background-size: contain; background-position: center; background-repeat: no-repeat; } .bg_full .row{ min-height: 450px; } .contact_colom{ margin-top: -200px; } .contact_colom .row{ margin:0px; } .contact_colom .column-1 { background:#2E3092; padding:0px; border-radius: 2px; } .contact_colom .column-2 { padding:0px; background: #FFFFFF; border-radius: 2px; } .contact_colom .info_block_inner{ padding:50px; padding-bottom:0px; } .contact_colom .column-1 h2{ color: #FFFFFF; margin-bottom:40px; } .con_add{ list-style:none; color:#fff; } .contact_colom h2{ font-size: 30px; line-height: 38px; } .contact_colom ul.con_add li h3{ font-size: 20px; margin-bottom: 5px; line-height: 26px; } .contact_colom ul.con_add.con_add li { padding-left: 60px; margin-bottom:50px; background:url(/app/uploads/2023/03/akar-icons_location.svg)no-repeat; background-size: 32px; font-size: 18px; } .contact_colom ul.con_add li.email { background:url(/app/uploads/2023/03/email_icon.svg)no-repeat; background-size: 32px; } .contact_colom ul.con_add li.phone { background:url(/app/uploads/2023/03/phone_icon.svg)no-repeat; background-size: 32px; } .contact_colom ul.con_add li a{ color:#fff; } .contact_colom ul.con_add li a:hover{ color:var(--second-color); } .wpcf7-form-control { background: #FFFFFF; border: 1px solid #A6A6A6; width: 100%; padding: 8px 15px; font-size: 16px; font-family: inherit; height: 50px; box-sizing:border-box; margin-bottom:15px; } textarea.wpcf7-form-control { height:120px; } .wpcf7-submit{ letter-spacing: 0.02em; color: #FFFFFF; background:var(--main-color); border:0px; cursor:pointer; transition:all 0.3s; height: 52px; margin-bottom: 0; } .wpcf7-submit:hover{ background:#000; } .social_icon li{ display:inline-block; } .social_icon li img{ max-width:35px; transition:all 0.3s; } .social_icon li a:hover img{ transform:scale(1.1); } .social_icon li+li{ margin-left:20px; } .wpcf7-spinner{ position:absolute; } .lead{ font-size:20px; } /** END of Contact style **/ /** Start Single Product style **/ .woocommerce-breadcrumb{ text-align: center; } .woocommerce div.product .product_title { color: #111 !important; font-size: 30px !important; line-height: 39px !important; font-style: normal; font-weight: 500; margin-bottom: 10px; } .wp-element-button, .buy-now{ background: var(--main-color) !important; font-family: inherit !important; font-size: 17px !important; border-bottom: 0 !important; padding: 19px 30px !important; height: 53px; transition: all 0.3s; box-sizing: border-box; color: #fff !important; border-radius: 0px !important; } #place_order{ width:100%; } .buy-now{ margin-left:12px!important; } .wp-element-button:hover, .buy-now:hover{ background: #000!important; } .woocommerce .quantity .qty { width: auto; text-align: center; height: 53px; border: 0px; padding: 0 8px; box-sizing: border-box; margin-right: 9px; } .amount bdi{ color: #000; font-weight: 500; } .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{ color: #000; } .woocommerce .woocommerce-breadcrumb a{ color:var(--main-color); } .woocommerce .woocommerce-breadcrumb a:hover{ color:#000; } .woocommerce div.product div.images .woocommerce-product-gallery__image.flex-active-slide{ margin-left: 100px!important; } .woocommerce-product-gallery .flex-control-nav li { width: 80px !important; height: 80px; margin-bottom: 8px !important; float: none !important; background: #fff; border: 1px solid #ddd; border-radius: 6px; padding: 12px; } .woocommerce-product-gallery .flex-control-nav{ position: absolute; top: 0; } #reviews #comments, #review_form_wrapper, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs .panel{ max-width: 1280px; position: relative; margin-left: auto; margin-right: auto; box-sizing: border-box; } .faq_sec{ background:#fff; padding:50px 0; } #reviews, .woocommerce-tabs { padding-top: 50px; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ background:transparent!important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{ color:#000; font-size:20px; font-family:inherit; font-weight:normal!important; padding: 12px 28px; } .woocommerce-tabs{ padding-bottom:30px!important; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ border-bottom-color: #faf7f2!important; color: var(--main-color)!important; } .woocommerce div.product .woocommerce-tabs ul.tabs{ overflow: unset!important; padding-left:0px!important; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ margin: 0 6px; padding: 0 0; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { width: 5000px; left: -100%; border-bottom: 1px solid #d3ced2; z-index: 1; } .woocommerce div.product .woocommerce-tabs .panel p{ font-size: 15px; line-height: 25px; } .woocommerce div.product .woocommerce-tabs .panel{ padding-top:15px!important; padding-left: 15px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { box-shadow: none!important; } .how_to_step{ list-style:none!important; } .how_to_step .title_how{ font-size: 24px; line-height: 36px; color: #141414; } .how_to_step li{ padding-left: 110px; background: url(/app/uploads/2023/03/step_icon.svg)no-repeat; background-size: auto; background-size: 80px; padding-bottom:60px; position:relative; } .how_to_step li:last-child{ padding-bottom:50px; } .how_to_step li:first-child{ padding-bottom:60px; } .how_to_step li:before{ content:""; position: absolute; left: 38px; height: 100%; background:url(/app/uploads/2023/03/step_line.svg)no-repeat center; width: 5px; background-size: 2px; top: 43px; } .how_to_step li:last-child:before{ display:none; } .prductattribute{ list-style:none; display:flex; flex-wrap:wrap; margin-left:-15px; margin-right:-15px; margin-bottom: 25px; } .prductattribute li{ display:inline-block; width:50%; padding-left:15px; padding-right:15px; box-sizing:border-box; padding-bottom: 6px; } .prductattribute li label{ color: #595958; } .summary p.price{ margin-bottom:0px; } .summary form.cart{ clear: both !important; margin-top: 22px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before { display: none; } .summary .woocommerce-product-rating{ margin-bottom: 20px!important; } .summary .star-rating{ color:#F0A241; } .summary .product_meta{ display:none; } .quantity .qty{ border: 1px solid #E8E3DF !important; -moz-appearance: textfield; height: 42px !important; box-sizing: border-box !important; margin-right: 4px !important; margin-left: 5px !important; width: 100px ; font-size: 17px; border-radius:3px; } .quantity .minus, .quantity .plus{ border: 1px solid #E8E3DF; width: 42px; height: 42px; background: #fdf9f0; font-size: 18px; vertical-align: top; cursor:pointer; border-radius:3px; } #tab-ingredients_tab ul{ display:flex; flex-wrap:wrap; padding-left:20px; } #tab-ingredients_tab ul li{ width: 50%; padding-bottom: 12px; font-size: 17px; } #tab-ingredients_tab ul li::marker{ color:var(--main-color); } .sseo_faqs .sseo_faqcont .sseo_faqtitle::before{ display:none!important; } .sseo_faqs .sseo_faqcont .sseo_faqtitle{ } .sseo_faqs .sseo_faqcont .sseo_faqtitle{ padding-left:15px!Important; box-sizing:border-box; background: transparent; } .sseo_faqs .sseo_faqdet{ box-sizing:border-box; } .sseo_faqcont { border: 1px solid #e2e2e2; padding:15px!Important; } .sseo_faqs .sseo_faqtitle::after{ box-shadow:none!important; background:url(/app/uploads/2023/03/plus-icon-1.svg)no-repeat center!important; background-size:15px!important; border:0px!important; } .sseo_faqs .sseo_faqtitle.f_open::after{ background:url(/app/uploads/2023/03/remove-icon.svg)no-repeat center!important; background-size:15px!important; border:0px!important; } .faq_sec h2, #reviews .woocommerce-Reviews-title{ margin-bottom: 25px; font-size: 32px; } .woocommerce #reviews #comments ol.commentlist li img.avatar{ border-radius: 50%; height: 32px; background: var(--main-color); border: 0px solid #e4e1e3; } .woocommerce #reviews #comments ol.commentlist li .comment-text{ padding:0px;!important; border:0px!important; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin-bottom:5px!important; } #reviews .woocommerce-review__author{ color: #444444; text-transform:capitalize; } #reviews .star-rating span::before{ color: #E73A58; } #reviews .star-rating{ float:none!important; } #reviews .star-rating{ font-size: 0.8em; } #reply-title{ display:none!important; } .woocommerce #review_form #respond textarea{ padding: 15px; max-height: 52px; box-sizing: border-box; border: 0; } html { scroll-behavior: smooth; } #review_form #submit{ position: relative; top: -58px; float: right; right: 15px; text-indent: -20000px; background: url(/app/uploads/2023/03/button_icon.svg)no-repeat center!important; width: 50px; height: 40px; background-size: 21px!important; padding: 0; } .woocommerce #reviews #comments h2 span{ display:none!important; } .comment-form-rating label, .comment-form-author label, .comment-form-email label, .comment-form-comment label{ display:block; margin-bottom:5px; } .comment-form-author input, .comment-form-email input{ padding:15px; height:42px; box-sizing:border-box; } .woocommerce p.stars a { font-size:28px; } .woocommerce-verification-required{ text-align:center; padding:25px 15px 0; font-family: "DM Sans", sans-serif !important; } .section1 span.onsale{ left: 37% !important; z-index: 1; } body span.onsale{ box-sizing: border-box; padding: 10px!important; line-height: 1!important; min-height: auto!important; border-radius: 4px!important; font-size: 16px!important; margin:0px!important; } #tab-blog_tab .card { background: #F4F3EF; border: 1px solid #ede7de; border-radius: 4px !important; min-height:450px; } #tab-blog_tab .card img{ min-height: 180px; max-height: 180px; object-fit: cover; width: 100%; } #tab-blog_tab .card h3{ font-size: 20px; line-height: 28px; padding:0 15px ; margin-top: 20px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 0px ; margin-bottom: 15px; } #tab-blog_tab .card p{ padding:0px 15px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding-bottom: 0px ; margin-bottom: 0px; } #tab-blog_tab .card h3 a{ color:#333; } #tab-blog_tab .card:hover h3 a{ color:var(--main-color); } #tab-blog_tab .btn { background: var(--main-color) ; font-size: 15px ; padding: 10px 30px ; transition: all 0.3s; box-sizing: border-box; color: #fff ; border-radius: 4px ; margin-bottom:15px; display:inline-block; } #tab-blog_tab .card:hover .btn { background: #000; } .videodet { float: none; clear: both; max-width: 90%; position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; margin-top: -30px; } .videodet iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /** End of Single Product style **/ /** Start Archive style **/ .archive-hero .woocommerce-breadcrumb{ text-align: left; margin: auto; color: #000; max-width: 100%; line-height: 18px; margin-bottom: 15px; } .archive-hero .woocommerce-breadcrumb a{ color: var(--main-color) } .archive-hero{ padding:20px 0 5px; background-size:cover; } .archive-hero h1{ font-size: 22px; line-height: 1; } .woocommerce-ordering select { appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #333; padding: 12px 25px 12px 15px; background-color: transparent; background-image: url('/app/uploads/2025/04/drop-icon.png'); background-repeat: no-repeat; background-position: right 15px center; background-size: 14px; color: #212121; font-size: 16px; border-radius: 4px; cursor: pointer; width: 100%; max-width: 300px; } .woocommerce-ordering select:hover, .woocommerce-ordering select:focus { border-color: #ce967e; outline: none; } body ul.products { display: flex; flex-wrap: wrap; gap:15px; } body ul.products li { margin: 0px !important; box-sizing: border-box; margin-bottom: 30px !important; width: calc(20% - 12px) !important; } ul.products li .woocommerce-loop-product__title{ font-size: 15px !important; line-height: 23px; color: var(--main-color); white-space: normal; overflow: hidden; text-overflow: ellipsis; padding-bottom: 0px !important; margin-bottom: 3px !important; font-weight: 500; padding-top: 0 !important; } .woocommerce ul.products li.product a img{ margin-bottom: 0px !important; margin: auto; width: 88%; } ul.products li .amount bdi, ul.products li .woocommerce-Price-amount.amount{ font-size: 16px; } ul.products li .price{ padding-top: 6px; } ul.products li .star-rating{ margin: 10px auto; } ul.products li .button { margin:10px !important; display: flex !important; justify-content: center; align-items: center; padding: 15px !important; z-index: 9; transition: all 0.3s; position: relative; margin-top: -65px !important; border-radius: 6px !important; } ul.products li:hover .button{ background:#000!important; } ul.products li a.woocommerce-loop-product__link{ display:block; padding:15px; background: #fff; border-radius: 2px; min-height:355px; position:relative; padding-bottom: 50px; border-radius: 6px !important; border: 1px solid #ede7de; } .woocommerce ul.products li.product .star-rating{ position: absolute; bottom: 147px; left: 36% } .prod_archive{ padding-bottom:30px; } body.archive:not(.tax-product_cat) .container.prod_archive{ padding-bottom:0px; } .woocommerce span.onsale{ background-color: var(--main-color)!important; display:none; } .products.columns-3 span.onsale{ display:block; font-size: 13px !important; padding: 8px !important; font-weight: 400!important } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ text-decoration: none; } ul.products li span.onsale{ border-radius:0px!important; } ul.products li:hover .woocommerce-loop-product__title{ color: var(--main-color)!important; } ul.products li .satvik-cart-control{ display: flex; align-items: center; justify-content: space-between; padding: 0 15px; margin-top: -55px !important; position: relative; } ul.products li .satvik-cart-control .quantity-controls { align-items: center; border: 1px solid #662f1e47; border-radius: 6px; padding: 7px 6px 8px; gap: 10px; width: 71px; box-sizing: border-box; text-align: center; height: 40px; } ul.products li .satvik-cart-control .quantity-controls button { background: transparent; border: none; color: #000; font-size: 17px; font-weight: 500; cursor: pointer; line-height: 15px; width: fit-content; padding: 0 5px; } ul.products li .satvik-cart-control .quantity-controls .qty { font-size: 14px; font-weight: 500; width: 4px; } ul.products li .button, ul.products li .add-to-cart-button { margin: 10px !important; justify-content: center; align-items: center; padding: 10px 25px !important; z-index: 9; transition: all 0.3s; position: relative; border-radius: 6px !important; background: #ff9f0124; border: 1px solid #fd9407; color: #000; font-size: 15px; cursor: pointer; margin: 0px !important; } ul.products li .button:hover, ul.products li .add-to-cart-button:hover{ border: 1px solid #ff9f0124; background: var(--main-color); color:#fff; } @media(max-width:991px){ ul.products li a.woocommerce-loop-product__link{ min-height: 280px; } } /** End of Archive style **/ /** Sidebar basket style **/ .xoo-wsc-container, .xoo-wsc-slider{ max-width: 350px; right: -350px; } .xoo-wsc-qty-price .amount bdi{ font-size: 16px; } .xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-cart{ display:none!important; } .xoo-wsc-ft-buttons-cont .button { background: var(--main-color)!important; color:#fff!important; font-size: 15px !important; padding: 12px 14px !important; font-weight: 700; line-height: 1; border-radius: 3px; } .xoo-wsc-footer{ box-shadow: -4px 2px 20px rgb(0 0 0 / 25%); z-index: 1; } .xoo-wsc-ftx-row { padding: 8px 0; border-top: 1px solid #f3f3f3; font-size: 14px; display: flex; align-items: center; border-bottom: 1px solid #f3f3f3; } .xoo-wsc-ft-amt-value .amount bdi{ font-size: 15px; color:#000; } .xoo-wsc-ft-amt-total { border-top: 1px dashed #9E9E9E; margin-top: 5px; padding-top: 5px; } .xoo-wsc-cart-active .xoo-wsc-basket{ right: 350px; } .xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount { font-size: 15px; } .xoo-wsc-ft-buttons-cont { display: grid; text-align: center; grid-column-gap: 10px; grid-row-gap: 10px; } .xoo-wsc-ft-buttons-cont { grid-template-columns: 2fr 2fr; } .xoo-wsch-close{ width: 30px; height: 30px; background: var(--main-color); text-align: center; display: flex; align-content: center; color: #fff; font-size: 21px !important; padding: 5px; border-radius: 50%; box-sizing: border-box; } .xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-continue{ width: 100%; grid-column: 1/-1; } /** End of basket style **/ /** product_sidebar style **/ .product_sidebar .yith-wcan-filters{ background-color:transparent!important; border: 1px solid #EAD7BE; padding:15px; border-radius:6px; } .product_sidebar .yith-wcan-filters h4{ font-size: 17px!important; border-bottom: 1px solid #d5c8b2; padding-bottom: 10px; color: #4e473a; margin-bottom: 20px !important; } .product_sidebar .yith-wcan-active-filters { display:none!important; } .product_sidebar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label{ padding: 5px 18px; box-sizing:border-box; } .product_sidebar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label span{ font-size:14px; } .product_sidebar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label span.term-image{ display:none; } .product_sidebar .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item { width: auto!important; } .woocommerce-result-count{ display:block!important; } .woocommerce-result-count{ float:left; padding-top: 9px; } .woocommerce-ordering{ float: right; width: auto; } .woocommerce ul.products li.product .price{ color: var(--main-color)!important; margin-bottom: 18px } .filters-container .reset-filters { display:none!important; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button{ color: #fff!important; background-color: var(--main-color)!important; border-radius: 8px !important; font-weight: 500; padding: 14px 23px; font-size: 15px; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover{ color: #fff!important; background-color: var(--second-color)!important; } #pro_list_loader, #product_spiner{ display:none!important; } /** End of product_sidebar style **/ /** Checkout page style **/ .xoo-wsc-qty-box { max-width: 100px; } span.xoo-wsc-chng { min-width: 30px; font-size: 24px; } #customer_details>.col-md-12{ padding:0px; } .woocommerce table.shop_table{ border: 0px solid rgba(0,0,0,.1); background: #fdf9f1; } .woocommerce table.shop_table .wp-element-button{ border-bottom: 0 !important; padding: 8px 15px !important; height: 44px; font-size: 15px !important; border-radius: 4px !important; width: auto; } body.woocommerce-checkout .woocommerce-cart-form .amount bdi{ font-size: 18px; } #coupon_code{ padding: 8px; height: 44px; font-family: inherit; width: 120px; box-sizing:border-box; border-radius: 4px !important; } .woocommerce table.shop_table .product-name a{ color:#000; } .woocommerce-info { border-top-color: var(--main-color); } .woocommerce-error, .woocommerce-info, .woocommerce-message{ background-color: #fff; border-top: 3px solid var(--main-color); } .woocommerce-info::before { color: var(--main-color); } .woocommerce a.remove{ margin: auto; background: var(--main-color); color: #fff !important; } .woocommerce a.remove:hover{ background: #000; } .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label.active:not(.with-image){ background-color:var(--main-color)!important; box-shadow:none!important; transition:all 0.3s; } .yith-wcan-filters .yith-wcan-filter .price-slider .irs-handle{ border: 4px solid var(--main-color)!important; background-color: var(--main-color)!important; } .yith-wcan-filters .yith-wcan-filter .price-slider .irs-from, .yith-wcan-filters .yith-wcan-filter .price-slider .irs-to, .yith-wcan-filters .yith-wcan-filter .price-slider .irs-single{ background-color: var(--main-color)!important; } .yith-wcan-filters .yith-wcan-filter .price-slider .irs-bar{ background-color: var(--main-color)!important; } .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label:not(.with-image):not(.disabled):hover { background-color: #000!important; box-shadow: none!important; } .woocommerce-message::before { color:var(--main-color)!important; } .irs--round .irs-handle{ box-shadow:none!important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ padding: 12px 15px; box-sizing: border-box; font-family: inherit; height: 50px; border: 1px solid rgba(0,0,0,.1); font-size: 15px; background:#fffbf4; } .select2-container--default .select2-selection--single{ height:44px; border: 1px solid rgba(0,0,0,.1); } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 50px; border: 0px solid rgba(0,0,0,.1); background: #fffbf4; } .select2-container--default .select2-selection--single .select2-selection__arrow{ top: 13px; right: 7px; } .woocommerce .star-rating{ height: 1.4em; } .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > label > a, .yith-wcan-filters .yith-wcan-filter .filter-items .star-rating span { color: var(--main-color)!important; } .xoo-wsc-cart-trigger .ccount { border-radius: 50%; position: absolute; font-size: 12px; width: 24px; height: 24px; line-height: 24px; text-align: center; overflow: hidden; top: 0px; right: -32px; background: var(--main-color); color: #fff; z-index: 9; } .xoo-wsc-basket{ display:none!important; } .xoo-wsc-sm-info .xoo-wsc-sm-left a{ font-size: 15px; color: #000000; line-height: 1.2!important; display: block; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 0px !important; margin-bottom: 12px !important; } .xoo-wsc-pprice .amount bdi, .xoo-wsc-smr-ptotal .amount bdi{ font-size: 16px; } .xoo-wsc-icon-trash::before { color:var(--main-color)!important; } .xoo-wsc-sum-col .xoo-wsc-sm-sales{ display:none; } .xoo-wsc-sl-apply-coupon input{ padding: 10px 15px; box-sizing: border-box; font-family: inherit; } .xoo-wsc-header { background-color: #f8f8f8; } .productedit{ text-indent:-2000px; background:url(/app/uploads/2023/03/edit-icon.svg)no-repeat center; background-size: 22px; cursor: pointer; float: right; width: 23px; height: 22px; } .prodet .proprice{ float: left; } .prodet .qty{ float: right; } .proname{ display: block; line-height: 24px; font-size: 15px; padding-bottom:10px; color:#000; } #order_review .coupon-form .woocommerce-info{ border: 0; padding-right:1rem; margin-bottom:0px; } .prodet .qty small{ color:#000; } #order_review .cart_item .product-name{ padding-top: 20px; } #ship-to-different-address{ font-size: 15px; padding-left: 5px; } #order_review .coupon-form .checkout_coupon{ margin-top:0px; margin-bottom:0px; background:#fff; border:0px; padding-top: 0; padding-bottom: 5px; border-radius:0px; } #order_review .coupon-form .checkout_coupon p{ font-size: 13px; text-align: center; } #order_review .coupon-form .woocommerce-info::before{ background:url(/app/uploads/2023/03/discount.png)no-repeat center; background-size:19px; width:20px; height:20px; content:""; margin-top: 3px; } #order_review .coupon-form #coupon_code{ padding: 10px; width: 100%; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight:normal; } .product-summary { font-weight:normal!important; color:#000!important; } .woocommerce-checkout-review-order-table tfoot td{ text-align:right; } .woocommerce-checkout-review-order-table .order-total td{ font-size: 22px; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background: #fdf9f1; border-radius: 4px; } #billing_country_field, #shipping_country_field{ display:none; } /** End of Checkout style **/ /** Order style **/ .woocommerce-thankyou-order-received{ text-align:center; color:green; font-size:20px; margin-bottom:20px; font-style: italic; } .woocommerce-order .woocommerce-thankyou-order-details { text-align: center; max-width: 680px; margin:25px auto 40px !important; background: #fff; padding: 15px; box-sizing: border-box; } .woocommerce-order .order_details+p{ color:var(--main-color); font-size:20px; text-align: center; border-top: 1px solid #ddd; padding-top: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; max-width: 400px; margin: 50px auto; display:none; } .woocommerce ul.order_details li:last-child{ margin-right:0px; padding-right:0px; } .woocommerce ul.order_details li strong, .woocommerce ul.order_details li{ font-size: 16px; } .woocommerce ul.order_details li strong{ font-size: 15px; } .woocommerce ul.order_details li strong{ display:block; padding-top:10px; } .woocommerce table.shop_table th{ } .woocommerce-order-details .shop_table tfoot tr:last-child .woocommerce-Price-amount { font-size: 22px; } .woocommerce-order-details h2, .woocommerce-column__title{ font-size: 27px; line-height: 1.2; font-weight: 500; } .woocommerce-column--billing-address address{ font-style: normal; } .col-md-6 .woocommerce-order-details .order_details tr th{ width: 68%; } /** End of Order style **/ /** Blog style **/ .blog_sidebar .widget-title{ color: #000000; } .blog_sidebar .widget + .widget { margin-top:30px; } .blog_sidebar .widget input{ background: #F7F7F7; border-radius: 5px; width:100%; border:0px; padding: 15px 15px; box-sizing: border-box; font-size: 16px; height: 52px; } .blog_disc .entry-title { font-size: 20px; line-height: 28px; font-weight:600; padding-top: 10px; } .blog_sidebar .widget ul{ list-style:none; } .col-md-6 .woocommerce-order-details .order_details tr th:nth-child(2), .col-md-6 .woocommerce-order-details .order_details tr td:nth-child(2){ text-align:right; } .cart .yith-wcwl-add-button, .cart .yith-wcwl-add-to-wishlist{ float:right; margin-top: 4px; } .cart .yith-wcwl-add-to-wishlist{ max-width: 55%; line-height: 19px; margin: 0px; } .cart .yith-wcwl-add-button .yith-wcwl-icon{ text-indent:-2000px; width: 20px; height: 20px; background:url(/app/uploads/2023/03/hearth_icon-svg.svg)no-repeat; background-size:20px; } .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon{ color:var(--main-color); } .ctabottom ul{ margin-left:15px; margin-bottom:15px; } .ctabottom ul li{ margin-bottom:5px; } .ctabottom{ border-top: 1px solid #EAD7BE; margin-top:35px; padding-top: 25px; } .post-thum img{ width: 100%; max-height: 350px; object-fit: cover; border-radius: 6px; } /** End of Blog style **/ /** My Account Page style **/ body.my-account .woocommerce-form.woocommerce-form-login.login{ display:none; } body.my-account h2{ text-align:center; padding-top:40px; margin-bottom:40px; } .xoo-el-form-container ul.xoo-el-tabs li.xoo-el-active { background-color:#000; color: #ffffff; } .xoo-el-form-container button.btn.button.xoo-el-action-btn{ height: 50px; } .xoo-el-form-label span, .xoo-aff-checkbox_single label{ font-weight: normal; } .xoo-el-form-container ul.xoo-el-tabs li{ border-radius: 4px; } .xoo-el-form-register .xoo-aff-label{ display:none; } .xoo-aff-fields input{ font-family:inherit; } .navigation-menu .custom-page-title { text-align:left; text-transform:capitalize; margin-bottom:0px; } .navigation-menu{ display:flex; flex-wrap:wrap; } .navigation-menu ul{ list-style:none; display:flex; align-items: center; flex-grow: 1; padding-left: 10%; position:relative; } .navigation-menu ul li+li{margin-left:30px;} .navigation-menu ul li a{ color:#000; font-size:16px; } .navigation-menu ul li a:hover{ color:var(--main-color); } .navwarp{ padding-bottom: 60px; padding-top: 30px; } body.my-account .woocommerce-MyAccount-content{ background:#fff; padding: 3em; border-radius:0px; box-sizing: border-box; } body.woocommerce-orders .woocommerce-MyAccount-content{ background:transparent; padding: 0; border-radius:0; } .navwarp .navigation-menu ul li:first-child a{ background:url(/app/themes/jupidiamonds/resources/inc/images/user-icon.svg)no-repeat left center; background-size:18px; padding-left:30px; } .navwarp .woocommerce-MyAccount-navigation-link--customer-logout a{ background:url(/app/themes/jupidiamonds/resources/inc/images/logout-icon.svg)no-repeat left center; background-size:20px; padding-left:30px; } .navwarp .woocommerce-MyAccount-navigation-link--edit-account a i{ color:var(--main-color); } .navwarp .woocommerce-MyAccount-navigation-link--orders a{ background:url(/app/themes/jupidiamonds/resources/inc/images/bag-icon.svg)no-repeat left center; background-size:20px; padding-left:30px; padding-top: 5px; padding-bottom: 5px; } .navwarp .woocommerce-MyAccount-navigation-link--orders + .woocommerce-MyAccount-navigation-link--edit-account a{ background:url(/app/themes/jupidiamonds/resources/inc/images/setting-icon.svg)no-repeat left center; background-size:22px; padding-left:30px; padding-top: 5px; padding-bottom: 5px; } .navigation-menu ul .woocommerce-MyAccount-navigation-link--customer-logout{ position: absolute; right: 0; } .order_summery .card { padding: 15px; margin: 15px 0; background: #FCFCFC; border: 1px solid #ede7de; text-align:center; border-radius:4px; } .order_summery .card .card-body{ font-size:18px; padding-top:5px; color: var(--main-color); } .woocommerce-MyAccount-content table .wp-element-button{ height:auto!important; } .woocommerce table.my_account_orders { font-size: 15px; } .woocommerce-MyAccount-content table.shop_table{ background:transparent!important; border-collapse: collapse; border-radius:4px!important; overflow:hidden; } .woocommerce-MyAccount-content table.shop_table tr:nth-child(odd){ background:#fff; } .woocommerce-MyAccount-content table.shop_table tr:nth-child(even){ background:#f1f1f1; } .woocommerce-MyAccount-content table.my_account_orders td, .woocommerce-MyAccount-content table.my_account_orders th { padding: 12px 15px; } .woocommerce-MyAccount-content table .wp-element-button.cancel{ margin-left:12px; background:transparent!important; border:1px solid var(--main-color)!important; color:var(--main-color)!important; } .woocommerce-MyAccount-content table .woocommerce-orders-table__header-order-actions{ width: 236px; text-align: center; } .woocommerce-MyAccount-content table .button +.button { margin-left:12px; } address{ font-style: normal; } #wp-user-avatars-ratings{ display:none!important; } .billing_phone_cont input{ padding: 12px 15px; box-sizing: border-box; font-family: inherit; height: 44px; border: 1px solid rgba(0,0,0,.1); font-size: 15px; width: 100%; } .billing_phone_cont fieldset{ padding:15px; } .edit-account{ margin:40px 0; } .profile-photo h2{ display:none; } form.edit-account{ margin:0; } #wp-user-avatars-user-settings .form-table{ text-align: center; display: flex; align-items: center; justify-content: center; } #wp-user-avatars-user-settings .form-table tbody tr th:first-child{ display:none; } #wp-user-avatars-user-settings .form-table tr, #wp-user-avatars-user-settings .form-table tr td{ display:block; } form.edit-account h2{ margin-bottom: 10px; font-size: 20px; line-height: 1; color: #000; } form.edit-account .edit_button .billing_phone_cont{ display:none; } #wp-user-avatars-photo, #wp-user-avatars-user-settings{ margin-bottom:15px; } .profile-photo .button{ display: block; text-align: center; margin: 15px auto; } .change_pwd{ padding:15px 0; clear:both; } .change_pwd legend, form.edit-account label{ font-size: 15px; } .change_pwd legend { color: var(--main-color); font-size: 20px; margin-bottom: 12px; border-bottom: 1px solid #ddd; padding-bottom: 12px; margin-top:15px; } form.edit-account .woocommerce-Address h3{ font-size: 20px; line-height: 26px; } .woocommerce-MyAccount-content .wishlist_table .add_to_cart_button { padding: 10px 20px !important; display: block !important; } .wishlist-title-with-form>h2, .wishlist-title { display:none; } table.wishlist_table{ font-size: 100%; } .wishlist-fragment{ margin:-20px; } >.load-more { display:none; } /** End of Account Page style **/ /** Responsive style **/ #res_menu_b { display: none; } @media(min-width:1201px){ .responsive_menu{ display: none; } }/** 1201px style **/ @media(max-width:1200px){ .menu_sec_inner{ display: none; } .top_sec .searc_sec{ padding-right: 15px; } .searc_sec .search-form input{ width: 100%; min-width: 200px; } #res_menu_b { max-width: 35px; display: block !important; cursor: pointer; height: 28px; vertical-align: middle; float: right; margin-top: 10px; } #res_menu_b span { width: 35px; height: 3px; position: relative; margin-top: 0px; background: var(--main-color); padding: 0px; display: block; border-radius: 3px; } #res_menu_b span::before { content: ""; position: absolute; width: 35px; height: 3px; background: var(--main-color); bottom: -20px; right: 0px; border-radius: 3px; } #res_menu_b span::after { content: ""; position: absolute; top: 10px; width: 29px; height: 3px; border-radius: 3px; background: var(--main-color); left: 0px; transition:all 0.3s; } #res_menu_b:hover span::after{ width: 35px; } .responsive_menu{ background: #fff; width: 100%; position: fixed; left: -100%; height: 100vh; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; top: 0; z-index: 999; margin-top: 0px; } .responsive_menu.menu_active { left: 0px; } .mobile_show img { max-width: 26px; margin-bottom: 0; margin-left: auto; margin-right: auto; } .mobile_show { border: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; float: right; width: 50px; height: 50px; background: #ffd1bd; border-radius: 50%; margin-right: 20px; text-align: center; margin-top: 12px; } .top_menu_sidebar{ background: #fff9f7; padding-left: 15px; padding-top: 10px; padding-bottom: 8px; } .top_menu_sidebar a{ float:left; } .top_menu_sidebar a img{ max-width:90px; } #navigation .menu-main-menu-container > ul { display: block; background: 0 0; padding: 12px 15px; list-style: none; } }/** End of (max-width:1200px) style **/ @media (max-width:991px){ .footer .col4 { margin-top:40px; } }/** End of (max-width:991px) style **/ @media(min-width:992px) and (max-width:1200px){ ul.products li a.woocommerce-loop-product__link{ min-height: 120px; padding-bottom: 80px; } body.single-product .summary .cart .button { padding: 15px 45px !important; height: 49px; } .woocommerce div.product div.images .woocommerce-product-gallery__image.flex-active-slide{ background-size: 77%; } .woocommerce div.product .product_title{ font-size: 30px !important; } }/** End of (min-width:992px) and (max-width:1200px) style **/ @media(min-width:992px){ .show-mobile, .accordion_title{ display:none!Important; } #reviews, .woocommerce-tabs { max-width:960px; margin:auto; } .social_icon { list-style: none; position: absolute; bottom: 30px; } }/** End of (min-width:992px) style **/ @media(max-width:991px){ .show-desktop{ display:none!Important; } .product_sidebar .filters-modal{ background-color: #fff !important; } .woocommerce-result-count{ float: none; clear: both; text-align: center; } .mobileFilter{ float:left; } .mobileFilter .yith-wcan-filters-opener{ border: 1px solid #333; background: transparent; padding: 13px 30px; font-size: 16px; font-family: inherit; cursor:pointer; } ul.products{ padding-top: 10px; } ul.products li a.woocommerce-loop-product__link{ min-height: 150px; padding-bottom: 78px; } .mobileFilter .yith-wcan-filters-opener:hover{ border: 1px solid var(--main-color); background: var(--main-color); } .yith-wcan-filters.filters-modal .yith-wcan-filter{ border: 0px solid #D7D7D7; padding: 0; } .yith-wcan-filters.filters-modal .main-modal-button{ background-color: var(--main-color); border-color: var(--main-color); color:#fff; font-size:16px; cursor:pointer; } .product_sidebar .yith-woo-ajax-reset-navigation-2 { display:none; } .woocommerce-result-count{ padding-top: 0; margin-bottom: 5px; } .woocommerce div.product .woocommerce-tabs ul.tabs{display:none;} .woocommerce-tabs{ padding:30px 15px; } .woocommerce div.product .woocommerce-tabs .panel{ padding:0px 0px 15px!important; margin-bottom: 0; } .accordion_title{ color: #515151 !important; font-size: 24px; line-height: 26px; display: block; padding: 18px 0; padding-right:50px; background:url(/app/uploads/2023/04/down-arrow.png)no-repeat center right; background-size:22px; cursor:pointer; } .accordion_title.ac_open{ color: var(--main-color) !important; } .woocommerce .woocommerce-tabs .tabs-panel{ border-bottom:1px solid #d3ced2; } #reviews, .woocommerce-tabs { max-width:720px; margin:auto; } .navwarp{ padding-top:0px; padding-bottom: 30px; } .navigation-menu .custom-page-title{ margin-bottom: 10px; } .navwarp .navigation-menu ul{ padding-left: 0; } .navigation-menu{ flex-direction: column; } #tab-videos_tab{ padding-top:30px!important; } .videodet{ max-width: 100%; } .product-add-to-cart{ font-size: 13px !important; border-radius: 4px !important; min-width: 100px; } .shop_table.responsive.mobile .product-name h3 a, .shop_table.responsive.mobile .product-name h3{ color: #383838; font-weight: normal; font-size: 18px; line-height: 24px; } #searchBox .container{ height: calc(95vh - 90px); overflow: hidden; overflow-y: visible; } }/** End of (max-width:991px) style **/ @media(min-width:768px) and (max-width:991px){ body.single-product .summary .cart .button { padding: 12px 45px !important; height: 43px; } .woocommerce div.product div.images, .woocommerce div.product div.summary{ float: none; width: 100%; } .woocommerce-breadcrumb{ max-width: 100%; } .section1 span.onsale { left: 88% !important; top: 5%; } .woocommerce div.product div.images .woocommerce-product-gallery__image.flex-active-slide{ background-size: 70%; } }/** End of (min-width:768px) and (max-width:991px) style **/ body .xoo-wsc-sl-apply-coupon .button { background: var(--main-color) !important; font-family: inherit !important; font-size: 16px !important; border: 0 !important; padding: 12px 15px !important; transition: all 0.3s; box-sizing: border-box; color: #fff !important; border-radius: 0px !important; margin-left: -5px; cursor:pointer; } .xoo-wsc-sl-apply-coupon .button:hover { background: #000 !important; } .woocommerce-MyAccount-content .woocommerce-Address h3{font-size: 21px; line-height: 25px;} .woocommerce-address-fields .wp-element-button{ margin-top:20px !important; } @media(min-width:768px){ #mobilesearch .searchClose, #mobilesearch{ display:none!important; } .woocommerce-MyAccount-content .woocommerce-Address{ -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .woocommerce-MyAccount-content .col2-set.addresses{ margin-left:-15px; margin-right:-15px; } .right_head .icon_head .list_icons li.search_popup{ display:none; } }/** End of (min-width:768px) style **/ @media (min-width:601px) and (max-width:782px){ body.admin-bar #siteheader { top: 44px; } body.admin-bar #mobilesearch{ top: 44px; } }/** End of (min-width:782px) style **/ @media(max-width:767px){ #mobilesearch{ position: fixed; width: 100%; top: 0; background: var(--main-color); z-index: 99; padding: 19px 0; visibility: hidden; } #mobilesearch.sboxfull{ visibility: visible; opacity: 1; z-index: 999; } .searchClose{ right: 7px; top: 6px; } #mobilesearch .container{ position:relative; } body.my-account .woocommerce-MyAccount-content{ padding: 1em; } .navigation-menu .custom-page-title{ font-size: 18px; } #reviews, .woocommerce-tabs { max-width:540px; } ul.products li { width: 50% !important; } .right_head .icon_head .list_icons li:nth-child(3), .top_sec .searc_sec { display:none; } .right_head .icon_head { position: absolute; right: 15px; top: -50px; } ul.products li .woocommerce-loop-product__title{ -webkit-line-clamp: 2; font-size: 14px !important; line-height: 22px; } ul.products li .button{ padding: 10px !important; height: 43px; font-size: 14px !important; } .contact_colom .info_block_inner{ padding: 20px; } .woocommerce-breadcrumb{ max-width: 100%; } body.single-product .pt-40 { padding-top: 20px; } .woocommerce div.product div.images .woocommerce-product-gallery__image.flex-active-slide{ padding-left: 0px !important; background-size: 100%; background-position: center; } .woocommerce-product-gallery .flex-control-nav{ position: static; padding-top: 25px !important; } .woocommerce-product-gallery .flex-control-nav li{ float: left !important; margin-right: 12px !important; } .woocommerce div.product .product_title { font-size: 24px !important; } .woocommerce-product-details__short-description{ padding-top:15px; } #reviews{ padding:30px 15px 20px; } body.single-product .summary .cart .button { padding: 12px 45px !important; height: 43px; } .cart .yith-wcwl-add-to-wishlist{ margin:0px; } .section1 span.onsale { left: 67% !important; top: 7%; } #tab-ingredients_tab ul li{ width: 100%; } #customer_details{ margin-bottom:30px; } .navigation-menu ul .woocommerce-MyAccount-navigation-link--customer-logout{ top: -46px; } .navigation-menu ul li + li { margin-left: 17px; } .woocommerce-EditAccountForm+.woocommerce-EditAccountForm, .woocommerce-Address+.woocommerce-Address { padding-top:30px; } .woocommerce-notices-wrapper .woocommerce-message .wp-element-button{ display: block; float: none; height: auto; padding: 15px 10px !important; text-align: center; margin-bottom: 12px; } .woocommerce ul.products li.product .star-rating{ position: relative; bottom: unset; left: unset; } .related ul.products{ padding-top: 30px; margin-bottom: 0; } .wishlist_view.responsive.mobile .product-add-to-cart .add_to_cart_button { height: auto!important; } .wishlist_table.images_grid li .item-details table.item-details-table td, .wishlist_table.mobile li .item-details table.item-details-table td, .wishlist_table.mobile li table.additional-info td, .wishlist_table.modern_grid li .item-details table.item-details-table td { font-size: 16px!important; } .blog_disc { padding-top:10px; } body.woocommerce-checkout .wrap{ padding-bottom: 0; } .woocommerce-order .pl-50{ padding-left:15px; } .woocommerce-order{ padding-bottom: 30px; } .woocommerce-order .woocommerce-thankyou-order-details{ max-width: 100%; display:flex; flex-wrap:wrap; } .woocommerce-order .woocommerce-thankyou-order-details li{ width:49%; border: 0; margin: 0 !important; padding: 13px 0 !important; border: 1px dashed #d3ced2 !important; box-sizing:border-box; } .ordered-product-list .oprodet-details{ min-height:245px; } .contact_colom { padding-bottom:40px!important; } .bg_full .row{ min-height: 100%; } .bg_full { padding-top:30px!important; background: var(--second-color);; text-align: center; padding-bottom: 80px !important; } .contact_colom { margin-top: -100px; } .bg_full p{ padding-right:0px!important; } .inner_s_box_right{ border-left:0px; padding-left:0px; } .list_search{ margin-top:20px; } .list_search ul li{ margin-bottom: 10px; } #order_comments_field textarea{ height: 75px } #order_comments_field label{ display:inline-block; margin-bottom:5px; } .ctabottom{ border-top: 0px solid #EAD7BE; margin-top: 0; padding-top: 0; padding-bottom: 20px; } body.archive .prod_archive, .single-product .full-width>.pb-40 { padding-bottom: 0!important; } }/** End of (max-width:767px) style **/ .order_details .woocommerce-order-overview__email.email{ display:none; } .woocommerce-error li{ color:red; } .myaccount-form.col-md-4 h3, .myaccount-form.col-md-4 .form-table { display:none; } span.xoo-ml-reg-phone-change, span.xoo-ml-inline-verify, span.xoo-ml-otp-submit-btn{ color: var(--main-color); } @media(min-width:480px) and (max-width:767px){ .right_head .icon_head{ top: -48px; } }/** End of (min-width:480px) and (max-width:767px) style **/ @media screen and (-webkit-min-device-pixel-ratio:0) { .xoo-wsc-cart-trigger .ccount { top: -8px; right: -9px; } } @media (max-width: 600px) { .woocommerce #order_review #place_order { position: fixed; bottom: 0; left: 0; right: 0; top: unset !important; z-index: 1000; margin-left: auto; margin-right: auto; width: 100% !important; margin-bottom: 0px; border-radius: 0 !important; padding-left: 15px !important; padding-right: 15px !important; } body.admin-bar #siteheader.sticky-header { top: 0px; } }/** End of (max-width:600px) style **/ @media(max-width:575px){ #mobilesearch .searchClose { right: 23px; } .container { padding-right:15px; padding-left: 15px; } #reviews, .woocommerce-tabs { max-width:100%; } .navwarp .navigation-menu ul{ flex-wrap:wrap; } .navwarp .navigation-menu ul li:not(.woocommerce-MyAccount-navigation-link--customer-logout){ width:50%; margin:0px; padding:8px 0; } }/** End of (max-width:575px) style **/ @media(max-width:480px){ #mobilesearch{ padding: 11px 0; } body.admin-bar #searchBox { top: 110px; } #searchBox{ top: 60px; } .ordered-product-list { margin-bottom: 0!important; } .woocommerce-order .order_details + p { font-size: 17px; padding-top: 15px; padding-bottom: 15px; margin: 30px auto; } .woocommerce-thankyou-order-received{ font-size: 16px; line-height: 20px; } .woocommerce-order .woocommerce-thankyou-order-details li{ font-size: 12px!important; } .woocommerce ul.order_details li strong { font-size: 14px!important; } .ctabottom{ margin-top: 0px; } .navigation-menu ul .woocommerce-MyAccount-navigation-link--customer-logout { top: -38px; } .woocommerce table.shop_table .wp-element-button{ padding: 8px 17px !important; } .nav_logo img { max-width: 90px; } .footer .col-4{ -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .footer .col-4 + .col-4{ margin-top: 20px; } .social_icon_ft a.phone_ft{ border-left: 0px solid #141414; margin-left: 0; padding-left: 0; margin-top: 15px; font-size: 23px; display:block; } #res_menu_b { margin-top: 8px; } .archive-hero h1{ font-size: 19px; } .mobileFilter .yith-wcan-filters-opener{ padding: 8px 18px; font-size: 15px; } .woocommerce-ordering { float: right; width: 50%; } .woocommerce-ordering select{ box-sizing: border-box; width: 100%; font-size: 13px; padding: 8px 10px; } ul.products li a.woocommerce-loop-product__link{ padding: 10px; } ul.products{ margin-left: -8px; margin-right: -8px; } ul.products li{ padding-left: 8px !important; padding-right: 8px !important; } .archive-hero .woocommerce-breadcrumb{ font-size: 12px; } .woocommerce-result-count{ font-size: 14px; } ul.products li span.onsale{ font-size: 12px !important; } .cart .yith-wcwl-add-to-wishlist{ float: none; padding-left: 20px; margin-top: 15px; padding-bottom: 20px; max-width: 100%; } .cart .yith-wcwl-add-button{ float: none; } .woocommerce-tabs{ padding-left: 15px; padding-right: 15px; } body.single-product .summary .cart .button{ padding: 12px 22px !important; height: 42px; float: none !important; } .summary div.quantity{ padding-bottom: 0; text-align: center; } .woocommerce div.product form.cart{ text-align: center; } .cart .yith-wcwl-add-button{ margin-top: 20px!important; } .navwarp .navigation-menu ul li:not(.woocommerce-MyAccount-navigation-link--customer-logout){ width:100%; border-bottom:1px solid #d3ced2; } .xoo-wsc-modal .xoo-wsc-ft-buttons-cont .button{ display: flex; } #menu-about, #menu-products, #menu-quick-links{ display: flex; flex-wrap: wrap; } #menu-about li, #menu-products li, #menu-quick-links li{ width:50%; } .woocommerce-product-gallery .flex-control-nav li{ width: 80px !important; height: 80px; } .cart_item .proname .alignleft{ float: left; margin-right: 1rem; } h1.title-divider-line, h2.title-divider-line{ font-size: 27px; line-height: 30px; } .woocommerce div.product div.images .woocommerce-product-gallery__image.flex-active-slide, .woocommerce-product-gallery .flex-control-nav li{ background:transparent!important; } }/** End of (max-width:480px) style **/ @media (min-width:1200px){ #reviews, .woocommerce-tabs{max-width:1280px; } } /** Home Page style **/ /** ========== Trending Collections ============== **/ #top_service_sec{ padding:30px 0 40px; } .woocommerce ul.products::before{ display: none; } .section-title{ font-size: 27px; line-height: 1.2; font-weight: 500; margin: 0; } #top_service_sec .box-text a.cat_img{ display: block; overflow: hidden; margin: auto; } #top_service_sec .box-text a.cat_img img{ transition:all 0.3s; width: 100%; object-fit: cover; } #top_service_sec .box-text a.cat_img:hover img{ transform: scale(1.1); } #top_service_sec h3{ text-align: center; font-size: 18px; line-height: 20px; text-transform: uppercase; margin-top: 0; display: block; margin-bottom: 0; } #top_service_sec h3 a{ color: #fff; display: block; padding:10px 5px; background: var(--main-color); } #top_service_sec .box-text:hover a{ color: #fff; background:rgba(0, 0, 0, 0.6); } #top_service_sec .left_box p{ text-transform:uppercase; } .slick-arrow{ position: absolute; top: 44%; width: 40px; height: 50px; z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; border:0px; text-indent:-5000px; background:#fff url(/app/uploads/2023/06/next.png)no-repeat center; background-size:30px; opacity:0.6; transition:all 0.3s; } .slick-prev { left:10px; transform:rotate(-180deg); } .slick-next { right:10px; } .slick-arrow:hover{ opacity:1; } .pbSection a{ display: block; position: relative; overflow:hidden; } .inner_overlay { background: rgb(255,255,255); background: linear-gradient(188deg, rgba(255, 255, 255, 0.04) 0%, rgba(0, 0, 0, 0.67) 100%); color: #fff; position: absolute; bottom: 0px; width: 100%; height: 0%; display: flex; align-items: center; text-align: center; padding: 15px; box-sizing: border-box; transition: all 0.3s; height: 100%; text-align: center; display: flex; align-items: center; justify-content: end; flex-direction: column; padding-bottom: 10%; transition:all 0.3s; } .promotionalBlocks .col-md-4 a:hover .inner_overlay{ padding-bottom: 12%; } .inner_overlay h3{ margin-bottom:10px; text-transform: uppercase; } .promotionalBlocks .col-md-6 .pbSection .inner_overlay{ display:none; } .shop_t{ display:block; text-transform: uppercase; border-bottom: 1px solid #fff; bottom: 0; position: relative; transition:all 0.3s; } .promotionalBlocks+.promotionalBlocks{ margin-top:30px; } body.home .full-content.shortcode{ margin-top: 50px; margin-bottom: 30px; } .full-content.shortcode h3, .relatedBlogs h3, .testiheading h3, .relatedAwards h3, .relatedBrandnews h3{ text-align: center; text-transform: uppercase; font-size: 36px; margin-bottom: 40px; font-weight: normal; } .relatedBrandnews .listBlogs { margin-top:40px; } body.home .shortcode ul.products li a.woocommerce-loop-product__link { display: block; padding: 15px; padding-bottom: 15px; background: #F4F3EF; border-radius: 2px; min-height: 398px; position: relative; padding-bottom: 50px; border-radius: 6px !important; border: 1px solid #ede7de; } body.home .shortcode ul.products li .woocommerce-loop-product__title { font-size: 16px !important; line-height: 25px; text-align: center; color: #383838; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-bottom: 0px !important; margin-bottom: 12px !important; } body.home .shortcode ul.products li .amount bdi, body.home .shortcode ul.products li .woocommerce-Price-amount.amount { font-size: 22px; } body.home .shortcode ul.products li .price { color: var(--main-color) !important; } body.home .shortcode ul.products li .price { text-align: center; padding-top: 6px; } body.home .shortcode ul.products li .button { margin: 10px !important; display: flex !important; justify-content: center; align-items: center; padding: 10px 25px !important; z-index: 9; transition: all 0.3s; position: relative; margin-top: -65px !important; border-radius: 6px !important; background: #ff9f0124; border: 1px solid #fd9407; color: #000; font-size: 15px; cursor: pointer; } body.home .shortcode ul.products li .button:hover{ border: 1px solid #ff9f0124; background: var(--main-color); } .relatedBrandnews{ margin-top:50px; } .relatedBrandnews h3{ margin-bottom:15px; padding-bottom:0px; } .shortdescription{ text-align:center; margin-bottom:40px; font-size:20px; color: #A0A0A0; } .nature_sec{ background:url(/app/uploads/2023/06/banner_nature.png)no-repeat; background-size:cover; background-size: cover; padding: 90px 0 80px; margin: 40px 0 0; } .nature_sec h2{ text-transform: capitalize; color: #000000; text-align: center; font-size: 51px; margin-bottom: 70px; } .nature_sec .col-md-3 h3{ text-align: center; margin-bottom: 0px; font-size: 22px; color: #000; line-height: 35px; } .nature_sec img{ max-width: 120px; display:block; margin:auto; margin-bottom: 20px; } .listReviews .itemreview , .layout_3 .col-items { padding-left:10px; padding-right:10px; } .listBrandnews .text_b_inner{ background: #FF809F; padding:15px; min-height: 223px; } .listBrandnews .text_b_inner p, .listBrandnews .text_b_inner h4 a{ color:#fff; } .listBrandnews .text_b_inner h4 { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 0px !important; margin-bottom: 12px; } .listBrandnews .row, .listReviews .slick-list, .layout_3.row{ margin-left:-10px; margin-right:-10px; } .listBrandnews .text_b_inner p{ white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; padding-bottom: 0px !important; } .listBrandnews .card1 img{ min-height:180px; max-height:180px; object-fit:cover; } .relatedBrandnews{ margin-bottom:40px; } .listBrandnews .readmore_button{ color: #fff; font-size: 15px; font-weight: normal; } .relatedAwards{ padding-top:40px; } .relatedAwards h3{ margin-bottom: 20px; } .listAwards .box_inner{ background: #365389; border-radius: 30px; min-height: 300px; } .listAwards .card1{ background: #FFFFFF; border: 1px solid #365389; border-radius: 30px; overflow: hidden; } .text_b_inner{ padding: 15px 20px; } .text_b_inner h4{ font-size: 16px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 0px !important; margin-bottom: 0; text-transform: uppercase; line-height: 22px; } .text_b_inner h4 a{ color:#fff; } .testimonials-block{ background: #F5F5F5; padding: 50px 0; margin-top:50px; } .listAwards .owl-stage .owl-item:nth-child(odd) .box_inner{ background:#DD1E27; } .listAwards .owl-stage .owl-item:nth-child(odd) .card1 { border: 1px solid #DD1E27; } .itemreview-inner{ padding:30px; background: #FFFFFF; border-radius: 25px; display: flex; flex-wrap: wrap; } .reviwerImg{ max-width: 80px; } .reviwerImg img{ border-radius:50%; height:70px; width:70px; object-fit:cover; } .reviewcontent{ width: calc(100% - 80px); padding-left:30px; box-sizing:border-box; } .rstartratting{ text-indent:-50000px; background:url(/app/uploads/2023/06/star.png)no-repeat center left; background-size: 112px; width: 150px; height: 22px; } .rtext{ color: #000; font-size: 14px; margin-top: 5px; line-height: 24px; margin-bottom: 12px; } .rname{ color: var(--main-color); } .listBlogPosts{ margin-top: 30px; } .listBlogPosts .text_b_inner{ padding-left:0px; } .listBlogPosts .text_b_inner h4 a { color: #000; } .listBlogPosts .text_b_inner h4 a:hover{ color:var(--main-color); } .listBlogPosts .postdate{color: #858585; margin-top:12px; text-transform:uppercase;} .listBlogPosts .card1 a{ overflow:hidden; display:block; } .listBlogPosts .card1 img{ min-height:250px; max-height:250px; object-fit:cover; transition:all 0.3s; } .listBlogPosts .card1 a:hover img{ transform:scale(1.1); } .listBlogPosts .text_b_inner .readmore_button{ text-transform: uppercase; color: #000; border: 1px solid #000; padding: 6px 18px; margin-top: 12px; display: inline-block; } .listBlogPosts .text_b_inner .readmore_button:hover{ color: #fff; border: 1px solid var(--main-color); background:var(--main-color); } .relatedBlogs{ margin-top:40px; } body.home .relatedBlogs{ margin-bottom:40px; } .woocommerce ul.products li.product .price ins{ text-decoration:none; } .woocommerce ul.products li.product .price del{ color: #7f7f7f; position: relative; top: -2px; } .woocommerce ul.products li.product .price del bdi{ font-size: 15px; color: #7f7f7f; } body.single-product .summary .price bdi { font-size: 28px; } body.single-product .summary .price del bdi { color: #000; font-size: 15px !important; position: relative; top: -7px; } body.single-product .summary .price + small { display: block; font-weight: 500; font-family: inherit; font-size: 12px; line-height: 1; padding-top: 5px; } .percentagediscount { position: relative; font-size: 18px; color: green; font-family: inherit; } @media(max-width:991px){ #top_service_sec h2, #top_service_sec .left_box p{ text-align:center; } #top_service_sec h2{ font-size: 40px; } #top_service_sec .right_box{ margin-top:35px; } .promotionalBlocks .col-md-4 .pbSection{ max-width:450px; margin-left:auto; margin-right:auto; } .inner_overlay h3 { font-size: 22px; } #top_service_sec { padding: 40px 0 40px; } .nature_sec h2{ font-size: 37px; margin-bottom: 40px; } .nature_sec{ padding: 50px 0 40px; } .nature_sec img{ max-width: 120px; } .nature_sec .col-md-3 h3{ font-size: 18px; line-height: 28px; } .listAwards .box_inner { background: #365389; border-radius: 30px; min-height: 273px; } #top_service_sec .row .col-md-4{ margin-bottom:30px; } }/* 991px */ @media(max-width:767px){ #top_service_sec .right_box { margin-top: 10px; } .promotionalBlocks .col-md-4 + .col-md-4, .promotionalBlocks .col-md-6 + .col-md-6{ margin-top:30px; } .full-content.shortcode h3, .relatedBlogs h3, .testiheading h3, .relatedAwards h3, .relatedBrandnews h3{ font-size: 26px; } .relatedBrandnews{ margin-top: 0px; } .nature_sec .col-md-3{ -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .nature_sec .col-md-3:nth-child(3), .nature_sec .col-md-3:nth-child(4){ margin-top:30px; } .shortdescription { font-size: 18px; } .heroSlider .swiper-slide img{ min-height:350px; object-fit:cover; object-position: right; } body.home .owl-nav button{ width: 30px; height: 35px; } .listBrandnews .text_b_inner{ min-height: 23px; } }/* 767px */ @media(max-width:576px){ .nature_sec h2 { font-size: 35px; margin-bottom: 40px; } body.home .shortcode ul.products li a.woocommerce-loop-product__link img{ min-height:180px; object-fit:cover; } body.home .shortcode ul.products li a.woocommerce-loop-product__link{ min-height: 120px; padding-bottom: 70px; } #top_service_sec .right_box .col-sm-3 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom:30px; } #top_service_sec { padding: 30px 0 20px; } #top_service_sec h2 { font-size: 28px; } .container{ padding:0 15px; } .reviewcontent{ width: 100%; padding-left: 0; } .reviwerImg { max-width: 100%; margin-bottom: 15px; } body.home .star-rating{ display:none!important; } html{ overflow: hidden; overflow-y: scroll; } }/* 575px */ @media (max-width: 480px){ #top_service_sec h2 { font-size: 30px; } } .table tr td{ border:1px solid #ddd; padding:10px; } .table{ border:0px; } .center_logo img{ max-width:170px; } .inner_404{ max-width:800px; margin:50px auto; text-align:center; } .inner_404 .text_eror{ text-align:center; font-size:18px; line-height:37px; margin-bottom:25px; } .inner_404 .btn{ display: inline-block; background: var(--main-color); color: #fff; padding: 8px 25px; box-sizing: border-box; border-radius: 6px; font-size:18px; } .inner_404 .btn:hover{ background:#000; } .bn_img img{ max-width:900px; display:block; margin:auto; } .error_sec .page-title { text-align: center; } body.error404 .content-info { background: #fff; margin-top: 20px; } .menu_sub ul{ list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; } .menu_sub ul li {padding: 0px 20px !important;} .menu_sub ul li a{ text-transform: uppercase; padding: 15px 10px; display: block; font-size: 15px; color: #333; } .menu_sub ul li a:hover{ color:var(--main-color); } .menu_sub_inner .offer_icon a{ color: #fff; text-transform: uppercase; width: 200px; background: url(/app/uploads/2023/07/offer_bg.png)no-repeat; background-size: 143px; display: block; padding: 5px; padding-left: 24px; font-size: 15px; padding-top: 3px; } .menu_sub_inner .offer_icon{ margin-left: 15px; } .menu_sub_inner{ display: flex; align-items: center; justify-content: center; } .product_sidebar .widget_product_categories .widget-title { font-size: 17px !important; border-bottom: 1px solid #d5c8b2; padding-bottom: 10px; color: #434343; margin-bottom: 20px !important; } .product_sidebar .widget_product_categories{ background-color: transparent !important; border: 1px solid #EAD7BE; padding: 15px; border-radius: 6px; } .product_sidebar .product-categories{ list-style:none; } .product_sidebar .widget_product_categories li{ display: block; padding-bottom: 8px; padding-top: 8px; margin-bottom: 0px; border-bottom: 1px solid #ddd; } .product_sidebar .widget_product_categories li:last-child{ border-bottom: 0px solid #ddd; padding-bottom: 0px; } .product_sidebar .widget_product_categories li a{ background:url(/app/uploads/2023/06/next.png)no-repeat 95%; background-size:12px; display:block; } .product_sidebar .widget_product_categories li a:hover{ color: #000; } .yith-woo-ajax-reset-navigation-2{ margin-bottom:20px; } body .woocommerce span.onsale { font-size: 13px !important; padding: 8px !important; font-weight: 400!important; } body.template-offer ul.products li a.woocommerce-loop-product__link{ min-height: 120px; padding-bottom: 70px; } ul.products li{ position:relative; } ul.products .listWhislist{ position: absolute; z-index: 2; padding: 28px; } ul.products .listWhislist .feedback{ font-size: 0; } ul.products .listWhislist .feedback i{ font-size: 21px; } ul.products .yith-wcwl-wishlistaddedbrowse>a, ul.products .yith-wcwl-wishlistexistsbrowse>a, ul.products .listWhislist .single_add_to_wishlist>span{ font-size: 0; } ul.products .listWhislist .single_add_to_wishlist .fa-heart-o{ width: 23px; height: 23px; font-size: 0; background: url(/app/uploads/2025/09/heart-icon.png)no-repeat; background-size: 23px; position: relative; top: -17px; } .related.products ul.products .listWhislist{ display:none; } @media(min-width:992px){ body.template-offer ul.products li { width: 25% !important; } } @media(max-width:991px){ .error_sec .page-title { text-align: center; font-size: 45px; line-height: 52px; } .bn_img img { max-width: 600px; } .center_logo { display:none; } .menu_sub{ display:none; } .product_sidebar .widget_product_categories{ display:none; } .blog_page .innter_single_blog>h2{ font-size: 21px; line-height: 30px; } } @media(min-width:768px){ .menu_sub_mobile{ display:none; } } @media(max-width:767px){ body.admin-bar #siteheader + .header_height { height: 78px; } .menu_sub_mobile{ background: var(--main-color); padding: 10px 0; border-top: 1px solid #fff; } .menu_sub_mobile img{ max-width: 150px; } .error_sec .page-title { text-align: center; font-size: 25px; line-height: 32px; } .bn_img img { max-width: 100%; } ul.products li .star-rating { margin: 0px auto; } .sseo_faqs .sseo_faqtitle{ font-size: 17px; line-height: 22px; } .faq_sec h2, #reviews .woocommerce-Reviews-title { font-size: 25px; line-height: 32px; } ul.products li a.woocommerce-loop-product__link { min-height: 120px; padding-bottom: 70px !important; } } @media(max-width:480px){ body.admin-bar #siteheader { top: 46px; } body.admin-bar #siteheader + .header_height { height: 63px; } body.home .shortcode ul.products li .button{ padding: 14px 9px !important; font-size: 15px !important; height: auto; } } /* ===================== new site style ========================*/ .top-bar-links { background: var(--main-color); color: #fff; padding: 1px 0; text-align: center; position: relative; z-index: 100; } /* Styling the Announcement Text */ .title-shop { font-size: 15px; text-align: left; position: relative; overflow: hidden; animation: fadeIn 1.5s ease-in-out; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; } /* Fade-in effect */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Blinking effect for price */ @keyframes blinkText { 0%, 100% { color: var(--main-color); } 50% { color: #fff; } } /* Highlight the price */ .title-shop strong { color: var(--main-color); /* Emphasize price */ font-size: 20px; animation: blinkText 1s infinite alternate; } /*=========== Header Part ==============*/ @media(min-width:1201px){ #navigation .menu-main-manu-container > ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #navigation .menu-main-manu-container > ul > li>a { font-size: 16px; line-height: 18px; padding-top: 31px; padding-bottom: 31px; color: #000; padding-right: 40px; font-weight: 500; text-transform: uppercase; } #navigation .menu-main-manu-container > ul > li:last-child a { padding-right:38px; } #navigation .menu-main-manu-container > ul > li>a:hover{ color: var(--main-color); } /* Keyframes for slide-up from bottom */ @keyframes dropdownFadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(25px); } } /* Parent list item positioning */ #navigation .menu-main-manu-container li.menu-item-has-children { position: relative; } /* First-level dropdown (mega menu) */ #navigation .menu-main-manu-container li.menu-item-has-children > ul.sub-menu { position: absolute; top: 100%; left: 0; display: none; background: #fff; min-width: 600px; padding: 10px 20px 15px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); border-radius: 0; z-index: 999; opacity: 0; transform: translateY(40px); } /* Hover show dropdown */ #navigation .menu-main-manu-container > ul > li:hover > ul.sub-menu { animation: dropdownFadeUp 0.4s ease forwards; display: block; } /* Inner submenus inside mega menu */ #navigation .menu-main-manu-container ul.sub-menu li.menu-item-has-children > ul.sub-menu { display: block; position: static; padding: 0; opacity: 1; visibility: visible; transform: none; background: none; box-shadow: none; margin-top: 10px; min-width: 2px; } /* Three-column layout for mega menu */ #navigation .menu-main-manu-container li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children { display: inline-block; width: 32%; vertical-align: top; padding-right: 16px; } #navigation .menu-main-manu-container li.menu-item-has-children > ul.sub-menu > li:last-child{ padding-right:0px!important; } #navigation .menu-main-manu-container li.two-col > ul.sub-menu{ min-width: 452px; } #navigation .menu-main-manu-container li.two-col.gift-menu > ul.sub-menu{ min-width: 510px; } #navigation .menu-main-manu-container li.two-col > ul.sub-menu > li.menu-item-has-children { width: 48%; } /* Mega menu headings (e.g., Shop by Style) */ #navigation .menu-main-manu-container li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a { font-weight: 500; margin-bottom: 8px; display: block; color: #000; font-size: 16px; padding-left: 0; border-bottom: 1px solid #ddd; padding-bottom: 6px; } #navigation .menu-main-manu-container li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a:hover{ color:var(--main-color); } /* Custom circle bullets */ #navigation .menu-main-manu-container li.menu-item-has-children > ul.sub-menu ul.sub-menu > li { list-style: none; position: relative; padding-left: 0; margin-left: 0; } #navigation .menu-main-manu-container li.menu-item-has-children > ul.sub-menu ul.sub-menu > li::before { content: ''; position: absolute; top: 15px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #ce967e; } /* Submenu anchor spacing */ #navigation .menu-main-manu-container ul.sub-menu li > a { display: block; padding-left: 15px; font-size: 15px; color: #000000ba; transition: color 0.2s ease; text-decoration: none; } /* Hover effect */ #navigation .menu-main-manu-container ul.sub-menu li > a:hover { color: #ce967e; } #navigation .menu-main-manu-container > ul > li.menu-item-has-children > a { position: relative; transition: all 0.3s; } #navigation .menu-main-manu-container > ul > li.menu-item-has-children > a::after { content: ""; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url(/app/uploads/2025/05/chevron4.png) no-repeat center; background-size: 20px; pointer-events: none; opacity: 0.5; } #navigation .menu-main-manu-container > ul > li.menu-item-has-children > a:hover::after{ opacity: 1; } #navigation .menu-main-manu-container li.menu-item-has-children:last-child > ul.sub-menu{ right: 0; left: unset; } } /*=========== Home Hero Banner ==============*/ .hero-banner { width: 100%; position: relative; overflow: hidden; max-height: 600px; } .hero-wrapper { position: relative; width: 100%; max-height: 600px; overflow: hidden; } .hero-image { width: 100%; height: 100%; max-height: 550px; object-fit: cover; display: block; filter: brightness(65%); } .hero-wrapper img{ max-height: 590px; object-fit: cover; object-position: bottom; } /* Content container wrapper */ .hero-banner .container { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 2; } /* Hero content box */ .hero-content { background: rgba(0, 0, 0, 0.6); padding: 30px; border-radius: 10px; max-width: 550px; color: #fff; animation: fadeIn 1s ease-in-out; } .hero-slide-2 .hero-content{ margin-left:auto; margin-right:0px; } .hero-content .h1 { font-size: 48px; color: #fff; margin-bottom: 15px; line-height: 58px; font-weight: 300; } .hero-content p { font-size: 1.1rem; line-height: 1.6; margin-bottom: 25px; } .hero-buttons { display: flex; gap: 15px; } /* Shared button style */ .hero-buttons .btn { padding: 10px 25px; font-size: 16px; text-transform:uppercase; border-radius: 6px; text-decoration: none; font-weight: 500; transition: all 0.3s ease-in-out; margin-right: 15px; display: inline-block; } /* Primary solid button */ .hero-buttons .btn-primary { background-color: #b87e69; color: #fff; border: 2px solid #b87e69; } .hero-buttons .btn-primary:hover { background-color: var(--main-color); border-color: var(--main-color); } /* Secondary outlined button */ .hero-buttons .btn-secondary { background-color: transparent; color: var(--main-color); border: 2px solid var(--main-color); } .hero-buttons .btn-secondary:hover { background-color: var(--main-color); color: #fff; } /* Animation */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } /* Responsive */ @media (max-width: 992px) { .hero-content { max-width: 90%; margin: 0 auto; } } @media (max-width: 768px) { .hero-content { text-align: center; } .hero-buttons { flex-direction: column; align-items: center; } .btn { width: 100%; text-align: center; } } body.home .owl-nav{position: absolute; top: 40%; width:100%; transition: opacity 0.3s ease-in-out;} body.home .owl-nav .owl-prev{ position: absolute; left: 0px; background-image: url(/app/uploads/2025/08/w-arrow.png)!important;transform: rotate(-180deg);background-position-x: 11px !important;background-color: transparent !important;} body.home .owl-nav .owl-next{position: absolute; right: 0px;background-image: url(/app/uploads/2025/08/w-arrow.png) !important;background-color: transparent !important;} body.home .owl-nav button{width: 40px; height: 55px; z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; border: 0px; border-radius: 0px!important; background-color:rgba(255,255,255,0.6)!important; background-repeat:no-repeat!important; background-position:center!important; background-size:20px!important; border-radius: 0px!important; text-indent: -5000px;margin: 0px !important; transition: all 0.3s;} /*=========== Home icon section ==============*/ .icon-section{ padding: 30px 0; } .icon_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; list-style: none; padding: 0; margin: 0; } .icon-item { display: flex; align-items: center; gap: 15px; } .icon-item img{ filter: brightness(0) saturate(100%) invert(64%) sepia(12%) saturate(1068%) hue-rotate(333deg) brightness(98%) contrast(93%); } .icon-item .icon-text{ width: calc(100% - 60px); } .icon-text .title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 0; line-height: 26px; } .icon-text .subtitle { font-size: 14px; line-height: 22px; color: #666; } @media (max-width: 992px) { .icon_list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 576px) { .icon_list { grid-template-columns: 1fr; } .icon-item { flex-direction: row; align-items: flex-start; } } /*=========== Home diamond-shape ==============*/ .diamond-shape-carousel .item { position: relative; transition: transform 0.3s ease; } .diamond-shape-carousel .box-text { overflow: hidden; border-radius: 6px; position: relative; } .diamond-shape-carousel img { width: 100%; height: auto; transition: transform 0.4s ease; } .diamond-shape-carousel .overlay { position: static; bottom: 0; width: 100%; background: rgba(206, 150, 126, 0.9); color: #fff; padding: 5px 10px; text-align: center; transform: translateY(0); transition: transform 0.4s ease, opacity 0.4s ease; border-radius: 0 0 6px 6px; opacity: 1; box-sizing: border-box; } .diamond-shape-carousel h3 { margin: 0; font-size: 18px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; } .diamond-shape-carousel .item:hover img { transform: scale(1.1); } .diamond-shape-carousel .item:hover .overlay { background:rgba(0, 0, 0, 0.6); color:#fff; } .diamond-shape-sec{ padding-top:30px; } /*=========== Home ring-style ==============*/ .section-bg { padding: 40px 0 10px; } .ring-style-grid { gap: 0; display: block; } /* Each slide item */ .ring-style-box { padding: 10px; overflow: hidden; position: relative; transition: all 0.4s ease; border: 1px solid var(--main-color); } /* Image Wrapper */ .ring-img-wrap { position: relative; overflow: hidden; height: 100%; display: block; } /* Image Styling */ .ring-img-wrap img { width: 100%; display: block; transition: transform 0.5s ease; height: 100%; object-fit: cover; } /* Hover effect */ .ring-style-box:hover .ring-img-wrap img { transform: scale(1.05); } /* Overlay */ .ring-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding-bottom: 10px; opacity: 1; transition:opacity 0.3s ease; box-sizing: border-box; padding-left: 15px; } .ring-overlay h3 { color: #000; font-size: 20px; margin:0; line-height: 22px; } /* Button */ .shop-btn { color: #fff; text-decoration: none; font-size: 14px; font-weight: 500; display: inline-block; transition: all 0.3s ease; } .shop-btn:hover { transform: scale(1.05); } /*=========== Home carat-weight-section ==============*/ .carat-weight-section { padding: 0px 0 60px; } .carat-box { position: relative; overflow: hidden; border-radius: 6px; } .carat-img-wrap img { width: 100%; height: auto; display: block; } .carat-overlay { position: static; bottom: 0; left: 0; right: 0; padding: 8px 15px; background: rgb(206, 150, 126); color: #fff; transition:all 0.3s; } .carat-img-wrap:hover .carat-overlay{ background:rgba(0, 0, 0, 0.6); } .carat-overlay h3 { font-size: 20px; margin:0; line-height: 24px; } /*=========== Home mens-collection-section ==============*/ .mens-collection-section { padding: 30px 0 50px; background-color: #f5f0ed; } .mens-collection-section .container-fluid{ padding:0px; max-width:1600px; margin-left:auto; margin-right:auto; } .mens-img-wrap { position: relative; overflow: hidden; border-radius: 0px; } .mens-img-wrap img { width: 100%; height: auto; display: block; transition: transform 0.3s ease; } .mens-overlay { bottom: 0; left: 0; right: 0; padding:4px 20px; background:var(--main-color); color: #fff; text-align: center; position: relative; z-index: 1; } .mens-overlay:hover{ background:rgba(0, 0, 0, 0.6); } .mens-overlay h3 { font-size: 22px; margin: 0; } /*=========== Home occasion-gifts-section ==============*/ .occasion-gifts-section { padding: 40px 0; } .occasion-box { position: relative; overflow: hidden; border-radius: 0px; margin-bottom: 30px; } .occasion-box a{ display:block; overflow:hidden; } .occasion-box img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; max-height: 400px; object-fit: cover; transition:all 0.3s; } .occasion-box a:hover img{ transform:scale(1.1); } .occasion-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding:3px 20px; background: rgba(0, 0, 0, 0.5); color: #fff; } .occasion-overlay h3 { margin: 0; font-size: 20px; } /*=========== Home daily-wear-section ==============*/ .daily-wear-section { padding:10px 0 40px; background-color: #fff; } .daily-wear-section .col-md-6{ margin-bottom:30px; } .daily-wear-section .product-box { display: flex; align-items: center; justify-content: space-between; background: #fafaf8; padding: 0px; border-radius: 0px; transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; height: 100%; } .daily-wear-section .product-box img { width: 50%; object-fit: cover; transition: transform 0.3s ease; margin-left:0px; } .daily-wear-section .product-box:hover img { transform: scale(1.05); } .daily-wear-section .product-info { width: calc(50% - 20px); text-align: right; padding:30px; } .daily-wear-section .product-info .tag { font-size: 20px; font-weight: 500; color: #ce967e; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; } .daily-wear-section .product-info h3 { font-size: 18px; margin-bottom: 15px; line-height: 1.3; } .product-info .btn{ padding:7px 20px; font-size: 15px; text-transform: uppercase; border-radius:0; text-decoration:none; font-weight: 400; transition:all 0.3s ease-in-out; display: inline-block; background: var(--main-color); color: #fff; margin-top: 30px; } .product-info .btn:hover{ background:#95614b; } @media (max-width: 768px) { .daily-wear-section .product-box { flex-direction: column; text-align: center; } .daily-wear-section .product-box img, .daily-wear-section .product-info { width: 100%; text-align: center; } .daily-wear-section .product-info { margin-top: 15px; } } /*=========== Home testimonial-section ==============*/ .testimonial-section { padding: 40px 0 50px; background: #f5f0ed; } .testimonial { background: #fff; padding: 30px; border-radius: 0; box-shadow: 0 0 20px rgba(0,0,0,0.05); position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; text-align: left; min-height: 340px; } .testimonial-title { font-size: 1.2rem; font-weight: 600; color: #222; margin-bottom: 15px; position: relative; padding-left: 0; } .testimonial::before { content: ""; width: 40px; height: 40px; background-image: url('/app/uploads/2025/04/google-hangouts-logo.png'); background-size: contain; background-repeat: no-repeat; position: absolute; top: 15px; right: 15px; display: block; } .testimonial-subtext { color: #666; margin-bottom: 15px; } .testimonial .stars { color: var(--main-color); font-size: 28px; margin-bottom: 10px; } .testimonial .author { display: flex; align-items: center; gap: 15px; margin-top: 20px; } .author-img { width: 60px!important; height: 60px; border-radius: 50%; object-fit: cover; } .author .author-info{ width: calc(100% - 40px); } .author-info h4 { margin: 0; font-weight: 600; font-size: 16px; color: #222; } .author-info p { margin: 0; font-size: 14px; color: #888; } /* footer copy right */ .footer__bottom { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; max-width: 900px; margin: auto; margin-top: 30px; gap: 30px; } /* Social List */ .footer__list-social, .list-social { display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; gap: 1rem; /* Replaces individual margin-right */ } @media only screen and (max-width: 749px) { .footer__list-social, .list-social { justify-content: center; } } .footer__list-social img, .list-social__item .icon { width: 18px; height: 18px; display: block; } /* Social Icon Container */ .list-social__item { /* Removed margin-right in favor of gap */ } .list-social__link { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #eedec2; color: #fff; border: 1px solid #e0e0e0; border-radius: 50%; transition: all 0.3s ease; } .list-social__link:hover { background-color: #000; } .list-social__link:hover img { filter: brightness(0) invert(1); } /* Responsive behavior */ @media (max-width: 768px) { .footer__bottom { flex-direction: column; align-items: center; text-align: center; gap: 1rem; } .footer__copyright { margin-top: 0rem; } } /* Inner page sections */ .section-header p{ max-width: 800px; margin:auto; } /* single blog post */ .single_blog article p { padding-bottom: 15px; } .innter_single_blog h2 { font-size: 32px; margin-bottom:20px; padding-top:12px; } .innter_single_blog h3 { font-size: 28px; margin-bottom:20px; padding-top:12px; } .innter_single_blog h4 { font-size: 24px; margin-bottom:20px; padding-top:12px; } .innter_single_blog h5 { font-size: 20px; margin-bottom:20px; padding-top:12px; } /* List Styles */ .innter_single_blog .entry-content ul, .innter_single_blog .entry-content ol { padding-left: 25px; margin-bottom: 20px; } .innter_single_blog .entry-content ul li, .innter_single_blog .entry-content ol li { margin-bottom: 10px; color: #555; } .innter_single_blog .entry-content ul li::marker, .innter_single_blog .entry-content ol li::marker { color: #ce967e; } /* Table Styles */ table { width: 100%; border-collapse: collapse; margin-bottom: 30px; background: #fffcf6; } table caption { caption-side: top; font-size: 20px; font-weight: bold; color: #ce967e; margin-bottom: 10px; } thead th { background: #fff0d5; color: var(--main-color); padding: 12px 15px; text-align: left; } tbody td { border-bottom: 1px solid #ddd; padding: 12px 15px; color: #555; } /* Blockquote Styles */ blockquote { border-left: 4px solid #ce967e; padding: 10px 20px; background: #f9f9f9; color: #555; font-style: italic; margin: 20px 0; } /* Highlighted Tip Box */ .tip-box { background: #fff7f4; border-left: 5px solid #ce967e; padding: 20px; margin: 20px 0; color: #555; } /* Responsive Table */ @media (max-width: 768px) { table, thead, tbody, th, td, tr { display: block; } thead tr { display: none; } td { position: relative; padding-left: 50%; text-align: left; } td::before { content: attr(data-label); position: absolute; left: 15px; top: 12px; font-weight: bold; color: #ce967e; } } /* meda blogs */ .row.m0.blog_cat { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding:0; } .single_blog .row.m0.blog_cat { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background: #fdf8effc; margin-top: -60px !important; padding: 20px 32px; border-radius: 0; margin-bottom: 20px !important; max-width: 650px; position: relative; left: 20px; } .row.m0.blog_cat .date { font-size: 14px; color: #662f1e; display: flex; gap: 12px; align-items: center; } .post-author-name{ display: flex; gap: 12px; align-items: center; color: #504a40; font-size: 16px; } .row.m0.blog_cat .date time { font-style: normal; color: #504a40; font-weight: 500; } .read-t-box{ display: flex; gap: 12px; align-items: center; font-size: 14px; color: #504a40; } .row.m0.blog_cat .cat_b { padding: 0; display: inline-flex; align-items: center; gap: 8px; position: relative; } .row.m0.blog_cat .cat_b a { color: #ce967e; font-size: 14px; text-decoration: none; font-weight: 500; position: relative; padding-right: 0; } .blog_cat img{ max-width:17px; filter: brightness(0) saturate(100%) invert(55%) sepia(94%) saturate(524%) hue-rotate(358deg) brightness(101%) contrast(104%); } .row.m0.blog_cat .cat_b a:hover { color: #a56c55; } .row.m0.blog_cat .cat_b a:hover::after { color: #a56c55; } .blog_disc .row.m0.blog_cat{ border-bottom: 1px solid #ddd; padding-bottom: 8px; margin-bottom: 8px !important; } .blog_disc .row.m0.blog_cat .cat_b a{ font-size: 14px; } @media (max-width: 768px) { .row.m0.blog_cat { flex-direction: column; align-items: flex-start; gap: 10px; } } .blog_disc{ padding:20px; background-color: #fff; } /* Widget Title */ #sidebar .widget-title { font-size: 26px; font-weight: 500; position: relative; padding: 0 0 20px; line-height: 26px; } /* Widget List Common */ #sidebar ul { list-style: none; padding: 0; margin: 0; background:#ffffffb8; padding:0px; } #sidebar ul li { margin-bottom: 12px; position: relative; padding-left: 23px; line-height: 27px; border-bottom:1px solid #ddd; padding-bottom: 12px; } #sidebar ul li:last-child{ border-bottom:0px solid #ddd; padding-bottom: 0; } #sidebar ul li::before { content: "•"; position: absolute; left: 0; top: 0; color: #ce967e; font-size: 29px; } /* Links */ #sidebar ul li a { text-decoration: none; color: #333; font-weight: 500; transition: all 0.3s ease; } #sidebar ul li a:hover { color: #ce967e; } @media(min-width:992px){ .innter_single_blog h1{ font-size: 41px; line-height: 54px; } } .blog_disc .btn{ font-size: 16px; text-decoration:none; transition:0.3s ease-in-out; display: inline-block; margin-top: 20px; } .inner-grid.row { border-bottom:1px solid #ce967e; padding-bottom: 40px; margin:0; margin-bottom: 0px; margin-bottom: 40px; } .inner-grid.row .grid-img { padding-left:0px; } .woocommerce .woocommerce-breadcrumb{ margin-bottom:0px!important; } .woocommerce #header-wrap { background:#faf8f8; } .yith-woocommerce-ajax-product-filter{ margin-bottom:30px; background-color: transparent !important; border:1px solid #EAD7BE; padding:15px; border-radius:6px; } .product_sidebar .widget-title, .product_sidebar .filter-title{ font-weight:600; } /* filter sidebar */ /* Active filters */ .yith-wcan-active-filters { margin-bottom: 25px; } .yith-wcan-active-filters h4 { font-size: 18px; color: #ce967e; margin-bottom: 10px; font-weight: 600; } .yith-wcan-active-filters .active-filter { background: #f9f9f9; padding: 10px 15px; border-radius: 8px; margin-bottom: 10px; font-size: 15px; } .yith-wcan-active-filters .active-filter b { color: #333; margin-right: 5px; } .yith-wcan-active-filters .active-filter a { color: #0c3060; text-decoration: underline; transition: color 0.3s; } .yith-wcan-active-filters .active-filter a:hover { color: #ce967e; } /* Filters List Items */ .yith-wcan-filter .filter-content ul { list-style: none; padding: 0; margin: 0 0 20px; } .yith-wcan-filter .filter-content ul:not(.filter-color) li { display: inline-block; margin: 0 3px 10px !important; } .yith-wcan-filter .filter-content ul:not(.filter-color) li a { display: flex; align-items: center; color: #555; font-size: 16px; text-decoration: none; padding: 4px 12px; border-radius: 5px; transition: all 0.3s ease; position: relative; background: #f5f5f5; } .yith-wcan-filter .filter-content ul:not(.filter-color) li a:hover, .yith-wcan-filter .filter-content ul:not(.filter-color) li.active a { background: #ce967e; color: #fff!important; } /* Responsive */ @media (max-width: 767px) { #preset_349 .filters-container { padding: 20px 15px; } .yith-wcan-filter .filter-title { font-size: 18px; } .yith-wcan-filter .filter-content li a { font-size: 15px; padding: 6px 10px; } } .yith-wcan-filter .filter-content ul.filter-color li a::before { content: ""; display:block; width: 30px; height: 30px; border-radius: 0px; margin-right: 0px; vertical-align: middle; background-color: #ccc; transition: all 0.3s ease; } .yith-wcan-filter .filter-content ul.filter-color li a[data-term-slug="yellow-gold"]::before { background-color: #ffd700; } .yith-wcan-filter .filter-content ul.filter-color li a[data-term-slug="rose-gold"]::before { background-color: #e9967a; } .yith-wcan-filter .filter-content ul.filter-color li a[data-term-slug="white-gold"]::before { background-color: #E5E4E2; } .yith-wcan-filter .filter-content ul.filter-color li a{ border: 2px solid #ddd; border-radius: 4px; padding:2px; box-sizing:border-box; display:block; } .yith-wcan-filter .filter-content ul.filter-color li a:hover, .yith-wcan-filter .filter-content ul.filter-color li.active a { border: 2px solid #ce967e; } .yith-wcan-filters .color-design, .yith-wcan-filters .yith-wcan-filter:last-child { margin-bottom: 0; } /* single Product */ .summary.entry-summary .prductattribute{ display:none; } body.single-product .woocommerce-breadcrumb { max-width: 100%; margin-left: auto !important; text-align: left; margin-bottom:10px!important; color: #898989; line-height: 25px; } .woocommerce-product-gallery__image a img { width: calc(100% - 100px) !important; margin-left: 0; background: #fff; border: 1px solid #ddd; border-radius: 12px; } @media(min-width:992px){ body.single-product div.product div.images { width: 52%; } body.single-product div.product div.summary { width: 45%; } } /* variations */ body.single-product .variations { width: 100%; border-collapse: collapse; margin-bottom: 0px!important; background:transparent!important; } body.single-product .variations th.label { text-align: left; vertical-align: middle; padding: 8px 0px; font-size: 16px; width: 30%; text-align: right; padding-right: 15px; } body.single-product div.product form.cart .variations label{ font-weight: 500; text-align:right; } body.single-product div.product form.cart .variations label::after { content: ":"; margin-left: 4px; color: #ce967e; } body.single-product .variations td.value { padding: 8px 0px; vertical-align: middle; } body.single-product div.yith-wcwl-add-to-wishlist { display:none; } body.single-product .variations td.value select { width: 100%; padding: 12px 18px; border: 1px solid #ce967e; border-radius: 6px; background: transparent; color: #333; font-size: 16px; appearance: none; background-image: url('/app/uploads/2025/04/drop-icon.png'); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px; transition: border-color 0.3s ease; } body.single-product .variations td.value select:focus { border-color: #b67c68; outline: none; } body.single-product .variations .reset_variations { display: inline-block; margin-top: 10px; font-size: 14px; color: #ce967e; text-decoration: underline; transition: color 0.3s; } body.single-product .variations .reset_variations:hover { color: #b67c68; } /* product sidebar accordion */ .product-acf-accordions { margin-top: 30px; border: 1px solid #eee; } .accordion-item { border-bottom: 0px solid #eee; margin-bottom: 8px; } body.single-product .accordion-header { padding: 8px 20px; font-size: 18px; font-weight: 600; background: #f9f9f9; color: #333; cursor: pointer; position: relative; transition: background 0.3s; } .accordion-header::after { content: "+"; font-size: 24px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease; color: #ce967e; } body.single-product .accordion-header.active { border-bottom: 0px solid #ddd; background: #fffbf4; } body.single-product .accordion-header.active::after { content: "-"; transform: translateY(-50%) rotate(180deg); color: #fff; } body.single-product .accordion-body { display: none; padding: 20px; background: #fff; line-height: 26px; font-size: 15px; } body.single-product .accordion-body p:last-child{ margin-bottom:0px; } .accordion-body ul.product-attributes-list { list-style:none; padding:0; margin:0px 0 0; } .accordion-body ul.product-attributes-list li { margin-bottom: 15px; font-size: 16px; } .accordion-body ul.product-attributes-list label { font-weight: 600; margin-right: 5px; } body.single-product .accordion-body table { width: 100%; border-collapse: collapse; margin-top: 0; margin-bottom: 0; } .accordion-body table th, .accordion-body table td { border: 1px solid #ddd; padding: 12px 15px; text-align: left; font-size: 15px; } .accordion-body table th { background: #f9f9f9; color: #333; font-weight: 600; } .accordion-body table td { background: #fff; } /* related products */ .related { padding:40px 0 10px; background: linear-gradient(0deg, #fdfbfb00 0%, #fffbf4 100%); } .related .button { display: none !important; } .related .related-products-heading{ text-align: left; font-size: 24px; line-height: 28px; margin-bottom: 0; } .related ul.products { padding-top: 30px; } .related ul.products li.product { width: 100%!important; } .related ul.products li.product:hover { border-color: var(--main-color); } .related ul.products li a.woocommerce-loop-product__link{ min-height: 320px; } .related ul.products li .amount bdi { font-size: 18px; display: block; margin-top: 5px; } .related ul.products li .star-rating { display: none !important; } .woocommerce .related ul.products li.product .price{ margin-bottom:0px; } /* share call email */ .shareEmailCall { padding: 15px 0px 4px; } .share-boxes { display: flex; gap: 30px; flex-wrap: wrap; justify-content: center; } .share-box { text-align: center; width: 300px; transition: all 0.3s ease; } .share-link { text-decoration: none; color: #ce967e; font-weight: 600; font-size: 18px; display: flex; flex-direction: column; align-items: center; } .share-icon { width: 50px; height: 50px; object-fit: contain; margin-bottom: 15px; transition: transform 0.3s ease; } .share-boxes a:hover{ color:#000; } @media (max-width: 768px) { .share-box { width: 100%; } } body.single-product .buy-now.button{ display: none!important; } body.single-product .buy-now.button:hover{ background: var(--main-color) !important; color:#fff !important; } /* contact Page */ .contact-box { background: #ffffff; padding: 30px; border: 2px solid #ce967e; border-radius: 16px; text-align: center; transition: transform 0.3s ease; min-height: 212px; } .contact-box:hover { transform: translateY(-5px); } .contact-box p:last-child{ margin-bottom:0px; } .icon-fox img { width: 50px; height: 50px; display:block; margin:auto; margin-bottom: 15px; object-fit: contain; filter: brightness(0) saturate(100%) sepia(44%) hue-rotate(-15deg) saturate(500%) brightness(96%); } .contact-box h3 { margin-bottom: 15px; font-size: 20px; line-height: 18px; font-weight: 600; padding-top: 10px; } .contact-box p { line-height: 1.6; } .contact-box a { font-size:20px; text-decoration: none; font-weight: 500; } @media (max-width: 600px) { .icon-fox { font-size: 30px; } .contact-box h3 { font-size: 18px; } .contact-box p { font-size: 15px; } } .map-box .container{ width:100%; padding:0px; } .map-box .container p{ margin:0px; } .map-box .container iframe{ display:block; } .frm_fields_container .form-field input, .frm_fields_container .form-field select, .frm_fields_container .form-field textarea { padding: 10px 15px; border-radius: 6px; width: 100%; box-sizing: border-box; box-shadow: none; border: 1px solid #ddd; font-size: 16px; font-family: "DM Sans", sans-serif; transition: all 0.3s ease-out; height: 50px; background: #faf8f8; } .frm_fields_container .form-field textarea { vertical-align: top; height: auto; border-radius: 6px; } .frm_fields_container .form-field select { text-indent: 0px !important; -webkit-appearance: none; background-image: url(/app/uploads/2025/01/down-arrow4.png) !important; background-repeat: no-repeat !important; background-position: 97.3% 12px !important; background-size: 22px !important; } .frm_fields_container .form-field .frm_primary_label, fieldset > .frm_screen_reader { font-size: 18px; font-weight: 500; font-family: "DM Sans", sans-serif !important; margin-bottom: 0; color: #000; } .frm_button_submit { color: #fff !important; border-radius: 9px !important; text-transform: capitalize !important; font-size: 18px !important; line-height: 34px !important; padding: 8px 28px !important; display: inline-block !important; background: var(--second-color) !important; position: relative !important; border: 0px !important; font-family: "DM Sans", sans-serif !important; box-shadow: none !important; width: auto!important; font-weight: 500 !important; letter-spacing: 1px !important; transition:all 0.3s; } .frm_button_submit:hover{ background: #b87e69 !important; box-shadow: none!important; } hr { border: none; height: 1px; background: linear-gradient(to right, #ce967e, #f9d8c4); width: 100%; margin: 40px auto; border-radius: 2px; } .content-editor ul{ padding-left:15px; } .content-editor ul li{ margin-bottom:8px; } /* Accordion Styles */ .faq-page { padding:50px 0; } .accordion-header { padding: 14px 25px; background: var(--main-color); cursor: pointer; position: relative; font-weight: 500; border-radius: 10px; color: #fff; margin-bottom: 0; font-size: 25px; } .accordion-content + .accordion-header { margin-top: 20px; } .accordion-header.active{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .accordion-header:after { content: '+'; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background: var(--main-color); text-align: center; line-height: 28px; color: #fff; border-radius: 50%; } .accordion-header.active:after { content: '-'; background: var(--second-color); } .accordion-content { padding: 15px 25px; padding-top: 15px; display: none; background: #faf8f8; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; border-top: none; } .accordion-content.active { display: block; } /* Responsive Design */ @media only screen and (max-width: 1199px) { .accordion-header{ font-size: 20px; line-height: 22px; padding-right: 45px; } } @media only screen and (max-width: 991px) { .resp-tabs-container { flex-direction: column; min-height: auto; } .resp-tabs-list { width: 100%; border-right: none; display: none; /* Hide tabs on mobile */ } .resp-accordion { display: block; padding:10px 15px; background: var(--main-color); color: #fff; cursor: pointer; margin-bottom: 6px; position: relative; transition:all 0.3s ease-in-out; border-radius:6px; font-weight: 600; } .resp-accordion:hover { background: #0056b3; } .resp-accordion.active { margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .resp-accordion:after { content: '+'; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease-in-out; } .resp-tab-content { display: none; padding: 15px; border: 1px solid #dee2e6; border-top: none; margin-bottom: 10px; } .resp-tab-content.resp-tab-content-active { display: block; } .accordion-header { background: #e5f7f8; color: #333; padding: 15px; border-radius: 4px; transition: all 0.3s ease-in-out; border: 1px solid #e5f7f8; cursor: pointer; position: relative; } .accordion-header:hover { background: #e9ecef; } .accordion-header:after { content: '+'; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease-in-out; } .accordion-header.active { background: rgb(255, 241, 242); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .accordion-content { display: none; background: #fff; border: 1px solid #dee2e6; border-top: none; padding: 15px; margin-bottom: 10px; } .accordion-content.active { display: block; } .faq-accordion{ background:#fff; padding:15px; box-sizing: border-box; } .accordion-header { font-size: 17px; line-height: 22px; padding-right: 45px !important; } .resp-tabs-content{ padding-left:0px!important; } } /* currency converter */ .wmc-currency { text-align: right; margin: 5px 0; } .text-right{ text-align:right; } .top-bar-links #woocommerce-multi-currency-1 .wmc-current-currency{ color:#fff; padding-bottom: 9px; padding-top: 9px; } .top-bar-links #woocommerce-multi-currency-1 .wmc-sub-currency{ right: -5px; left: unset; } .top-bar-links #woocommerce-multi-currency-1 .wmc-current-flag, .top-bar-links #woocommerce-multi-currency-1 .wmc-sub-currency .flag-gb, .top-bar-links #woocommerce-multi-currency-1 .wmc-sub-currency .flag-in{ display:none!important; } .woocommerce .added_to_cart.wc-forward{ display:none!important; } .woocommerce-additional-fields{ margin-top:20px; } #billing_postcode_field{ padding-top:10px; } address { background: #f4f3ef; padding: 20px; border-radius: 0; max-width: 100%; color: #2c3e50; line-height: 1.6; } address p { margin: 8px 0; position: relative; padding-left: 24px; } address p:first-of-type::before { content: "📞"; position: absolute; left: 0; top: 0; filter: grayscale(1) brightness(0); /* make icon black */ font-size: 16px; } address p:nth-of-type(2)::before { content: "✉️"; position: absolute; left: 0; top: 0; font-size: 16px; } .woocommerce form .form-row label, .woocommerce-page form .form-row label{ font-weight: 500; margin-bottom: 5px; } /* Overall price block */ body.woocommerce .related ul.products .price { display: inline-flex; align-items: center; font-family: "DM Sans", sans-serif; font-size: 1.1rem; font-weight: 600; color: #043e71; gap: 0.4rem; } .woocommerce .related ul.products .price .woocommerce-Price-amount { transition: color 0.3s ease; } .woocommerce .related ul.products .price .woocommerce-Price-amount:hover { color: #e2282b; } .top-bar-links .woocommerce-multi-currency.wmc-shortcode.layout10 .wmc-currency-wrapper .wmc-sub-currency{ font-size:17px!important; } .woocommerce-multi-currency.wmc-shortcode .wmc-currency { color: #000000b2!important; } .woocommerce-multi-currency.wmc-shortcode.layout10 .wmc-sub-currency .wmc-currency:hover { background-color: #ffeee7!important; color: #000!important; } .top-bar-links .vi-flag-64.flag-us{ display:none!important; } .woocommerce-multi-currency.wmc-shortcode .wmc-current-currency .wmc-open-dropdown-currencies{ width: 14px; top: 46%; } .yith-wcan-filters .yith-wcan-filter .price-slider .irs-from::before, .yith-wcan-filters .yith-wcan-filter .price-slider .irs-to::before, .yith-wcan-filters .yith-wcan-filter .price-slider .irs-single::before { border-top: 5px solid #CE967E; } .default-content-page ul, .default-content-page ol{ padding-left:15px; margin-bottom:20px; } .default-content-page ul li, .default-content-page ol li{ margin-bottom:10px; } .woocommerce #review_form #respond textarea{ background:#f7f7f7; } blockquote p{ margin-bottom:0px; } /* Product right tab */ .nestedBlock { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; } .nestedBlock:last-child { border-bottom: none; margin-bottom:0px; } .nestedBlock h4 { font-size: 18px; color: #ce967e; margin-bottom: 12px; font-weight: 600; letter-spacing: 0.5px; } .nestedBlock .product-details-list { list-style: none; padding-left: 0; margin: 0; } .nestedBlock .product-details-list li { margin-bottom: 10px; font-size: 16px; padding: 0; } .nestedBlock .product-details-list li strong { font-weight: 600; margin-right: 6px; width: 210px; display: inline-block; color:#4d4d4d; } .woocommerce-tabs.wc-tabs-wrapper{ display:none; } .shareEmailCall{ padding-bottom:40px; } /*** Responsive ****/ @media(max-width:1200px){ #navigation { position: relative; background-color: #fff; border-top: 2px solid #ce967e; height: calc(100% - 90px); overflow: scroll; } #navigation .menu-main-manu-container { padding: 20px; } #navigation .menu-main-manu-container ul.nav { list-style: none; padding: 0; margin: 0; flex-direction: column; } #navigation .menu-main-manu-container ul.nav li { padding: 10px 0; border-bottom: 1px solid #e6e6e6; position: relative; } #navigation .menu-main-manu-container ul.nav li a { color: #000; text-decoration: none; } #navigation .menu-main-manu-container ul.nav > li > a { font-size: 18px; color: #000; /* Black text */ display: inline-block; text-decoration: none; } #navigation .menu-main-manu-container ul.nav li a:hover { color: var(--main-color); } #navigation .menu-main-manu-container .sub-menu { display: none; padding-left: 15px; } #navigation .menu-main-manu-container>ul.nav > li.menu-item-has-children::after, #navigation .menu-main-manu-container>ul.nav > li>.sub-menu>li.menu-item-has-children::after { content: '▼'; float: right; font-size: 16px; margin-top: 5px; color: #ce967e; position: absolute; right: 8px; top: 7px; } /* Submenu basic styling */ #navigation .sub-menu { list-style: none; padding-left: 15px; margin-top: 5px; display: none; border-left: 2px solid #f4e6e1; } #navigation .sub-menu li { padding: 8px 0; border-bottom: 1px dashed #ddd; } body #navigation .sub-menu li:last-child{ padding-bottom:0px; border-bottom: 0px dashed #ddd; } #navigation .sub-menu li a { color: #ce967e; text-decoration: none; font-weight: 500; } #navigation .sub-menu li a:hover { color: #a66e54; } } /* max-width:1200px */ @media(max-width:991px){ .top-bar-links .col-lg-8{ display:none; } .searchClose{ right: 149px; } .yith-wcan-filters .yith-wcan-filter{ margin-bottom: 15px; } .product_sidebar .yith-wcan-filters h4{ margin-bottom: 15px !important; } .price-slider.slider{ margin-top:15px; } .footer_bottom { margin-top: 20px; } #siteheader + .header_height { height: 84px; } .hero-content .h1 { font-size: 36px; line-height: 46px; margin-bottom: 12px; } .hero-content p { font-size: 1rem; line-height: 1.5; margin-bottom: 20px; } } /* max-width:991px */ @media (max-width: 767px) { .hero-content .h1 { font-size: 28px; line-height: 38px; margin-bottom: 10px; } .hero-content p { font-size: 0.95rem; line-height: 1.4; margin-bottom: 18px; } .icon-text .title{ margin-bottom: 6px; } .section-title{ font-size: 30px; } .occasion-gifts-section{ padding-bottom:0px; } ul.products li .amount bdi, ul.products li .woocommerce-Price-amount.amount { font-size: 18px; } .woocommerce div.product div.images .woocommerce-product-gallery__image.flex-active-slide { margin-left: 0!important; } .woocommerce-product-gallery__image a img { width: calc(100% - 0px) !important; margin-left: 0; } body.single-product .variations th.label{ width: 100%; text-align: left; padding-bottom: 0; } .nestedBlock .product-details-list li strong{ width: 150px; } #order_review .cart_item .product-name .prodet{ display: flex; justify-content: space-between; } .woocommerce-checkout-review-order-table tfoot{ display:block; } .woocommerce-checkout-review-order-table tfoot tr{ display:flex; justify-content: space-between; } .woocommerce-checkout-review-order-table tfoot th{ border:0px!important; font-weight:600; } .woocommerce-checkout-review-order-table tfoot td{ border:0px!important; } .image+.content{ margin-top:30px; } .contact-section .three-column-block .column + .column { margin-top:30px; } .xoo-wsc-footer{ box-shadow: none!important; } } /* max-width:767px */ @media (max-width: 575px) { #top_service_sec .row .col-md-4{ width:50%; } .woocommerce div.product form.cart div.quantity{ padding-bottom:20px!important; } .stickyProductSide .wp-element-button.added{ width: calc(100% - 198px); } } /* ========================= New Home Page ========================================*/ /* Header style */ .custom-select-wrapper { position: relative; display: inline-block; width: 158px; } .custom-select { width: 100%; padding: 0px 28px 0px 0; font-size: 15px; font-weight: 600; color: #3D2914; background-color: transparent; border: 0px solid #ccc; border-radius: 34px; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease; background-image: url("/app/uploads/2025/05/chevron4.png"); background-repeat: no-repeat; background-position: right 0px center; background-size: 16px; text-align: left; } #satvik-selected-location { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%; font-size: 14px; } /* end of Header style */ /* banner sections */ /* Shop Offers Section */ .shop-offers h2 { color: #5C2C0C; font-weight: 600; margin-bottom: 8px; font-size: 28px; line-height: 27px; } .shop-offers p { color: #000; margin-bottom: 25px; } /* Category Grid */ .shop-offers .cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; } .shop-offers .cat-box { position: relative; overflow: hidden; border-radius: 12px; cursor: pointer; padding: 9px; box-sizing: border-box; background: linear-gradient(180deg, #FFEFD0 0%, #FFCE90 100%); display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 0; } .shop-offers .cat-box img { max-height: 96px; object-fit: contain; transition: transform 0.4s ease; } .shop-offers .cat-box:hover img { transform: scale(1.08); } .shop-offers .cat-info { bottom: 0; left: 0; width: 100%; /*! background: rgb(255, 255, 255); */ /*! color: #fff; */ text-align: center; padding: 11px 8px 0; } .shop-offers .cat-info h3 { margin: 0; font-size: 16px; font-weight: 600; line-height: 22px; } .shop-offers .cat-info span { font-size: 13px; display: block; margin-top: 4px; margin-bottom: 4px; } /* Slider */ .shop-offers .owl-carousel .item { position: relative; border-radius: 12px; overflow: hidden; } .shop-offers .owl-carousel img { width: 100%; height: 393px; object-fit: cover; } .shop-offers .offer-text { position: absolute; bottom: 20px; left: 50px; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 20px; border-radius: 8px; width: 50%; box-sizing: border-box; } .shop-offers .offer-text p{ color: #e2b77f; } .shop-offers .offer-text .tag { background: #F79C3D; padding: 4px 8px; font-size: 12px; border-radius: 4px; display: inline-block; } .shop-offers .offer-text h3 { margin: 10px 0 5px; font-size: 20px; font-weight: 600; } .shop-offers .offer-text p { margin: 6px 0; } .shop-offers .offer-text .price { margin: 8px 0; font-size: 16px; } .shop-offers .offer-text .price del { opacity: 0.6; margin-right: 5px; } .shop-offers .offer-text button { background: #F79C3D; color: #fff; border: none; padding: 8px 14px; border-radius: 6px; cursor: pointer; font-size: 14px; } .shop-offers .offer-text button:hover { background: #5C2C0C; } .slider .owl-dots{ margin-top: -25px; } body .owl-dots { text-align: center; position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; } body.owl-dot { display: inline-block; margin: 0 6px; } body .owl-dot span { display: block; width: 12px; height: 12px; background: #ffe7c1; border-radius: 50%; transition: all 0.4s ease; /* smooth animation */ } body .owl-dot.active span { width: 35px; height: 12px; border-radius: 20px; /* pill shape */ background: #f0ddcf; } /* ============================= */ /* RESPONSIVE BREAKPOINTS */ /* ============================= */ /* Tablet Large (991px) */ @media (min-width:768px) and (max-width: 991px) { .shop-offers { padding: 20px 0px 0; } .shop-offers .cat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; max-height: 306px; overflow-y: auto; padding: 0px 0px 0px; scrollbar-width: thin; -ms-overflow-style: none; } .shop-offers .cat-grid::-webkit-scrollbar { width: 4px; background: linear-gradient(180deg, #FFEFD0 0%, #FFCE90 100%); } .shop-offers .cat-grid::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #FFEFD0 0%, #FFCE90 100%); border-radius: 2px; } .shop-offers .owl-carousel img { height: 300px; } } /* Tablet Small (767px) */ @media (max-width: 767px) { .shop-offers .cat-grid { grid-template-columns: 1fr 1fr 1fr; } .shop-offers .cat-box img { height: 180px; } .shop-offers .offer-text { max-width: 90%; padding: 12px; } .shop-offers .offer-text h3 { font-size: 18px; } .shop-offers .categories{ margin-top: 40px; } } /* Mobile (480px) */ @media (max-width: 575px) { .shop-offers .cat-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 480px) { .shop-offers h2 { font-size: 20px; } .shop-offers p { font-size: 14px; } .shop-offers .cat-box img { height: 76px; } .shop-offers .cat-info h4 { font-size: 14px; } .shop-offers .cat-info span { font-size: 12px; } .shop-offers .offer-text { padding: 10px; bottom: 10px; left: 10px; } .shop-offers .offer-text h3 { font-size: 16px; } .shop-offers .offer-text button { padding: 6px 12px; font-size: 13px; } } /*Offer banner **/ .offer-banner { width: 100%; height: auto; border-radius: 8px; overflow: hidden; margin-top: 30px; } .offer-banner img { display: block; width: 100%; height: auto; max-height: 350px; object-fit: cover; } /* end of New Home Page */ .how-it-works { text-align: center; padding: 0px 0px 50px; } .how-it-works h2 { font-size: 28px; margin-bottom: 40px; } .steps { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; } .step { background: #feeed6; border-radius: 12px; padding: 25px 20px; transition: transform 0.3s ease; max-width: 90%; margin-left: auto; margin-right: auto; } .step { position: relative; } .step::after { content: ""; position: absolute; top: 50%; right: -85px; width: 100px; height: 57px; border-top: 3px solid #662f1e52; background-color: #fdf8ef; border-radius: 50%; z-index: -1; } .how-it-works .col-md-4:last-child .step::after{ display: none; } .step:hover { border-top: 1px solid #662f1e52; } .step img { width: 90px; margin-bottom: 10px; height: 80px; object-fit: contain; } .step2 img{ width: 66px; } .step1 img{ width: 72px; } .step h3 { font-size: 22px; font-weight: 500; margin-bottom: 12px; } .step p { font-size: 15px; color: #000; line-height: 1.6; } /* ========================= end of New Home Page ========================================*/ .xoo-ml-has-cc .xoo-ml-phone-cc{ display: none; } .form-row-last+.form-row-last{ width: 100% !important; } #wp-user-avatars-user-settings .form-table{ background-color: transparent!important; } .content-info { padding-top: 50px; padding-bottom: 20px; } .footer_bottom .container { border-top: 1px solid #e7e1d6; margin-top: 30px; } .footer__copyright{ font-size: 14px; opacity: 0.8; color: #000000cf; } /** Footer style **/ #menu-category{ display: flex; flex-wrap: wrap; gap: 0 20px; } #menu-category li{ width: calc(50% - 20px); } .content-info .widget-title { font-size: 24px; color: #141414; margin-bottom: 20px; } .content-info .menu { list-style: none; } .content-info .menu li a { padding-bottom: 10px; font-size: 15px; display: block; } .footer_bottom p{ margin:0px; color:#fff; padding:0px; font-size: 15px; } .content-info{ padding-top:50px; border-top: 1px solid #ddd; } .ft-head{ letter-spacing: 0.02em; text-transform: uppercase; margin-top:0px; color: #141414; } .social_icon_ft{ border-top: 0.25px solid #141414; border-bottom: 0.25px solid #141414; padding:10px 0; margin-top:30px; } .social_icon_ft a{ display:inline-block; vertical-align:middle; } .social_icon_ft br{ display:none; } .social_icon_ft a+a{ padding-left:10px; } .social_icon_ft a img{ max-width:32px; } .social_icon_ft a.phone_ft{ letter-spacing: 0.02em; color: #141414; border-left:1px solid #141414; margin-left:15px; padding-left:15px; } .social_icon_ft a.phone_ft:hover{ color: var(--main-color); } .download-app .widget-title{ margin-bottom: 0px; } .download-app p { font-size: 16px; margin-bottom: 20px; color: #666; } .app-buttons{ margin-top:30px; } .app-buttons a { display: inline-block; margin: 0 10px; transition: transform 0.2s ease; } .app-buttons a:hover { transform: scale(1.05); } .d-flex { display: flex; } .justify-between { justify-content: space-between; } .align-center { align-items: center; } .view-all-link { text-decoration: none; font-size: 16px; font-weight: 500; display: inline-flex; align-items: center; gap: 4px; } .view-all-link .arrow { font-size: 14px; transition: transform 0.2s ease; } .view-all-link:hover .arrow { transform: translateX(3px); } .woocommerce .products ul::after, .woocommerce ul.products::after { display: none!important; } /** solid bg products **/ .bg-solid-section .container{ background: #FFEFD0; padding-top: 30px; padding-bottom: 30px; } @media(min-width:768px){ .bg-solid-section .container{ padding: 30px 30px 0; border-radius: 16px; } } .bg-solid-section .container .section-title{ font-size: 33px; margin-bottom: 20px; } .bg-solid-section ul.products li a.woocommerce-loop-product__link{ padding: 11px; min-height: 298px; background: #fffcfcd9; } .bg-solid-section ul.products li.product a img { margin-bottom: 13px !important; max-width: 93%; margin: auto; margin-bottom: auto; border-radius: 50%; background: #fff; padding: 15px; object-fit: contain; } .bg-solid-section ul.products li .woocommerce-loop-product__title{ font-size: 14px !important; line-height: 22px; padding-bottom: 0px !important; margin-bottom: 0px !important; font-weight: 500; padding-top: 0 !important; } .bg-solid-section ul.products li .amount bdi, .bg-solid-section ul.products li .woocommerce-Price-amount.amount { font-size: 13px; } .bg-solid-section ul.products li .satvik-cart-control{ padding: 0 13px; } .bg-solid-section ul.products li .satvik-cart-control .quantity-controls{ width: 74px; gap: 8px; padding:4px 6px 4px; height: 35px; } .bg-solid-section ul.products li.product .price del bdi { font-size: 12px; color: #7f7f7f; } .bg-solid-section ul.products li .button, .bg-solid-section ul.products li .add-to-cart-button{ margin: 0px !important; padding: 8px 18px !important; font-size: 14px; } .highlited{ text-transform: uppercase; margin-bottom: 10px; font-size: 20px; letter-spacing: 1px; color: #000; } .btn { padding: 10px 25px; font-size: 16px; border-radius: 6px; text-decoration: none; font-weight: 500; transition: all 0.3s ease-in-out; display: inline-block; background-color: var(--main-color); color:#fff!important; } .btn:hover { background-color: var(--second-color); color:#fff; } /** end of solid bg products **/ /** END of Footer style **/ /** location Modal popup **/ #satvik-location-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none; align-items: center; justify-content: center; animation: fadeIn 0.3s ease-in-out; } .satvik-modal-content { background: linear-gradient(135deg, #ffe9d6, #fff0f5, #fff7e6); width: 90%; max-width: 650px; padding: 25px; border-radius: 18px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); position: relative; animation: slideDown 0.4s ease; text-align: center; margin: 5% auto; } .satvik-modal-content h3 { margin-top: 0; margin-bottom: 20px; font-size: 22px; font-weight: 600; background: linear-gradient(90deg, var(--main-color), var(--second-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: left; } .satvik-form-row { display: flex; gap: 30px; margin-bottom: 20px; align-items: center; } .satvik-input { flex: 1; padding: 14px 40px 14px 14px; border: none; border-radius: 25px; font-size: 16px; background-color: #fff; outline: none; transition: box-shadow 0.3s ease; position: relative; background-image: url('/app/themes/satvikly/resources/inc/images/search-icon.svg'); background-repeat: no-repeat; background-position: right 14px center; background-size: 18px 18px; } .satvik-input:focus { box-shadow: 0 0 0 3px rgba(255, 159, 1, 0.4); } /* Detect button */ .satvik-btn-detect { border: none; margin-right: 0; height: 44px; text-transform: capitalize; cursor:pointer; } .satvik-btn-detect:hover { box-shadow: 0 4px 10px rgba(0,0,0,0.15); } /* Results list */ .satvik-results { list-style: none; margin-top: 10px; padding: 0; max-height: 200px; overflow: auto; border-top: 1px solid #eee; background: #fff; border-radius: 10px; } .satvik-results li { padding: 12px; border-bottom: 1px solid #f0f0f0; cursor: pointer; transition: background 0.2s ease; } .satvik-results li:hover { background: #fff7e0; } /* Close button */ .satvik-btn-close { position: absolute; top: 12px; right: 12px; background: none; border: none; font-size: 20px; cursor: pointer; color: #999; transition: color 0.3s ease; } .satvik-btn-close:hover { color: var(--main-color); } /* Animations */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideDown { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } body.single-post { background: linear-gradient(to bottom, #FDF8EF 0%, #FFFFFF 10%); } #sidebar .theiaStickySidebar{ border-left: 2px solid rgba(102, 47, 30, 0.35); padding-left: 30px; } @media(max-width:767px){ .satvik-form-row{ flex-direction: column; gap: 15px 30px; } .satvik-input{ width:100%; } satvik-or-text{ display: none; } } @media(min-width:992px){ .innter_single_blog{ padding-right: 40px; } } /** end of location Modal popup **/ /** social share icons **/ .share-post { padding: 12px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; display: flex; align-items: center; gap: 20px; margin-top: 25px; } .share-icons { display: flex; gap: 12px; } .share-icons a { display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: transform 0.2s ease, box-shadow 0.2s ease; } .share-icons img { width: 30px; height: 30px; } .share-icons a:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); } /** end of social share icons **/ /* Single product cart */ /* General styling for grouped form */ .grouped_form { width: 100% !important; margin: 20px 0 !important; } /* Table styling */ .grouped_form .group_table { width: 100% !important; border-collapse: collapse !important; } .grouped_form .group_table tr { border-bottom: 1px solid #eee !important; } .grouped_form .group_table td { padding: 12px 10px !important; vertical-align: middle !important; font-size: 15px !important; color: #333 !important; } /* quantity */ body .grouped_form .quantity { display: flex; padding: 0 !important; border: 0; } .grouped_form .quantity .minus, .grouped_form .quantity .plus{ width: 30px; height: 30px; } .grouped_form .quantity .qty{ width: 40px !important; height: 30px !important; font-size: 14px!important; } /* Wishlist link inside quantity */ .grouped_form .yith-wcwl-add-to-wishlist { margin-left: auto !important; } .grouped_form .yith-wcwl-add-button a { font-size: 13px !important; color: #662f1e !important; text-decoration: none !important; display: flex !important; align-items: center !important; gap: 5px !important; } .grouped_form .woocommerce-grouped-product-list-item__price ins, .grouped_form .woocommerce-grouped-product-list-item__price bdi { text-decoration: none !important; font-size:13px; } /* Product label (name) */ .grouped_form .woocommerce-grouped-product-list-item__label a { font-weight: 500 !important; color: #333 !important; text-decoration: none !important; } .grouped_form .woocommerce-grouped-product-list-item__label a:hover { color: #662f1e !important; } .grouped_form .woocommerce-grouped-product-list-item__price del { font-size: 13px !important; color: #888 !important; margin-left: 6px !important; opacity: 0.4; } .grouped_form .group_table .woocommerce-grouped-product-list-item__price{ width: 155px; text-align: right; } /* end of single product */ body.home .product-slider .owl-nav .owl-next { background-image: url(/app/uploads/2025/09/right-arrow-angle.png) !important; background-color: transparent !important; } body.home .product-slider .owl-nav .owl-prev{ background-image: url(/app/uploads/2025/09/right-arrow-angle.png) !important; } /******* ==============Home Responsive============== *******/ body ul.product-slider li{ width: 100% !important; padding: 0 !important; } body ul.product-slider .owl-dot span { background: #CFC7BA; } body ul.product-slider .owl-dot.active span { background: #F79C3D; } @media(max-width:1200px){ .container{ width:100%; padding-left: 15px; padding-right: 15px; } .shop-offers .cat-info h3{ font-size: 14px; line-height: 19px; } .xoo-wsc-cart-trigger{ margin-right: 10px; } .bg-solid-section .container .section-title{ font-size: 26px; } .highlited{ font-size: 16px; } } @media(max-width:991px){ .custom-select-wrapper{ width: 170px; } #menu-category li { width: 100%; } .product-sec-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .product-sec-head a{ width: 200px; } .nav_logo img { max-width: 140px; } .search-box-header { position: relative; width: calc(100% - 100px); } .search-box-header .search-field{ font-size: 13px; height: 47px; } #siteheader{ padding-top: 20px; } .step{ max-width: 400px; margin: auto; } .step h3 { font-size: 19px; line-height: 25px; } } @media(max-width:767px){ .custom-select-wrapper { width: 153px; } .step{ max-width: 400px; margin:auto; } .step::after { right: 47%; transform: rotate(98deg); bottom: -36px; top:unset; } .content-info .col1, .content-info .col2 { margin-bottom: 40px; } .content-info .widget-title{ text-align: center; margin-bottom: 4px; font-size: 20px; } .content-info .menu, #menu-category{ display: flex; align-items: center; justify-content: center; gap:20px; } .content-info .menu li a{ padding-bottom: 0px; font-size: 14px; } #menu-category{ gap: 8px 20px; justify-content: space-between; padding-top: 7px; } .shop-offers .owl-carousel img{ height: auto; max-height: 400px; min-height: 400px; object-fit: cover; } #menu-category li { width: calc(50% - 15px); } } @media(max-width:650px){ .custom-select-wrapper { width: 153px; } .search-box-header { display: none; } #siteheader .container>div{ flex: 1; } .section-title { font-size: 22px; } .product-sec-head { flex-direction: column; } .product-sec-head a{display:none;} } @media(max-width:550px){ .content-info .menu, #menu-category{ gap: 12px 13px; align-items: unset; flex-wrap: wrap; } .content-info .menu li a{ border-bottom: 1px solid #dddddd96; padding-bottom: 13px; } .content-info .menu li:last-child a{ border-bottom: 0px;; padding-bottom: 0; } #menu-category li, .content-info .menu li{ width: 100%; } .content-info .menu li a::after { content: "➔"; margin-left: 6px; color: inherit; display: inline-block; transition: transform 0.3s ease; float: right; } .content-info .menu li a:hover::after { transform: translateX(3px); /* smooth slide effect on hover */ } .shop-offers .owl-carousel img{ height: auto; max-height: 350px; min-height: 350px; object-fit: cover; } } @media(max-width:480px){ .custom-select-wrapper{ display: none; } .bg-solid-section .container .section-title { font-size: 22px; } .section-title { font-size: 16px; } .view-all-link{ font-size: 14px; } body .owl-dot.active span { width: 28px; height: 10px; } body .owl-dot span{ width: 8px; height: 8px; } ul.products li .amount bdi, ul.products li .woocommerce-Price-amount.amount { font-size: 14px; } .woocommerce ul.products li.product .price del bdi { font-size: 12px; } .how-it-works h2 { font-size: 20px; margin-bottom: 20px; line-height: 28px; } .shop-offers .owl-carousel img { height: auto; max-height: 250px; min-height: 250px; object-fit: cover; } .xoo-wsc-modal .xoo-wsc-img-col{ width: 28%; } .xoo-wsc-modal .xoo-wsc-sum-col{ padding-left: 9px; } .xoo-wsc-pprice .amount bdi, .xoo-wsc-smr-ptotal .amount bdi { font-size: 14px; } } body.single-product .pt-40{ padding-top:0px!important; } #reviews{ display:none; } body .woocommerce-error{ padding-left:3em; } /* Pandit ji booking sections styles */ .featured-pandits { padding: 50px 0 0; } .featured-pandits .pandit-card { background: #fff; border-radius: 12px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; } .featured-pandits .pandit-card:hover { transform: translateY(-8px); box-shadow: 0 8px 20px rgba(0,0,0,0.12); } .featured-pandits .pandit-img { position: relative; overflow: hidden; } .featured-pandits .pandit-img img { width: 100%; display: block; transition: transform 0.4s ease; } .featured-pandits .pandit-card:hover .pandit-img img { transform: scale(1.05); } .featured-pandits .rating { position: absolute; top: 10px; right: 10px; background: #fff3e0; color: #d35400; font-size: 14px; padding: 5px 10px; border-radius: 20px; font-weight: 600; } .featured-pandits .pandit-content { padding: 20px; } .featured-pandits .pandit-content h3 { font-size: 20px; margin-bottom: 8px; color: #3c1f0d; } .featured-pandits .specializations span { display: inline-block; background: #fdf8ef; color: #333; font-size: 12px; padding: 4px 10px; border-radius: 15px; margin: 3px 3px 0 0; } body .featured-pandits .price { font-size: 15px; margin-top: 10px; } body .featured-pandits .price strong{ color: #e67e22; font-weight: 600; font-size: 18px; } .featured-pandits .btn-group { margin-top: 15px; display: flex; justify-content: space-between; } .featured-pandits .btn-outline, .featured-pandits .btn-solid { text-decoration: none; font-size: 14px; padding: 8px 15px; border-radius: 6px; transition: all 0.3s ease; } .featured-pandits .btn-outline { border: 1px solid var(--second-color); color: #000; background: transparent; } .featured-pandits .btn-outline:hover { background: var(--second-color); color: #fff; } .featured-pandits .btn-solid { background: var(--main-color); color: #fff; border: none; } .featured-pandits .btn-solid:hover { background: #7a3e10; } /* parent row for the two chips */ .featured-pandits .info{ display:flex; flex-wrap:wrap; column-gap:24px; row-gap:8px; margin:10px 0 15px; align-items:center; justify-content:space-between; } .featured-pandits .info-block{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; word-break:normal; overflow-wrap:normal; } .featured-pandits .info-block span{ font-size:14px; color:#444; line-height:1.2; } /* icon size */ .featured-pandits .info img{ width:17px; height:17px; flex:0 0 17px; vertical-align:middle; object-fit:contain; } body .pandit-slider .owl-nav .owl-next { background-image: url(/app/uploads/2025/09/right-arrow-angle.png) !important; background-color: transparent !important; background-size: 30px !important; } body .pandit-slider .owl-nav .owl-prev{ background-image: url(/app/uploads/2025/09/right-arrow-angle.png) !important; background-size: 30px !important; } /* tighten spacing on very small screens */ @media (max-width:420px){ .featured-pandits .info{ column-gap:14px; } } body .featured-pandits .owl-dots{ padding-top: 18px; } /* --------- Profile Pandit Ji --------- */ .profile-hero{ padding:0 0 75px; } .profile-hero .profile-card{ display: flex; gap: clamp(24px, 5vw, 48px); max-width: 1000px; margin: auto; } /* Image card */ .profile-hero .profile-photo{ position: relative; width: clamp(240px, 32vw, 340px); aspect-ratio: 4 / 5; transition: transform .35s ease, box-shadow .35s ease; text-align: center; } .profile-hero .profile-photo img{ width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 22px; } /* Floating badge */ .profile-hero .verify-badge{ position: absolute; right: 14px; top: 14px; width: 54px; height: 54px; border-radius: 50%; background: #ffeac5; display: grid; place-items: center; transform: translateY(0); transition: transform .3s ease; } .profile-hero .profile-photo:hover .verify-badge{ transform: translateY(-3px); } /* Details */ .profile-hero .profile-details{ flex: 1 1 auto; min-width: 0; } .profile-hero .profile-title{ margin: 3px 0 18px; font-weight: 600; font-size: clamp(26px, 4.2vw, 44px); line-height: 1.15; color: var(--main-color); } /* Meta row */ .profile-hero .profile-meta{ list-style: none; display: flex; flex-wrap: wrap; gap: 18px 28px; margin: 0 0 14px; padding: 0; color: #6a6a6a; font-size: 15px; } .profile-hero .profile-meta li{ display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; } .profile-hero .profile-meta .muted{ color:#8a8a8a; } /* Language chips */ .profile-hero .lang-chips{ display: flex; gap: 10px; margin: 8px 0 18px; } .profile-hero .lang-chips span{ background: #ffedd2; /* soft saffron tint */ color: #662f1e; border: 1px solid rgba(102,47,30,.08); padding: 6px 12px; font-size: 13px; border-radius: 999px; line-height: 1; transition: transform .2s ease, box-shadow .2s ease; } /* CTA buttons */ .profile-hero .cta-row{ display: flex; gap: 18px; flex-wrap: wrap; } .profile-hero .btn{ display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; font-size: 18px; } .profile-hero .btn svg{ flex: 0 0 auto; } .profile-hero .btn-call{ background: #ff9f01; color: #fff; } .profile-hero .btn-call:hover{ transform: translateY(-2px); } .profile-hero .btn-book{ background: #662f1e; color: #fff; } .profile-hero .btn-book:hover{ transform: translateY(-2px); } /* --------- Responsive --------- */ @media (max-width: 992px){ .profile-hero .profile-card{ flex-direction: column; align-items: center; text-align: center; } .profile-hero .profile-meta{ justify-content: center; } .profile-hero .lang-chips{ justify-content: center; } .profile-hero .cta-row{ justify-content: center; } } .profile-hero .meta-icon{ width:17px; height:17px; display:inline-block; vertical-align:middle; object-fit:contain; filter:none; } /* intro paragraph */ .profile-hero .profile-intro{ margin: 24px 0 28px; max-width: 60ch; } /* WhatsApp button */ .profile-hero .btn-wa{ background:#25D366; color:#fff; margin-top: -53px; position: relative; bottom: 10px; border-radius: 333px; } .profile-hero .btn-wa img{ max-width: 20px; border-radius: 0; } .profile-hero .btn-wa:hover{ transform: translateY(-2px); } /* container */ .profile-hero .icon-chips{ margin: 12px 0 35px; } /* chips list */ .profile-hero .icon-chips .chip-list{ display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0; list-style:none; } /* show only first 4 by default */ .profile-hero .icon-chips .chip:nth-child(n+5){ display:none; } .profile-hero .icon-chips.expanded .chip{ display:inline-flex; } /* single chip */ .profile-hero .icon-chips .chip{ display:inline-flex; align-items:center; gap:8px; background:#ffedd2; color:#662f1e; border:1px solid rgba(102,47,30,.10); padding:6px 12px; font-size:13px; border-radius:999px; line-height:1; transition:transform .2s ease, box-shadow .2s ease; } .profile-hero .icon-chips .chip:hover{ transform:translateY(-1px); box-shadow:0 4px 10px rgba(0,0,0,.08); } .profile-hero .icon-chips .chip-ico svg{ display:block; } /* --------- end of Profile Pandit Ji --------- */ /* ========================= Final CSS to keep (Tabs + Panels + Icon Chips) ========================= */ /* Base */ .profile-tabs{ background:#fffbf4; padding-top:50px; padding-bottom: 50px;} .profile-tabs .container{ max-width:1000px; } .profile-tabs p{ opacity:.6; } /* ---------- Tablist ---------- */ .profile-tabs .tablist{ position:relative; margin:0 auto 22px; padding:6px; display:grid; grid-auto-flow:column; gap:8px; background:#f5efe8; border-radius:14px; box-shadow:inset 0 0 0 1px rgba(102,47,30,.08); } .profile-tabs .tab{ appearance: none; border: 0; background: transparent; color: #7a6a61; font-weight: 500; padding: 12px 28px; border-radius: 12px; cursor: pointer; position: relative; z-index: 1; font-size: 17px; font-family: inherit; } .profile-tabs .tab.is-active{ color:var(--ink); } /* animated pill under active tab (positioned by JS) */ .profile-tabs .tab-indicator{ position:absolute; inset:6px auto 6px 6px; width:0; background:#fff; border-radius:12px; box-shadow:0 8px 18px rgba(0,0,0,.06); transition:transform .35s ease, width .2s ease; z-index:0; } /* ---------- Simple Tabs (no slider) ---------- */ .profile-tabs .viewport{ overflow:visible; height:auto !important; position:relative; } .profile-tabs .track{ display:block; transform:none !important; transition:none !important; } .profile-tabs .panel{ display:none; opacity:0; transform:translateY(6px); } .profile-tabs .panel.is-active{ display:block; animation:tabsFade .25s ease forwards; } @keyframes tabsFade{ to{ opacity:1; transform:translateY(0); } } /* ---------- Cards / Content ---------- */ .profile-tabs .card{ background:#fff; border-radius:14px; padding:22px 24px; box-shadow:0 6px 18px rgba(0,0,0,.06); border:1px solid rgba(102,47,30,.08); } .profile-tabs .card-title{ font-size:22px; color:#2b1a14; margin:0 0 12px; } .profile-tabs .card-title img{ margin-left: 0; margin-bottom: 8px; float: left; max-width: 24px; margin-top: 4px; margin-right: 10px; filter: brightness(0) saturate(100%) invert(59%) sepia(68%) saturate(1830%) hue-rotate(0deg) brightness(105%) contrast(104%); } /* Key-Value and Chips */ .profile-tabs .kv{ margin-top: 25px; border-top: 1px solid #ddd; padding-top: 20px;} .profile-tabs .kv-key{ font-weight:500; color:#2b1a14; margin-bottom:12px; font-size:22px; } .profile-tabs .chips{ display:flex; flex-wrap:wrap; gap:10px; } /* Icon chips (Specializations) */ .profile-tabs .chips span{ position:relative;background: #ffedd2; color: #662f1e; border:1px solid rgba(102,47,30,.12); padding: 10px 12px 10px 32px; border-radius: 999px; font-size: 16px; line-height:1; transition:transform .2s ease, box-shadow .2s ease; } .profile-tabs .chips span:hover{ transform:translateY(-1px); box-shadow:0 4px 10px rgba(0,0,0,.08); } .profile-tabs .chips span::before{ content:""; position:absolute; left:10px; top:50%; width:14px; height:14px; transform:translateY(-50%); background-size:14px 14px; background-repeat:no-repeat; } /* Icons (use on etc.) */ /* House – Griha Pravesh */ .profile-tabs .chips .ico-house::before{ background-image:url('data:image/svg+xml;utf8,'); } /* Book – Vedic Rituals / Katha */ .profile-tabs .chips .ico-book::before{ background-image:url('data:image/svg+xml;utf8,'); } /* Rings – Marriage Puja */ .profile-tabs .chips .ico-rings::before{ background-image:url('data:image/svg+xml;utf8,'); } /* Sparkles – Festivals / Celebrations */ .profile-tabs .chips .ico-fest::before{ background-image:url('data:image/svg+xml;utf8,'); } /* ---------- Services ---------- */ .profile-tabs .services-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; } .profile-tabs .svc{ background:#fff; border-radius:14px; padding:18px; box-shadow:0 6px 18px rgba(0,0,0,.06); border:1px solid rgba(102,47,30,.1); } .profile-tabs .svc-head{ display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; } .profile-tabs .svc-head .emoji{ font-size:22px; } .profile-tabs .svc-head h4{ margin:0; font-size:20px; color:#2b1a14; } .profile-tabs .svc-head .dur{ color:#8a7b73; } .profile-tabs .svc-price{ color:var(--brand); font-weight:800; margin:8px 0 10px; } .profile-tabs .svc-cta{ display:block; text-align:center; padding:12px 14px; background:#fff; border-radius:10px; border:1px solid rgba(102,47,30,.15); color:#5b473f; text-decoration:none; } /* ---------- Reviews ---------- */ .profile-tabs .reviews-wrap{ padding:6px 0; } .profile-tabs .score{ text-align: center; margin: 10px 0 18px; display: flex; align-items: center; justify-content: center; gap: 20px; } .profile-tabs .score .num{ font-size:40px; color:#4a2a1e; font-weight:800; } .profile-tabs .score .stars{ color:var(--brand); margin-top:4px; } .profile-tabs .score .sub{ color:#8a7b73; } .profile-tabs .review{ background:#fff; border:1px solid rgba(102,47,30,.1); box-shadow:0 6px 18px rgba(0,0,0,.06); border-radius:14px; padding:18px; margin:18px 0; } .profile-tabs .review .r-hd{ display:flex; justify-content:space-between; align-items:center; } .profile-tabs .review .r-meta{ color:#8a7b73; margin:4px 0 10px; } /* ---------- Responsive ---------- */ @media (max-width:900px){ .profile-tabs .services-grid{ grid-template-columns:1fr; } } /* Reduce motion */ @media (prefers-reduced-motion:reduce){ .profile-tabs .tab-indicator{ transition:none; } .profile-tabs .panel.is-active{ animation:none; opacity:1; transform:none; } } /* Languages chips reuse the same chip style; just add an icon */ .profile-tabs .chips-lang{ display:flex; flex-wrap:wrap; gap:10px; } .profile-tabs .chips-lang span{ background:#fff; color:#3b2a22; border:1px solid rgba(102,47,30,.18); border-radius:999px; padding:6px 12px; font-size:13px; line-height:1; display:inline-flex; align-items:center; gap:8px; box-shadow:0 1px 3px rgba(0,0,0,.04); transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .profile-tabs .chips-lang span:hover{ border-color:#ff9f01; box-shadow:0 4px 10px rgba(0,0,0,.08); transform:translateY(-1px); } .profile-tabs .chips-lang .chip-ico{ width: 20px; height: 20px; flex: 0 0 16px; object-fit: contain; display: inline-block; padding: 3px; border-radius: 6px; } @media (max-width:480px){ .profile-tabs .chips-lang span{ padding:6px 10px; gap:6px; } .profile-tabs .chips-lang .chip-ico{ width:14px; height:14px; padding:2px; } } .rating-stars{ --size: 24px; --fill: #ff9f01; /* star fill */ --line: #662f1e; /* outline */ --bg: rgba(255,159,1,.18); /* base star tint */ } .rating-stars .stars{ width: calc(5 * (var(--size) + 4)); height: var(--size); display: block; } .rating-stars .bg { fill: var(--bg); } .rating-stars .stroke{ fill: none; stroke: var(--line); stroke-width: 1.2; } /* animated fill rectangles (clipped by mask) */ .rating-stars .fill{ fill: var(--fill); animation: starFill .35s ease forwards; animation-delay: var(--d, 0s); /* stagger */ } /* animate width from 0 → each star's --w (24 = full, 12 = half) */ @keyframes starFill { from { width: 0; } to { width: var(--w, 24); } } /* optional pop-in scale per star */ .rating-stars .star{ transform-origin: center; animation: starPop .28s ease both; } .rating-stars .s1{ animation-delay:.00s } .rating-stars .s2{ animation-delay:.12s } .rating-stars .s3{ animation-delay:.24s } .rating-stars .s4{ animation-delay:.36s } .rating-stars .s5{ animation-delay:.48s } @keyframes starPop{ 0% { transform: translate(var(--tx,0),0) scale(.85); opacity:.6 } 100%{ transform: translate(var(--tx,0),0) scale(1); opacity:1 } } /* reduced motion */ @media (prefers-reduced-motion: reduce){ .rating-stars .fill{ animation: none; width: var(--w, 24); } .rating-stars .star{ animation: none; } } /* ========================= end of Final CSS to keep (Tabs + Panels + Icon Chips) ========================= */ /* ========================= Booking Pooja form ========================= */ .booking-section{ padding: 48px 0 50px; } .booking-section .booking-card{ max-width: 760px; margin: 0 auto; background: #fffbf4; border:1px solid #e7ded4; border-radius:16px; padding: 28px 28px 32px; } /* heading */ .booking-title{ text-align: center; margin: 6px 0 22px; font-size: 32px; font-weight: 600; } /* grid */ .booking-form .booking-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; } /* field */ .booking-form .field{ display:flex; flex-direction:column; } .booking-form .field-span{ grid-column: 1 / -1; } .booking-form label{ font-weight: 500; color: #3a261f; margin-bottom: 8px; font-size: 17px; } .booking-form input, .booking-form select, .booking-form textarea{ width:100%; border:1px solid #eadfce; background:#fff; border-radius:6px; padding:14px 16px; font-size:15px; color:#2f2f2f; outline:none; box-shadow: 0 2px 0 rgba(0,0,0,0.02) inset; transition: border-color .2s ease, box-shadow .2s ease, transform .03s ease; font-family: inherit; } .booking-form input::placeholder, .booking-form textarea::placeholder{ color:#b7a99a; } .booking-form input:focus, .booking-form select:focus, .booking-form textarea:focus{ border-color:#ffb141; box-shadow: 0 0 0 4px rgba(255,159,1,.15); } .booking-form select{ appearance:none; background-image: linear-gradient(45deg, transparent 50%, #a18d7f 50%), linear-gradient(135deg, #a18d7f 50%, transparent 50%); background-position: calc(100% - 22px) calc(50% - 3px), calc(100% - 16px) calc(50% - 3px); background-size:6px 6px, 6px 6px; background-repeat:no-repeat; } /* submit button */ .booking-submit{ width:100%; margin-top:18px; border:0; color:#fff; font-weight:500; font-size:18px; border-radius:8px; padding:16px 20px; background: var(--second-color); cursor:pointer; transition: all 0.3s; } .booking-submit:hover{ background: var(--main-color); } .booking-submit:active{ transform: translateY(1px); } /* responsive */ @media (max-width: 768px){ .booking-form .booking-grid{ grid-template-columns: 1fr; } } /* ========================= end of Booking Pooja form ========================= */