.page-main {padding:0px;}
.about-banner-sec .banner-content {position:absolute; top:0; bottom:0; left:100px; display:flex; align-items:center;}
.about-banner-sec picture img {height:320px; object-fit:cover; border-radius:0px;}
.about-banner-sec .banner-content h1 {font-family:"Caveat",serif; font-size:50px;}
.about-banner-sec .banner-content h1 svg {position:absolute; top:-30px; right:40px;}
.about-banner-sec .banner-content h1 span {color:var(--bs-success);}
.about-banner-sec .banner-content .card {border-radius:30px 30px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); position: relative; bottom:-30px;}
.about-banner-sec .banner-content .card .card-body {padding:30px 40px 100px 40px;}
.about-banner-sec .banner-content .card .card-body p {opacity:0.6; font-weight:400;}
.build-list-sec .p-box .card .card-body ul {flex-direction: column;}
.build-list-sec .p-box .card .card-body h3 {
    text-align: center;
}
/* Build Box Filter Form Section CSS Start */
.filter-form .box {position:relative;}
.filter-form .box::before {content:""; width:1px; height:24px; background:rgba(17, 17, 17, 0.2); position:absolute; top:15px; right:0;}
.filter-form .box:last-child::before {content:inherit;}

.filter-form .innerbox {border-bottom: 1px solid rgba(17, 17, 17, 0.12); margin-bottom:34px; padding-bottom:34px !important;}
.you-box-sec .right ul li {background: rgba(217, 217, 217, 1); border-radius:12px; margin-right:19px; margin-bottom:24px;}
.you-box-sec .right ul li:last-child {margin-right:0px;}
.you-box-sec .right ul li figure {width:100px; height:100px; position:relative; border-radius:12px;}
.you-box-sec .right ul li figure img {width:100%; height:100%; object-fit:cover; border-radius:12px;}
.you-box-sec .right ul li figure span {position:absolute; top:-10px; right:-10px; width:24px; height:24px; border-radius:50%; background:var(--bs-white); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); display:flex; align-items:center; justify-content:center; cursor:pointer;}
.total ul li {display:flex; align-items:center; flex-wrap:wrap; margin-right:48px;}
.total ul li span {margin-right:12px; font-size:16px; font-weight:600;}
.total .right button.common-btn-anim {width:260px;}
.total ul li h2 span {margin-right:0px;}
.total .right button.common-btn-anim:hover img {left:82%;}
.product-search .left span {font-size:16px;}
label {font-weight:400;  font-family: var(--bs-body-font-family); color:rgba(17, 17, 17, 1);}


/* Build Box Liting Section CSS Start */

.build-list-sec .p-box .card {border-radius:0; border:none; overflow: hidden; cursor: pointer;}
.build-list-sec .p-box .card span {cursor:pointer;}
.build-list-sec .p-box .card span svg {position:absolute; top:25px; right:25px;}
.build-list-sec .p-box .card span:hover svg, .build-list-sec .p-box .card span:focus svg, .build-list-sec .p-box .card span.active svg {fill: var(--bs-primary);}
.build-list-sec .p-box .card .card-body {position:absolute; bottom:0; left:0; right:0; border-radius:20px; background: var(--bs-white); padding:20px;}
.build-list-sec .p-box .card .card-body .sizes span {background: rgba(93, 156, 83, 0.12); border-radius: 4px; padding: 2px 10px; font-size: 16px;}
.build-list-sec .p-box .card .card-body .common-btn-anim {width:200px; font-size: 18px;}
.build-list-sec .p-box .card .card-body .common-btn-anim:hover img {left:77%;}
.build-list-sec .p-box .card .card-body ul li h1 {color:var(--bs-primary); margin-bottom: 0; font-size: 24px;}
.build-list-sec .p-box .card .card-body h3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.build-list-sec .p-box .card .card-body p {overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.build-list-sec .p-box .card .card-body ul li del {opacity:0.8; font-weight:600;}
.build-list-sec .p-box .card  .offer {position:absolute; top:24px; left:-4px;}
.build-list-sec .p-box .card  .offer small {position:absolute; top:7px; left:10px;}
.build-list-sec .p-box .card .weight {position:absolute; bottom:12px; left:0; right:12px; display:flex; align-items:center; justify-content:end;}
.build-list-sec .p-box .card .weight span {background:var(--bs-white); padding:4px 16px; border-radius:30px; font-weight:400; color:var(--bs-success); font-size: 16px; margin-right: 20px;}
.slider-controls .slick-arrow {cursor:pointer;}
.build-list-sec .p-box .card figure {height:400px;}
.build-list-sec .p-box .card figure img {border-radius: 16px;}
.build-rating li img {vertical-align:baseline;}
.build-rating li:last-child {border-left: 1px solid rgba(17, 17, 17, 0.12); padding-left: 8px;}

.Added, .Added:hover, .Added:focus {background:none; color:var(--bs-success) !important; border:2px solid var(--bs-success);}
.box_limit_error {color:red; font-size:16px;}

.page-product-grouped .column.main .product-info-main {
    width: 100% !important;
}

.page-product-grouped #reviews {
    display: none;
}

.page-product-grouped .subs-billingdate {
    display: none;
}

.page-product-grouped .subscription-shipping-info {
    display: none;
}

.page-product-grouped .subscprition-data-listing {
    display: none;
}

.page-product-grouped .bulk-deal {
    display: flex;
    width: 100%;
}

.total ul li span .box_size{margin-right:0;}

[data-content-type='row'][data-appearance='contained'] {width:100%;}

/* product card UI change in mobile Start */
@media all and (max-width:768px){
    .build-list-sec .p-box .card .weight span{margin-right: 0;}
    .build-list-sec .p-box .card {height: inherit !important; overflow: inherit; flex-direction: row; padding: 0;}
    .build-list-sec .p-box .card:hover{box-shadow: none;}
    .build-list-sec .p-box .card .card-body{height: 140px; width: 60%; padding: 0; top: 0; left: auto; right: 0; border-radius: 0; padding: 8px 0px 8px 0px; margin-left: 20px;}
    .build-list-sec .p-box .card .card-body ul li del{display: inline-block;}
    .build-list-sec .p-box .card figure img {height: 140px; width: 120px !important; border-radius: 12px;}
    .build-list-sec .p-box .card .card-body p{display:none;}
    .build-list-sec .p-box .card .card-body h3{font-size: 16px; font-weight: 700; margin-bottom: 0 !important;}
    
    .product-items .card .card-body .sizes-flavors{position: absolute; left: -88%; background: #fff; font-size: 14px; padding: 4px; top: 60px;}
    
    .product-items .card .card-body .flavors{left: -52%;}
    
    .build-list-sec .p-box .card .offer small{font-size: 14px; font-weight: 700;}
    .build-list-sec .p-box .card .offer {top: 16px;}
    .build-list-sec .p-box .card .offer img{width: 88px; height: 32px;}
    
    .product-items .card .card-body ul li h1 .normal-price .price {font-size: 20px;}
    
    .build-list-sec .p-box .card .card-body .common-btn-anim{width: auto; height: 40px; padding-left: 3.5rem;}
    .build-list-sec .common-btn-anim img{width: 32px !important;}
    .build-list-sec .p-box .card .card-body .common-btn-anim:hover img {left: 73%;}
    
    .build-list-sec .p-box .card .card-body .common-btn-anim:hover {padding-left: 1.7rem;}
    
    .build-list-sec .p-box .card span svg {position: absolute; top: 15px; left: 30%; width: 24px;}
    .build-list-sec .p-box .card figure{height: inherit; padding: 0;}
    .build-list-sec .p-box .card .card-body ul li h1{font-size: 20px; display: inline-block; margin: 12px 0;}
    .build-list-sec .p-box .card .card-body ul{flex-direction: column; align-items: stretch !important;}
    /* .build-list-sec .p-box .card .card-body .common-btn-anim{padding-left: 3rem;} */
    .build-list-sec .p-box .card .card-body .common-btn-anim:hover{padding-left: 15px; padding-right: 48px;}
    .build-list-sec .p-box .card .card-body .common-btn-anim:hover img{left: 80%;}
    .build-list-sec .p-box .card .weight {right: inherit; /*top: 60px; bottom: 0;*/ left: 10px;}
  
}

@media all and (max-width:576px){
    .total .right button.common-btn-anim{justify-content: center;}
}
@media all and (max-width:360px){
    .filter-form .section-ttl h1{font-size: 30px;}
}
/* END  */


@media all and (max-width:576px){
    .total .right button.common-btn-anim {width:100%;  font-size: 20px; padding-left: 0; padding-right: 0;}
    .total .right button.common-btn-anim:hover img {left:86%;}
    .you-box-sec .right ul li {margin-right:14px;}
    .about-banner-sec picture img {height:350px;}
    .about-banner-sec .banner-content {top:150px !important;}
    .about-banner-sec .banner-content h1 {font-size:30px !important; margin-bottom: 5px !important;}
    .about-banner-sec .banner-content h1 svg {top: -30px !important; right: 50px !important; width: 60px !important;}
}