:root {
    --primary-color: #F1736E;
    --seconday-color: #FFAFAB;
    --light-background-color: #FFD1BA; /* for top header */
    --dark-red: #721B17;
}
@font-face {
    font-family: monicha;
    src: url(../fonts/Monicha.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
*{margin: 0;padding: 0;box-sizing: border-box;font-family: "Sora", sans-serif;}
body{position: relative;scroll-behavior: smooth;}
a{text-decoration: none;}
button{cursor: pointer;}
.flex { display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }

.cls-header{padding-bottom: 13%;height: 0;}
.main-color{color: var(--primary-color);}

/************ Header *************/

    /* Top Header */

header{background-color: #fff; /*position: fixed; top: 0;z-index: 9;*/ width: 100%;box-shadow: 5px 8px 30px 0px #F1736E26;}

.head1{background-color: var(--light-background-color);padding: 1vw 3.5vw;height: 0;padding-bottom: 2.4%;font-weight: 300;}

.head1-left{/*font-size: 15px;*/font-size: 1.05vw;display: flex;align-items: center;}

.head1-right{font-size: 1.05vw;  display: flex; align-items: center;}

.head1-right p a{color: #000;}

.head1-right p a:first-child{padding-right: 0.5vw;}

.head1-right p a:last-child{padding-left: 0.5vw;}

.logo{text-align: center;width: 20%;height: 0;padding-bottom: 3%;}

.logo a img{width: 80%;/*height: 74%;*/height: auto;}

.logotxt img{width: 100%;height: 100%;}

.search-bar{width: 40%;display: flex; align-items: center;position: relative;}

.search-bar-alert{position: absolute; bottom: -1.1vw; left: 1.5%; font-size: 0.8vw; color: #dd1e1e; }

.search-bar-main{width: 100%; border: 1px solid #E2B69F; border-radius: 10px; padding: 0.6vw 1vw; display: flex; justify-content: space-between;}

#searchKey{width: 95%; border: none;/*font-size: 20px;*/font-size: 1vw;font-weight: 300;}

#searchKey::placeholder{color: #5C5C5C;}

#searchKey:focus{outline: none;}

.search-btn{border: none; background: none;color: var(--primary-color);cursor: pointer;}

.search-btn img{/*width: 25px;*/width: 1.5vw;margin-bottom: -5px;}

.head2{padding: 1.6vw 0px; width: 93%; margin: 0 auto;}

.head2-right{width: 27%;align-items: center;position: relative;}

.head2-options{display: flex ; justify-content: start; align-items: center; gap: 0.5vw; }

.head2-options, .head2-options .price-select select{text-align: center; color: #000;/*font-size: 15px;*/font-size: 1vw;/*padding-bottom: 0.4vw;*/}

.head2-options .price-select select{padding-bottom: 0;border: none;outline: none;/*padding-right: 10px;*/}

.head2-options img{/*margin-bottom: 0.4vw;*/height: 1.25vw;}

.head2-options:nth-child(1) img{width: 50%;}

.head2-options:nth-child(2) img{width: 35%;}

.head2-options:nth-child(3) img{width: 70%;}

.head2-options:nth-child(4) img{/*width: 50%;*/width: 38%}


    /* Menu Bar */

.header-nav{background-color:var(--white)}
.toggleMenu{ display:none; }
.nav-overlay{ display:none; }
.nav{list-style:none;zoom:1;text-align:center;width:100%;padding: 0px 10px;display: flex; justify-content: center; align-items: center;}
.nav:before,.nav:after{content:" ";display:table}
.nav:after{clear:both}
.nav-cross{display: none;}
.nav-cross img{width: 70%;height: auto;}
.nav ul{list-style:none;width:auto;background:var(--white);padding:.3em 0;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}
.nav li{position:relative;}
.nav li a{display: block;}
.hov-col{border-radius: 5px;}
.hov-col:hover .menu-head, .nav li li a:hover, .nav li li li a:hover{color: var(--primary-color);transition:0.3s;}
.nav > li{width:10%;/*padding:.3em 0*/}
.nav li a span.menusub{width: 1vw;font-size: 0.7vw;}
.menu-head .menusub{padding-left: 0.5vw;font-size: 1vw !important;}
.nav li a span.menusub i{padding: 0;}
.nav li li a span.menusub:after{padding-left: 0.5vw;}
.parent{justify-content: space-between;}

.nav > li > a{display:inline-block;padding:0.3em .8em 0.7em;white-space:nowrap;font-size:1vw;font-weight:400;color: #442E2D;}
.nav > li > a:hover{text-decoration:none}
.nav li ul{width: 122%;position:absolute;top: 100%;left:-9999px;z-index:9999; margin:0; padding:.5em 0;background-color:#fff;box-shadow:0 6px 12px rgba(0,0,0,.175);}
/* .sub-menu-2 {width: 100% !important;} */
.nav > li:hover > ul{left:0}
/* .nav li li{width:100%} */
.nav li li:hover ul{left:100%;top:-10px}
.nav li li a{color: #442E2D;transition:0.3s;}
.nav li li a,.nav li li i{display:block;position:relative;z-index:100; padding:.5em 0em .5em 0.5em;text-decoration:none !important;font-size:1vw;text-align:left;font-weight:400;white-space:nowrap;display: flex;align-items: center;justify-content: space-between;}
.nav li li i{font-weight:600;padding:0.5em 1em 0.5em 0em;text-decoration:underline;}
.nav li li:hover a{text-decoration:underline;}
.nav li li li a{z-index:200;color: #442E2D;text-decoration:none!important;border-bottom: 1px solid #EAEAEA;display: flex;align-items: center;justify-content: start;font-size: 0.9vw;}
.skip-list-nav-menu li a{justify-content: start !important;}
.nav li li li:last-child a{border-bottom: none;}
.nav li li li i{color: var(--primary-color);}
.mobile-show{display: none;}


    /* Banner */

.banner-slider, .categories-banner { display: block; /*margin-top: 11.8%;*/ position: relative; padding-bottom: 34.4%; height: 0; }
.banner-img img, .categories-banner-img img{ display: block; width: 100%; height: auto; }
.banner-img img:last-child, .categories-banner-img img:last-child{display: none;}
.off-text{ position: absolute; top: 8.7%; left: 50.9%; color: #fff; font-size: 1.5vw; width: 7vw; text-align: center; transform: rotate(350deg); }
.off-text span{ font-weight: 800; font-size: 2.5vw; }
.banner-txt{ width: 31%; text-align: center; color: #fff; position: absolute; top: 22%; right: 8%; }
.pre-text{ font-size: 2.6vw; font-weight: 300; }
.banner-maintxt{ font-family: monicha; font-size: 5.8vw; font-weight: 400; text-shadow: -3px 4px 4px #bf4656; }
.banner-subtxt{ font-weight: 300; line-height: 1.5vw; font-size: 1vw; }
.banner-btn{ display: flex; justify-content: end; align-items: center; gap: 1vw; background-color: #FFAFAB; width: 12.5vw; padding: 0.5vw; border-radius: 50px; margin: 2vw auto; font-size: 0.85vw; }
.btn-arrow{ background-color: #E57570; padding: 0.4vw 0.6vw; border-radius: 50%; }
.btn-arrow img{ width: 0.81vw; height: auto; }


    /* Popular categories */

.popular-categories, .index-category, .search-by-categories, .last-hour-offer-banner, .unique-gifts, .quick-gift-finder, .elegance-nd-quality, .budget-friendly-banner, .browse-more-gift, .discount-banner, .faq, .testimonial, .content, .categories-wrapper, .testimonials-container, .similarproducts-container{width: 90%; margin: 3vw auto 0; }
.popular-cat-title, .search-by-cat-title, .u-g-body-title{color: #000;transition: 0.3s;}
.popular-cat-title h3, .search-by-cat-title h3, .u-g-body-title h3, .browse-more-gift-title h3{text-align: center; font-weight: 400;margin-top: 0.7vw; font-size: 1.4vw; }
.popular-cat-title h3{font-size: 1.2vw;}
.categories-heading, .index-cat-titles, .quick-gift-finder-heading, .browse-more-gift-heading, .faq-heading, .testimonial-heading{margin-bottom: 2.5vw;}
.categories-heading h2, .index-cat-titles h2, .quick-gift-finder-heading h2, .browse-more-gift-heading h2, .faq-heading h2, .testimonial-heading h2{text-align: center; font-size: 2.2vw; font-weight: 400; }
.categories-heading h2 span, .index-cat-titles h2 span, .quick-gift-finder-heading h2 span, .browse-more-gift-heading h2 span, .faq-heading h2 span, .testimonial-heading h2 span{ color: var(--primary-color); font-weight: 600; }
.popular-cat-carousel a, .search-by-cat-item, .browse-more-gift-item{position: relative;display: block;margin-bottom: 1vw;}
.popular-cat-carousel a:after, .search-by-cat-item:after, .browse-more-gift-item:after { background: none repeat scroll 0 0 transparent; bottom: -18px; content: ""; display: block; height: 4px; left: 50%; position: absolute; background: var(--primary-color); transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; }
.popular-cat-carousel a:hover:after, .search-by-cat-item:hover:after, .browse-more-gift-item:hover:after { width: 100%; left: 0; }
.popular-cat-carousel a:hover .popular-cat-title, .search-by-cat-item:hover .search-by-cat-title, .unique-gifts-body-link:hover .u-g-body-title{color: var(--primary-color);}
.popular-cat-carousel .owl-nav{font-size: 3vw; color: var(--primary-color); }
.popular-cat-carousel .owl-nav .owl-prev{ position: absolute; left: -3%; top: 26%; }
.popular-cat-carousel .owl-nav .owl-next{ position: absolute; right: -3%; top: 26%; }
.popular-cat-carousel .owl-nav:hover { background: #fff !important; color: var(--primary-color) !important; text-decoration: none; }
.popular-cat-img img{height: auto;}
.owl-theme .owl-nav [class*='owl-']:hover{background: transparent;color: var(--primary-color);}


    /* Popular Choices (Product) */

.index-category{position: relative;}
.index-products, .categories-products{display: flex;flex-wrap: wrap;justify-content: start;gap: 1%;row-gap: 2vw;}
.index-categories-glow-img{position: absolute; left: -13vw; top: -8vw; z-index: -1; width: 100%;}
.explore-trending-gifts .index-categories-glow-img, .best-selling-gifts .index-categories-glow-img{top: -31vw;}
.index-categories-glow-img img, .explore-trending-gifts .index-categories-glow-img img, .best-selling-gifts .index-categories-glow-img img{width: 100%;height: auto;display: block;}
.ind-prds-item, .prd-det-prds-item { width: 23.5%; /* float: left; */ /* padding: 1.2vw; */ margin: 0 auto; position: relative; }
.inner-prd-item, .prd-det-inner-prd-item { box-shadow: 1px 3px 7px 2px #E5E5E5; /*border: 1px solid #F1736E26;*/ border-radius: 6px;transition: 0.3s linear; }
.cls-prd-img{ padding-bottom: 100%; height: 0; }
/* .inner-prd-item-link:hover .inner-prd-item{box-shadow: -2px 5px 10.6px 0px #F1736E;} */
.inner-prd-item img, .prd-det-inner-prd-item img { width: 100%; height: auto; display: block; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.prd-card-main{ padding: 0.9vw 1.2vw 0.9vw;background-color: #fff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px; }
.prd-off{ position: absolute; right: -18px; top: -25px; }
.prd-off img{width: 4vw;}
.prd-off p{text-align: center; margin: -3vw auto 0; display: flex; flex-direction: column; width: 1.7vw; font-size: 0.85vw; color: #fff; }
.prd-off p span{font-weight: 600;}
.prd-card-heading{font-size: 1.07vw;color: #000;padding-bottom: 0.4vw;}
.price-section, .ratings{ display: flex; justify-content: start; align-items: center; gap: 0.5vw; padding-bottom: 0.4vw; }
.price-tag{ font-size: 1.1vw; color: var(--primary-color); font-weight: 700; }
.strike-price{ font-size: 0.85vw; text-decoration: line-through; color: #ADA9A9; }
.rating-yellow { font-size: 1.12vw; line-height: 1vw; }
.gold { color: #F3870C; }
.gray { color: gray; }
.rating-count{ background-color: #4FBB53; font-size: 0.8vw; padding: 0.1vw 0.4vw; color: #fff; border-radius: 4px; }
.earl-delv{ font-size: 0.8vw;color: #000; padding-bottom: 0.4vw; }
.ear-del{ font-size: 0.85vw; font-weight: 500; }
.prd-shop-btn{ display: flex; justify-content: start; align-items: center; gap: 0.5vw; transition: 0.2s; }

.ind-prds-item:hover .inner-prd-item{box-shadow: 1px 3px 7px 2px #ef706b2b;}
.ind-prds-item:hover .prd-shop-btn{gap: 0.8vw;}

/* .inner-prd-item-link:hover .prd-shop-btn,  .prd-shop-btn:hover{gap: 0.8vw;} */
.prd-shop-btn-txt{ color: var(--dark-red); font-weight: 600; font-size: 0.85vw; }
.prd-shop-btn-arrow{ background-color: #E57570; padding: 0.4vw 0.37vw; border-radius: 50%; }
.prd-shop-btn-arrow img{ width: 0.7vw; height: auto; }
.view-all-prd-btn, .shop-products-now-btn{ display: flex; justify-content: center; align-items: center; gap: 1vw; background-color: #FB9F9B; width: 15vw; padding: 0.8vw 0.5vw; border-radius: 50px; margin: 3vw auto; font-size: 0.95vw; font-weight: 600; color: #fff;}


    /* Why choose us  */

.why-choose-us{ display: flex; justify-content: space-between; align-items: center; padding: 4vw;margin-top: 4vw; background-image: url(https://www.hampersfactory.com/new-design/images/why-choose-bg.webp); background-size: cover; background-position: center center; }
.why-choose-us-img{width: 56%;}
.why-choose-us-img img{width: 100%; height: auto; display: block; margin: 0 auto; }
.why-choose-us-text{width: 40%;}
.why-choose-title{ font-size: 2.1vw; padding-bottom: 1.5vw; }
.why-choose-title span{ font-size: 3.7vw; color: var(--primary-color); }
.why-choose-subtxt p{ font-size: 1.1vw; line-height: 1.9vw; padding-bottom: 1.5vw; }


    /* Search by categories  */

.search-by-categories-body, .browse-more-gift-body{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.search-by-cat-item, .browse-more-gift-item{width: 14%;}
.search-by-cat-img{border-radius: 50%;border: 4px solid var(--primary-color);transition: 0.3s;}
.search-by-cat-item:hover .search-by-cat-img{border: 4px solid var(--seconday-color);}
.search-by-cat-img img{ display: block; width: 100%; height: auto; border-radius: 50%; }


    /* Delivered to doorstep banner */

.delivered-to-doorstep{ background-color: var(--primary-color); color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 2vw 4vw; margin-top: 4vw; }
.doorstep-banner-left{width: 40%;}
.doorstep-banner-left p{font-size: 2.4vw;}
.doorstep-banner-left p span, .doorstep-box-txt p span{font-weight: 700;}
.doorstep-banner-right{ width: 60%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.doorstep-box{ width: 29%;position: relative; }
.doorstep-box:nth-child(2){width: 39%;}
.doorstep-box:nth-child(2):before{ position: absolute; content: ''; width: 1px; height: 100%; left: 0; top: 0; background: radial-gradient(#FCAEAB, var(--primary-color)); }
.doorstep-box:nth-child(2):after{ position: absolute; content: ''; width: 1px; height: 100%; right: 0; top: 0; background: radial-gradient(#FCAEAB, var(--primary-color)); }

/*.doorstep-box:last-child::after{display: none;}*/
.doorstep-box-img{ width: 35%; margin: 0 auto; }
.doorstep-box:nth-child(2) .doorstep-box-img{width: 27%;}
.doorstep-box-img img{width: 100%; height: auto; display: block; }
.doorstep-box-txt p{font-size: 1.5vw;text-align: center;}


    /* Last hour offer banner */

.last-hour-offer-banner{margin-top: 4vw;}
.last-hour-offer-banner img, .budget-friendly-banner img{display: block;width: 100%;height: auto;}
.last-hour-offer-banner img:last-child, .budget-friendly-banner img:last-child{display: none;}


    /* Discover The Unique Gifts Of Hampersfactory */

.unique-gifts-titles{ width: 54%; margin: 0 auto; }
.unique-gifts-titles h2{ text-align: center; font-size: 3.2vw; font-weight: 400; margin-bottom: 1.5vw; }
.unique-gifts-titles h2 span{ color: var(--primary-color); font-weight: 600; }
.unique-gifts-subtitle{ font-size: 1.1vw; line-height: 2vw; text-align: center; width: 79%; margin: 0 auto; }
.shop-products-now-btn{margin: 2vw auto;}
.unique-gifts-body{ display: flex; align-items: baseline; justify-content: space-between; margin-top: -8vw; }
.unique-gifts-body-left, .unique-gifts-body-right{width: 28%;}
.unique-gifts-body-middle{width: 41%;display: flex;justify-content: space-between;}  
.unique-gifts-body-middle .unique-gifts-body-link{width: 48.3%;}
.u-g-body-big-img, .u-g-body-small-img{width: 100%;border-radius: 6px;box-shadow: 3px 4px 7px 0px #f1726e00;transition: 0.3s;}
.u-g-body-big-img img, .u-g-body-small-img img{display: block;width: 100%;height: auto;}
.unique-gifts-body-link:hover .u-g-body-big-img, .unique-gifts-body-link:hover .u-g-body-small-img{box-shadow: 3px 4px 7px 0px #f1736e57;}


    /* Quick Gift Finder */

.quick-gift-finder{position: relative;}
/* .quick-gift-finder-left-box-img, .quick-gift-finder-right-box-img{position: absolute;top: 20%;}
.quick-gift-finder-left-box-img{left: 0;}
.quick-gift-finder-right-box-img{right: -4vw;}
.quick-gift-finder-left-box-img img{width: 10vw;height: auto;display: block;}
.quick-gift-finder-right-box-img img{width: 13vw;height: auto;display: block;} */
.quick-gift-finder-body{width: 65%;margin: 0 auto;}
.section {display: flex; justify-content: start; gap: 3.3vw; margin-bottom: 3vw; }
.no-gap{gap: 0;}
.box { cursor: pointer; padding: 10px; text-align: center; }
.show { display: flex; }
.hide { display: none; }
.close { cursor: pointer; color: red; /*margin-left: 10px;*/ }
.category { display: block; align-items: baseline;}
.overlay-title{position: absolute;top: -15%;left: 2%;z-index: 1;font-size: 1.2vw;font-weight: 500;background-color: var(--primary-color);color: #fff; padding: 1vw;border-radius: 50px;}
.outer-design{position: relative;padding: 2.5vw 2vw 1vw;border: 2px solid var(--primary-color);border-radius: 20px;gap: 1.8vw;}
.occasion.outer-design {justify-content: space-evenly;}
.occasion.outer-design .box{width: 30%;}
.occasion-border{border-left: 2px solid var(--primary-color);border-right: 2px solid var(--primary-color);}
.recipient .qgf-image img{width: 11vw;height: auto;display: block;}
.relationship .qgf-image img{width: 8.3vw;height: auto;display: block;}
.close img{ background-color: #FFE9E8; display: block; padding: 0.5vw; border-radius: 10px; width: 100%; }
.qgf-txt{font-size: 1.3vw; margin-top: 0.5vw; color: #000; transition: 0.3s;}
.box:hover .qgf-txt{color: var(--primary-color);}
.relationship .qgf-txt, .occasion .qgf-txt{font-size: 1.1vw;}


    /* Elegance & Quality */

.elegance-nd-quality{ position: relative; margin-bottom: 25vw; }
.elegance-nd-quality-glow-img{position: absolute; right: -4.95vw; top: -20vw; width: 64%; z-index: -2; transform: rotate(180deg);}
.elegance-nd-quality-titles { width: 43%; margin: 0 auto; }
.elegance-nd-quality-titles h2 { text-align: center; font-size: 5.2vw; font-weight: 200; margin-bottom: 2.5vw; }
.elegance-nd-quality-titles h2 p:first-child{text-align: left;}
.elegance-nd-quality-titles h2 p:last-child{text-align: right;line-height: 3.5vw;}
.elegance-nd-quality-header .shop-products-now-btn { margin: 1vw 33vw 2vw auto; }
.elegance-nd-quality-subtitle { font-size: 1.6vw; text-align: right; }
.elegance-nd-quality-body{ display: flex; justify-content: space-between; align-items: baseline; position: absolute; top: 4%; z-index: -1; }
.e-n-q-left-main{width: 36%;}
.e-n-q-right-main{ display: flex; align-items: end; width: 61.5%; }
.e-n-q-left-main img, .e-n-q-right-first img, .e-n-q-upper img, .e-n-q-lower img{width: 100%;height: auto;display: block;}
.e-n-q-right-second{margin-bottom: 6.5vw;}
.e-n-q-lower{ width: 60%; margin: 1.5vw; }


    /* Browse More Gift Types */

.browse-more-gift-title{color: #000;transition: 0.3s;}
.browse-more-gift-title h3{font-size: 1.2vw;}
.browse-more-gift-img{border-radius: 25px;border-radius: 25px;box-shadow: none;transition: 0.3s;}
.browse-more-gift-item{margin-bottom: 1vw;}
.browse-more-gift-item:hover .browse-more-gift-img{box-shadow: 1.86px 5.59px 12.4px 0px #00000040;}
.browse-more-gift-item:hover .browse-more-gift-title{color: var(--primary-color);}
.browse-more-gift-img img{ display: block; width: 100%; height: auto; }


    /* Discount banners */

.discount-banner{display: flex;justify-content: space-between;flex-wrap: wrap;}
.discount-banner-item-1{width: 49%;}
.discount-banner-item-2, .discount-banner-item-3{width: 23.5%;}
.discount-banner img{width: 100%;height: 100%;display: block;}


    /* FAQ */
    
.faq{background-image: url(https://www.hampersfactory.com/new-design/images/faq-bg.webp); background-size: cover; background-position: center center;background-attachment: fixed;border-radius: 10px;}
.faq-wrapper{width: 66%; padding: 4vw 3vw; }
.faq-heading h2{text-align: left;}
.faq-accordion-item { display: flex; flex-direction: column; border-radius: 20px; background: #ffffff4d; margin-bottom: 1.11vw; }
.faq-accordion-item:last-child{margin-bottom: 0;}
.faq-item-header { display: flex; justify-content: space-between; align-items: center; padding: 1.2vw; position: relative; z-index: 1; background: transparent; border-radius: 20px;cursor: pointer; }
.faq-item-question { font-size: 1.5vw; line-height: 1; font-weight: 400; margin-bottom: 0; }
.faq-down-arrow { width: 1vw; transition: 0.3s; }
.faq-down-arrow img{ width: 100%; height: auto; display: block; }
.faq-acrd-active .faq-down-arrow { transform: rotate(180deg); transition: 0.3s; }
.faq-item-content { max-height: 0; overflow: hidden; transition: all 300ms ease; }
.faq-item-answer { line-height: 160%; opacity: 0.8; padding: 0 3vw 1vw 1vw; font-size: 1.1vw; font-weight: 300; }


    /* Testimonial */

.testimonial-body .item{border-radius: 20px;}
.testimonial-wrapper{ box-shadow: 0 2px 12px #1F2D3D40; margin: 0.5vw; border-radius: 20px; }
.top-box, .bottom-box{padding: 1.5vw;position: relative;}
.top-box{background-color: #fff;color: #1E1E1E;border-top-left-radius: 20px;border-top-right-radius: 20px;height: 17.5vw;}
.top-box-upper{display: flex;justify-content: start;align-items: center;gap: 1vw;}
.testimonial-star-review{font-size: 0.8vw;}
.gray{color: #D9D9D9;}
.testimonial-date{font-size: 1vw;font-weight: 600;color: #000;}
.testimonial-text{font-size: 0.91vw; font-weight: 400; color: #1E1E1E; margin-top: 1vw; line-height: 1.6vw; }
.bottom-box{padding: 3vw 2vw;position: relative;background-color: var(--primary-color);color: #fff;display: flex;justify-content: start;align-items: center;gap: 1vw;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.left-corner{ position: absolute; left: -1px; top: -1px; }
.right-corner{ position: absolute; right: 0; top: -44px; }
.testimonial-img{ display: flex; justify-content: center; align-items: center; }    
.testimonial-img img{width: 100%;height: auto;display: block;}    
.testimonial-details{color: #fff;}
.testimonial-name{font-size: 1vw; font-weight: 700;padding-bottom: 0.3vw;}
.testimonial-place{font-size: 1vw;font-weight: 400;color: #ffffff99;}
.testimonial-body .owl-nav{font-size: 3vw; color: var(--primary-color); }
.testimonial-body .owl-nav .owl-prev{ position: absolute; left: -4%; top: 40%; }
.testimonial-body .owl-nav .owl-next{ position: absolute; right: -4%; top: 40%; }


    /* Bottom Content */

.content { margin-bottom: 3vw; }
.show-more-height { height: 15vw; overflow: hidden; }
.content h2 { margin-top: 1.5vw; text-align: left; font-size: 1.2vw; font-weight: 600; color: #000; }
.content h3 { margin-top: 1.5vw; text-align: left; font-size: 1.1vw; font-weight: 600; color: #000; }
.content p, .content ol, .content ul { text-align: justify; padding-top: 0.5vw; line-height: 1.8vw; font-size: 0.9vw;color: #606060; }
.content a{color: #606060;text-decoration: underline;}
.content strong{font-weight: 600;}
.content ol, .content ul{padding-left: 16px;}
.show-more-height{height: 28vw; overflow: hidden; }
.show-more{ width: 10%; display: block; padding: 1% 0; font-weight: 500; font-size: 1vw; border-radius: 50px; margin-top: 2vw; cursor: pointer;/*border: 1px solid var(--primary-color);background-color: #fff;color: var(--primary-color);*/border: none; background-color: #FB9F9B;color: #fff;}


    /* Footer */

footer{background-image: url(https://expressgiftbasketsusa.rightflorist.org/siteimages/footer-bg.webp); background-size: cover; background-position: center center;margin: 4vw auto 0;padding: 5vw 5vw 3vw;}
.footer-upper{display: flex;justify-content: space-between;}
.footer-upper-box-1{width: 13%;}
.footer-upper-box-2{width: 84%;display: flex;justify-content: space-between;}
.footer-upper-box-2 ul{width: 15%;list-style: none;}
.footer-upper-box-2 ul:nth-child(3), .footer-upper-box-2 ul:nth-child(5), .footer-upper-box-2 ul:nth-child(6){width: 12%;}
.footer-upper-box-2 ul li a{color: #000;font-size: 0.8vw;display: block;padding: 0.4vw 0;}
.footer-logo a img{width: 100%;height: auto;display: block;}
.footer-social-media{display: flex;justify-content: space-between;align-items: center;margin-top: 2vw;}
.footer-social-media a{background-color: var(--primary-color);color: #fff;width: 2.2vw;height: 2.2vw; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1vw; }
.footer-middle{padding-top: 4vw;display: flex; justify-content: space-between; align-items: center; }
.footer-middle-box:nth-child(1){width: 21%;}
.footer-middle-box:nth-child(2){width: 34%;}
.footer-middle-box:nth-child(3){width: 15%;}
.footer-middle-box:nth-child(4){width: 22%;}

.footer-middle-title{font-size: 1.1vw; padding-bottom: 1vw; }
.payment-box{display: flex;gap: 0.7vw;}
.payment-box img{width: 22%;height: auto;display: block;}
.subscribe-box input{ width: 82%; padding: 0.7vw 2.5vw 0.7vw 1vw; border-radius: 50px; border: none; outline: none; font-size: 0.8vw; }
.subscribe-box button{ width: 23%; padding: 0.7vw 1vw; border-radius: 50px; border: none; outline: none; margin-left: -40px; font-size: 0.8vw; font-weight: 500; background-color: var(--primary-color); color: #fff; }
.support-mail{ display: flex; gap: 10px; color: #642522; }
.support-mail i{font-size: 1.4vw;}
.support-mail img{width: 1.68vw;height: auto;display: block;}
.support-mail a, .support-mail p{ font-size: 1.1vw; color: inherit; text-decoration: underline; }
.support-mail p{text-decoration: none;}
.footer-lower{ padding-top: 4vw; text-align: center; font-size: 1.1vw; }
.scrollup { font-size: 35px; background-color: var(--primary-color); border: 3px solid #fcecec; width: 45px; height: 45px; border-radius: 50px; color: #fff; text-align: center; padding: 0.2em 0.3em; position: fixed; bottom: 30px; right: 27px; cursor: pointer; border-radius: 50em; z-index: 9999; }
.scrollup i{ position: absolute; left: 8px; top: 6px; font-size: 28px; }




    /********** CATEGORIES PAGE  *********/

.categories-wrapper{display: flex; justify-content: space-between; align-items: start; }
.categories-banner{padding-bottom: 21.2%;}
.categories-banner-txt{ width: 40%; color: #000; position: absolute; top: 20%; left: 5%; }
.categories-banner-txt h1{ width: 100%; font-weight: 400; font-size: 2.3vw; }
.categories-banner-txt p{ margin-top: 1vw; font-size: 0.8vw; line-height: 1.3vw; color: #575757; }
.categories-sidebar-overlay{display: none;}
.categories-sidebar{width: 15.5%;margin-top: 4.5vw;position: sticky;top: 4.5vw;}
.sidebar-choosen-filters{display: flex;justify-content: start;align-items: center;flex-wrap: wrap;gap: 0.6vw;margin-bottom: 1.5vw;}
.sidebar-choosen-filter-box{background-color: #fff8f8;color: var(--primary-color);font-size: 0.75vw;display: flex;justify-content: space-between;align-items: center;gap: 0.6vw;padding: 0.4vw;border: 1px solid var(--primary-color);border-radius: 4px;}
.s-c-f-cross img{width: 0.7vw;height: auto;display: block;}
.sidebar-responsive-header{display: none;}
.categories-body{width: 82%;}
.sidebar-wrapper{ border-bottom: 1px solid #DFDCDC; margin-bottom: 1vw; /*padding-left: 0.5vw;*/ }
.categories-sidebar .sidebar-wrapper:last-of-type(1){border-bottom: none;}
.sidebar-title{ display: flex; justify-content: space-between; align-items: center; font-size: 0.9vw; color: #333333; padding-bottom: 1vw; font-weight: 600; cursor: pointer; width: 100%; }
.sidebar-body-wrapper{display: none;}
.sidebar-body{height: 9vw; overflow: auto;}
.sidebar-body::-webkit-scrollbar { width: 6px; }
.sidebar-body::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 10px; }
.sidebar-body::-webkit-scrollbar-track { box-shadow: grey 0px 0px 5px inset; border-radius: 10px; }
.sidebar-body-height{ height: 11vw; overflow: hidden; }
.show-more-filter{ display: flex; justify-content: start; align-items: center; gap: 0.5vw; font-size: 0.8vw; /* font-weight: 600; */ }
.show-more-filter i{color: #000000f0;}
.show-more-filter p{color: #6B6B6BDE;}
.sidebar-options, .show-more-filter{padding-bottom: 1.1vw;cursor: pointer;}
.sidebar-options{ display: flex; justify-content: start; align-items: center; }
.sidebar-options input{ position: relative; border: 1px solid #000; border-radius: 2px; background: none; cursor: pointer; line-height: 0; margin: 0 .8em 0 0; outline: 0; padding: 0 !important; vertical-align: text-top; height: 1.1vw; width: 1.3vw; -webkit-appearance: none; opacity: .5; }
.sidebar-options input:hover{opacity: 1;}
.sidebar-options input:checked { background-color: #F1736E42; opacity: 1; }
.sidebar-options input:before{ content: ''; position: absolute; right: 50%; top: 50%; width: 0.2vw; height: 0.4vw; border: solid #FFF; border-width: 0 1px 1px 0; margin: -1px -1px 0 -1px; transform: rotate(45deg) translate(-50%, -50%); z-index: 2; }
.sidebar-options input:checked:before{border: solid #000;border-width: 0 1px 1px 0;}
.sidebar-options label{font-size: 0.82vw;width: 100%;cursor: pointer;}
.sidebar-image img{ width: 100%; height: auto; display: block; }
.categories-all-filters{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.5vw; }
.categories-filter-wrapper{position: relative;}
.categories-filter-btn{display: none;}
.categories-quick-filters{ display: flex; justify-content: start; align-items: center; gap: 2vw; }
.quick-filter-title{ font-size: 1vw; color: #3F3F3F; }
.quick-filter-body{ display: flex; justify-content: start; align-items: center; flex-wrap: wrap; gap: 1vw; }
.quick-filter-body .filterChange{display: none;}
.quick-filter-box{ display: inline-block; border: 1px solid #838383; border-radius: 6px; padding: 0.5vw; color: #464444; font-size: 0.86vw; cursor: pointer; transition: 0.2s linear; }
/*.quick-filter-box-active{border: 1px solid var(--primary-color);}*/
.filterChange:checked + .quick-filter-box{border: 1px solid var(--primary-color);}
.categories-sort-by-filters{cursor: pointer;position: relative;}
.sort-by-title{ display: flex; justify-content: start; align-items: center; gap: 0.3vw; padding: 0.5vw; font-size: 0.86vw; border: 1px solid #9A9999; border-radius: 6px; }
.sort-by-title p{color: #595959;position: relative;}
.sort-by-title p span{padding: 0 1vw 0 0.3vw;color: #000;}
.sort-by-title p i{ position: absolute; right: -0.2vw; top: 18%; transition: transform 0.2s linear;}
.sort-ul{ display: none; list-style: none; font-family: "Poppins", sans-serif; border-radius: 5px; background-color: #fff; border: 1px solid #C5C5C5; width: 100%; position: absolute; top: 110%; right: 0; z-index: 2; transition: 0.3s linear; }
.sort-ul-show{display: block;}
.sort-ul li{ text-align: center; border-radius: 6px; }
.sort-li-link{color: #272626;display: block;padding: 0.5vw;font-size: 0.86vw;}
.sort-ul li:hover{background-color: #FFF1EF;}
.sort-ul li:hover .sort-li-link {color: var(--primary-color);}
.sort-arrow-rotate{transform: rotate(180deg);}
.categories-products{gap: 1.1vw;row-gap: 2vw; /*height: 59vw;*/ overflow: auto; padding: 1.6vw 0.9vw 1vw 0.4vw; margin-top: -1.6vw; scrollbar-width: none; }
.cat-prds-item{ width: 23.8%; /*margin: 0 auto;*/ position: relative; }
.cat-prds-item .prd-off img{width: 3.4vw;}
.cat-prds-item .prd-off p{margin: -2.7vw auto 0;width: 1.6vw;font-size: 0.8vw;}
.cat-prds-item .prd-card-main{padding: 0.7vw;}
.cat-prds-item .prd-card-heading{font-size: 0.95vw;padding-bottom: 0.6vw;}
.cat-prds-item .prd-card-body .price-section, .cat-prds-item .prd-card-body .earl-delv, .cat-prds-item .ratings{padding-bottom: 0.6vw;}
.cat-prds-item .prd-card-body .price-tag{font-size: 1.1vw;}
.cat-prds-item .prd-card-body .strike-price{font-size: 0.85vw;}
.cat-prds-item .prd-card-body .rating-yellow{font-size: 1.12vw;}
.cat-prds-item .prd-card-body .rating-count{font-size: 0.8vw;}
.cat-prds-item .prd-card-body .earl-delv, .cat-prds-item .prd-card-body .ear-del{font-size: 0.8vw;}
.cat-prds-item .prd-card-body .prd-shop-btn-txt{font-size: 0.85vw;}
.cat-prds-item .prd-card-body .prd-shop-btn-arrow img{width: 0.7vw;}








    /********** PRODUCT DETAILS PAGE  *********/


        /**** BREADCRUMB ****/

.breadcrumbs-total{width: 90%; margin: 2vw auto 0vw; padding-bottom: 1vw; border-bottom: 1px solid #E7E7E7;}
.breadcrumbs{display: flex; flex-wrap: wrap; list-style: none; font-size: 0.85vw; align-items: center; }
.breadcrumbs li{ display: flex; align-items: center; }
.breadcrumbs li:after{ content: url(https://expressgiftbasketsusa.rightflorist.org/siteimages/breadcrumbs-next-icon.webp); margin: 0 0.5vw; }
.breadcrumbs li:last-child{ color: #000; }
.breadcrumbs li:last-child:after{ content: ""; }
.breadcrumbs li a{ color: #6F6F6F; }


        /*** Product details viewport autoset ****/

.main-container { width: 92%; height: 63vh; display: flex; justify-content: space-around; align-items: start; margin: 1.5vw auto 4vw;/*height: 70vh;*/position: relative; }

.image-section { position: static; width: 43%; height: 100%; display: flex; justify-content: space-between;}

.image-container { height: 100% !important; width: 100%; display: block; border-radius: 4px;flex-direction: column; gap: 10px;}

.image-container img { width: 100%; height: 100%; object-fit: cover;  border-radius: 8px; cursor: none; transition: 0.3s;}

.thumbnail-container { display: flex; justify-content: flex-start; margin-bottom: 7px;width: 14%;flex-direction: column;gap: 3%; }

.zoom-wrapper {display: flex; gap: 20px; align-items: center; position: relative }

.thumbnail-container {display: flex; flex-direction: column; gap: 14px; }

.thumbnail-container img {/*width: 60px; height: 60px;*/ object-fit: cover; border: 2px solid #ccc; cursor: pointer; }

.thumbnail-container img.active {border-color: #e74c3c; }

.image-container {position: relative; /*    width: 400px;*/ height: auto; cursor: none; }

#mainImage {width: 100%; display: block; }

#lens {position: absolute; border: 1px solid #ccc; width: 250px; height: 250px; background: rgba(255, 255, 255, 0.4); display: none; pointer-events: none; z-index: 2; cursor: none; }

#result { border: 1px solid #ccc; background-repeat: no-repeat; background-size: 800px 800px; display: none; width: 36vw; height: 63vh; border: 1px solid #ccc; background-repeat: no-repeat; background-size: 800px 800px; /* display: none; */ position: absolute; right: -94%; bottom: 0; z-index: 19; }

#lens::after{content: "+"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 32px; color: #fff; font-weight: lighter; pointer-events: none; }

.thumbnails img{/*height:8vh;*/cursor: pointer;/*margin: 6px 6px 0px 0px;*/ width: 100%;height: auto;border-radius: 8px;border: 1px solid gray;opacity: 0.5}

.thumblink img:hover{border: 1px solid var(--primary-color);}

.thumbnails img.active, .thumbnails img:hover {border: 1px solid var(--primary-color); opacity: 1}

#text-section { width: 53%; height: 100%; display:flex; flex-direction:column;}

#text-section::-webkit-scrollbar {width: 6px; }

#text-section::-webkit-scrollbar-thumb {background: #FFA3A3; border-radius: 10px; }

#text-section::-webkit-scrollbar-track {background: #EEEEEE; border-radius: 10px; }

.text-section-wrapper{height: auto;overflow: auto;padding-right: 1.1vw;}

.text-section-wrapper::-webkit-scrollbar {width: 6px; }

.text-section-wrapper::-webkit-scrollbar-thumb {background: #F1736E; border-radius: 10px; }

.text-section-wrapper::-webkit-scrollbar-track {background: #EEEEEE; border-radius: 10px; }

.sub-container-1 { display: flex; justify-content: flex-start; }

.product-id-txt{font-size: 0.9vw; font-weight: 500; color: #797979; margin-bottom: 0.45vw; }

.prod-name {font-size: 1.65vw; font-weight: 400;  color: #222222; margin-bottom: 0.65vw; margin-top: -0.2vw; line-height: 2vw;}


/*.no-rvw{}

.starrating-container {margin-top: 1vw;margin-bottom: 0.55vw; }

.starrating-container .star {color: #FFC519; }

.starrating-container .star-grey {color: #E0E0E0; }

.rating-number {padding: 0.25vw 0.45vw 0.3vw; background: #E90909; font-size: 0.75vw; color: #fff; font-weight: 500; margin: 0 0 0 8px; border-radius: 30px; }

.rating-number i {color: #fff; font-size: 0.95vw; margin-right: 4px; font-style: normal; top: 1px; position: relative; }*/


.prd-rating-details{margin-top: 1vw;margin-bottom: 0.8vw;display: flex; justify-content: start;align-items: center;gap: 0.4vw}

.prd-rating-star{background-color: #10A44F;padding: 0.1vw 0.4vw 0.2vw; font-size: 0.7vw; color: #fff; font-weight: 500; border-radius: 4px;}

.prd-rating-reviews-no{font-size: 0.8vw;color: #E36763}

.gray-divider{width: 0.58vw; height: 0.58vw; background-color: #ECECEC; border-radius: 50%}

.prd-rating-no{color: #4B4545; font-size: 0.8vw;}


.add-review-button{ color: var(--primary-color); font-size: 16px; font-weight: 500; text-decoration: underline; display: inline-block; padding-left: 10px; /*font-style: italic;*/ cursor: pointer; /*margin-bottom: 20px;*/ }

.add-review-button img{display: none;}

.add-review-button-box{padding: 5px 8px; border: 1px solid var(--primary-color); border-radius: 4px; color: #2A2A2A; text-decoration: none;}

.prod-price-container { display: flex; align-items: center; gap: 8px;border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; padding: 0.5vw 0;}

.prod-price {  font-size: 2.02vw; font-weight: 400; color: #000; }

.prod-discount{display: flex; justify-content: start; align-items: center; gap: 8px; }

.prod-off{ font-size: 1.05vw; font-weight: 400; text-align: left; color: #31A959; padding-top: 0.1vw;}

.prod-discount-price{ font-size: 1.27vw; font-weight: 400; text-align: left; color: #7D7D7D; text-decoration: line-through; }

.variant-container{margin-top: 12px;}

.variant-container-title{font-size: 0.9vw;margin-bottom: 0.65vw}

.var-header-container { display: flex; justify-content: space-between; align-items: baseline; }

#var-header { font-size: 16px; color: #4f4f4f; letter-spacing: .3px; font-weight: 700; padding-bottom: 10px; }

#prev1-btn, #prev2-btn, #prev3-btn { background: pink; border: none; padding: 3px; border-radius: 3px; cursor: pointer; }

.new-container { display: flex; padding: 5px 0px; justify-content: flex-start; gap: 5px; align-items: center; }

.new-container input[type="radio"] { display: none; }

.card { background-color: #fff; padding: 10px; padding-right: 6px; display: flex; /*flex-direction: column;*/ align-items: flex-start; gap: 12px; position: relative; cursor: pointer; border: 1px solid #e0e0e0; border-radius: 2px; box-shadow: 0 0 5px rgba(224, 224, 224, 0.88); text-align: left; height: 8vw; width: 100%; }

.card:hover{border: 1px solid var(--primary-color);}

.check_btn{ position: absolute;/*top:0;left: 3px;*/background-color: transparent;width: 20px;height: 20px;display: grid;place-items: center;border: 1px solid; color: #D2D2D2;border-radius: 50%; }

.check_btn_inner{background-color: #D2D2D2; width: 10px; height: 10px; border-radius: 50%; }

.card-detail{padding-left: 32px;}

.title{/*padding: 5px 0px;*/font-size: 0.8vw;color: #595959;line-height: 1.1vw;height:5vw;overflow-y: auto;}

.title::-webkit-scrollbar { /*display: none;*/width: 3px; }

.title::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}

.title::-webkit-scrollbar-thumb {/*background: #FFA3A3;*/ background: var(--primary-color);  border-radius: 10px;} 

.title {-ms-overflow-style: none;/*scrollbar-width: none;*/}

.var-price-container{display: flex;justify-content: flex-start;align-items: flex-start;padding: 10px 0px;gap: 10px;}

.price{font-size: 1vw;font-weight: 500;color:#000000;}

/*.old-price{font-size: 16px;font-family: 'Roboto', sans-serif; text-decoration: line-through;color: grey;}*/

/*.discount{font-size: 12px;color:#fff;background: #f64243;border-radius: 4px;padding: 2px 6px;font-weight: 500;}*/


input[id="card-1"]:checked ~ label[for="card-1"] .card { border-color:  var(--primary-color); background-color: #FFF9F9; }

input[id="card-1"]:checked ~ label[for="card-1"] .card .check_btn { color:var(--primary-color); }

input[id="card-1"]:checked ~ label[for="card-1"] .card .check_btn_inner { background-color:var(--primary-color); }

input[type="radio"]{display: none;}

#prev1-btn,#prev2-btn,#prev3-btn,#next1-btn,#next2-btn,#next3-btn {background: #E3FFE4;border:none;padding:7px;border-radius: 3px;cursor: pointer;}

#prev1-btn:hover, #prev2-btn:hover, #prev3-btn:hover, #next1-btn:hover, #next2-btn:hover, #next3-btn:hover{background: #fff;}


/* .swiper{overflow-y: visible;} */

#carousel1{/*padding-top: 24px;margin-top: -40px;*/}
#carousel2{/*padding-top: 40px;margin-top: -40px;*/}

 .add-on-tab-content, .message-card-body{position: relative;padding-left: 0.5vw;}

.add-on-tab-content .swiper-button-next, .add-on-tab-content .swiper-button-prev, .message-card-body .swiper-button-next, .message-card-body .swiper-button-prev {position: absolute; top: 57%; transform: translateY(-50%); background: #F2F2F2; border: 1px solid #E7EDEF; border-radius: 50%; width: 26px; height: 26px; cursor: pointer; z-index: 1; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: all 0.3s; border: none; outline: none; color: #000; }

.add-on-tab-content .swiper-button-next.swiper-button-disabled, .add-on-tab-content .swiper-button-prev.swiper-button-disabled, .message-card-body .swiper-button-next.swiper-button-disabled, .message-card-body .swiper-button-prev.swiper-button-disabled{opacity: 1; cursor: auto; pointer-events: none}

.add-on-tab-content .swiper-button-next.swiper-button-hidden, .add-on-tab-content .swiper-button-prev.swiper-button-hidden,
.message-card-body .swiper-button-next.swiper-button-hidden, .message-card-body .swiper-button-prev.swiper-button-hidden {opacity: 0; cursor: auto; pointer-events: none}

.add-on-tab-content .swiper-navigation-disabled .swiper-button-next, .add-on-tab-content .swiper-navigation-disabled .swiper-button-prev,
.message-card-body .swiper-navigation-disabled .swiper-button-next, .message-card-body .swiper-navigation-disabled .swiper-button-prev {display: none!important}

.add-on-tab-content .swiper-button-next:after, .add-on-tab-content .swiper-button-prev:after, .message-card-body .swiper-button-next:after, .message-card-body .swiper-button-prev:after{font-family: swiper-icons; font-size: 10px; font-weight: bold; text-transform: none!important; letter-spacing: 0; font-variant: initial; line-height: 1}

.add-on-tab-content .swiper-button-prev:after, .add-on-tab-content .swiper-button-prev:after, .swiper-button-prev:after, .message-card-body .swiper-button-prev:after {content: 'prev'}

.add-on-tab-content .swiper-button-prev, .message-card-body .swiper-button-prev {/*right: 45px;left: auto;*/ left: 0%}

.add-on-tab-content .swiper-button-next, .message-card-body .swiper-button-next  {right: -1.5%; left: auto}

.add-on-tab-content .swiper-button-next:after, .message-card-body .swiper-button-next:after {content: 'next'}

.add-on-tab-content .swiper-button-lock, .message-card-body .swiper-button-lock {display: none;}

.pin-date-wrapper{display: flex;justify-content: start;align-items: center;gap: 1vw;/*margin-top: 16px;*/}

.pin-outer-cont{display: flex; justify-content: flex-start;gap: 20px;align-items: center;padding: 1vw 0px 0.86vw;width: 50%;}    

.quantity-main, .quantity-main-selector{display: flex; align-items: center;justify-content: space-between;}

.quantity-main{/*gap: 10px;*/width: 28% !important;height: 2.65vw;border: 1px solid var(--primary-color);border-radius: 4px;}

.quantity-main-selector{width: 100%;color: #000}

.quantity-main-selector button{background-color: transparent;color: #000 !important;background-color: transparent;border: none;}

.quantity-main-title, .delivery-time-type-title, .delivery-time-title{font-weight: 500;font-size: 16px;color: #4F4F4F;}

.main-quantity{font-size: 1.1vw;margin: 0 0.5vw;}

.pincode-cont{position: relative;border: 1px solid #C0C0C0;/*padding: 5px;*/box-sizing: border-box;height: 2.4vw;border-radius: 4px;width: 100%;max-width: 600px;}

.pincode-form{display: flex;justify-content: start;/*gap: 5px;*/align-items: center;height: 2.3vw;padding: 0 0vw 0 0.5vw;}

.pincode-text{position: absolute; bottom: -21px; left: 0;  font-size: 14px; color: #00519C; /*display: none;*/}

.pin-location-icon{padding-right: 0.5vw;}

.pin-location-icon img{display: block;}

/*.pincode-icon i{color: var(--primary-color);}*/

.pincode-container{width: 78%;}

.pincode-chck-btn, .order-available{width: auto;height: inherit;}

.pincode-container input{text-align: left;border: none;outline:none;font-size: 0.86vw;color: #494949;width: 100%;max-width: 13.4rem;}

.pincode-container input::placeholder{color: #494949}

.error-message {font-size: 11px; color: red; }

.pincode-area-show{font-size: 0.65vw;color: #494949;font-weight: 500;  /*display: none;*/}

.pincode-chck-btn button{border: none;background-color: #FFF3F2;;border-radius: 4px;font-weight: 500;font-size: 0.98vw;color: #2e2e2e;cursor: pointer;padding: 0 1vw;text-align: center;width: auto;height: inherit;/*max-width: 13.4rem;*/}

.check-availability{display: flex; justify-content: space-between; align-items: center; gap: 8px; color: var(--primary-color) !important; font-weight: 400 !important; }

/*.pincode-chck-btn button:hover{background: #008004;color: #fff;transition: 0.2s linear;}*/

.order-available{ display: flex; justify-content: center; align-items: center; gap: 7px; /*background: #deffdf;*/ border-radius: 4px; /*font-weight: 600;*/ font-size: 0.86vw; /*color: #2e2e2e;*/  cursor: pointer; padding-right: 0.8vw; /*padding: 5px; text-align: center; width: 100%;*/ /*display: none;*/ /*position: absolute; left: 0; top: 100%;*/ background: transparent; text-align: left; width: auto; height: inherit; color: var(--primary-color); }

/*.order-available img{height: 14px;}*/

.prd-det-delivery{/*display: none;*/width: 31%;}

.delivery-type{display: flex; justify-content: space-between; align-items: center; }

.same-day-delivery-option, .schedule-delivery-option{width: 48%;height: 74px;}

/* .same-day-delivery-option input, .schedule-delivery-option input{display: block;} */

.same-day-delivery-option label, .schedule-delivery-option label{display: flex; justify-content: space-between; align-items: center; position: relative; padding: 10px; padding-left: 40px; height: 100%; background-color: #FFFEFA;border: 1px solid #B7B7B7;border-radius: 3px;cursor: pointer; }

.same-day-delivery-option input:checked ~ label, .schedule-delivery-option input:checked ~ label{background-color: #FFFAFA;border: 1px solid #FFA6A6;}

/* .same-day-delivery-option input:checked ~ .s-delivery-check, .schedule-delivery-option input:checked ~ .s-d-delivery-check{} */

.free-delivery-option label{padding-left: 10px}

.s-delivery-check, .s-d-delivery-check, .del-time-type-check{ position: absolute;left: 8px; border: 1px solid var(--primary-color); width: 22px; height: 22px; border-radius: 4px; }

.s-d-delivery-txt, .s-delivery-txt{line-height: 20px;}

.s-d-delivery-txt p:first-child, .s-delivery-txt p:first-child, .delivery-time-type-txt p:first-child{color: var(--primary-color);font-size: 16px;font-weight: 500;}

.s-d-delivery-txt p:nth-child(2), .s-delivery-txt p:nth-child(2){font-weight: 400;font-size: 13px;color: #4F4F4F;}

.s-d-delivery-txt p:nth-child(2) span{color: var(--primary-color);}

.s-d-delivery-txt p:nth-child(3){font-size: 12px;}

.s-delivery-check-img, .s-d-delivery-check-img, .standard-time-check-img, .fixed-time-check-img, .midnight-check-img{ display: none; width: 100%; }

#same-day-delivery:checked ~ label .s-delivery-check-img, #schedule-delivery:checked ~ label .s-d-delivery-check-img,

#standard-time:checked ~ label .standard-time-check-img, #fixed-time:checked ~ label .fixed-time-check-img, #midnight:checked ~ label .midnight-check-img{display: block;}

.delivery-date-time{/*display: none;*/}

/*.delivery-date, .delivery-time{margin-top: 20px;}*/

.delivery-date{position: relative;}

.delivery-date input{ padding: 0.6vw 2.5vw 0.6vw 0.8vw; width: 100%;  font-size: 0.86vw; font-weight: 400; color: #494949; /*background-color: #FFFAFA;*/ border: 1px solid #FFE1DE; outline: none; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; appearance: none; /*background-color: #fff;*/ background-image: url('https://expressgiftbasketsusa.rightflorist.org/siteimages/calendar-icon.webp'), linear-gradient(to bottom, #FFF3F2 0%, #FFF3F2 100%); background-repeat: no-repeat, repeat; background-position: right 13px top 50%, 0 0; background-size: 1.18em auto, 100%; cursor: pointer; }

.delivery-date input::placeholder{color: #2E2E2E;}  

.delivery-date #delivery_date_error {color: red; position: absolute; bottom: -42%; left: 2%; font-size: 0.8vw; }

.delivery-time-type{margin-top: 20px;display: none;}

.delivery-time-type-body{display: flex;gap: 15px;margin-top: 10px;}

.delivery-time-type-box{/*width: 30%;*/width: 200px;}

.delivery-time-type-box label{ position: relative; display: block;  height: 100px; padding: 10px; padding-left: 40px; background-color: #FFFAFA; border: 1px solid #FF9B38; border-radius: 3px; cursor: pointer; }

.del-time-type-check{top: 13px;}

.delivery-time-type-txt{line-height: 25px;}

.delivery-time-type-txt p:first-child, .delivery-time-type-txt p:nth-child(2){font-weight: 600;}

.delivery-time-type-txt p:nth-child(3){color: var(--primary-color);font-size: 13px;line-height: 17px;}

.delivery-time{font-family: "Poppins", sans-serif   ;width: 30%;display: none;}

.delivery-time-body{margin-top: 10px;}

.select-time-slot{ display: flex; justify-content: space-between; align-items: baseline; padding: 10px; color: var(--primary-color); font-weight: 600; background-color: #FFFAFA; border: 1px solid #FF9B38; border-radius: 3px; cursor: pointer; }

.select-time-slot img{width: 10px; height: 10px;}

.delivery-time-list{list-style: none;  display: none;}

.delivery-time-list li{border-top: 1px dashed #fff;border-left: 1px dashed #fff;border-right: 1px dashed #fff;border-bottom: 1px dashed #CECECE;border-radius: 3px;padding: 10px;cursor: pointer;}

.delivery-time-list li:last-child{border-bottom: 1px dashed #fff;}

.delivery-time-list li:hover{border: 1px solid var(--primary-color);}

/* .delivery-time-list li a{display: block;color: #000;} */


.ui-datepicker { margin: 5px auto 0;  font-size: 16px; padding: .2em .2em; }

.ui-widget.ui-widget-content{border: none; box-shadow: 0 0 5px #b5b5b5e0; padding: 12px;}

.ui-datepicker table { width: 100%; margin: 1px; }

.ui-datepicker-header { background: #fff; color: var(--primary-color); border: none; border-width: 0; }

.ui-datepicker-title { text-align: center; font-size: 17px; font-weight: 400 }

.ui-datepicker-prev { float: left; cursor: pointer; background-position: center -30px }

.ui-datepicker-next { float: right; cursor: pointer; background-position: center 0 }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{margin-left: -13px;}

.ui-datepicker .ui-datepicker-next span{margin-left: 0;}

.ui-datepicker-prev span { content: url('https://rakhisutra.com/siteimages/calender-left-arrow.webp'); width: 12px; background-image: none !important; left: 70% !important; }

.ui-datepicker-next span { content: url('https://rakhisutra.com/siteimages/calender-right-arrow.webp'); width: 12px; background-image: none !important; left: 30% !important; }

.ui-datepicker th { font-size: 10pt; color: #000; font-weight:500 }


/*.ui-datepicker tbody td { padding: 0 }*/

.ui-datepicker tbody td:last-child { border-right: 0 }

.ui-datepicker tbody tr { border-bottom: 1px solid #fff }

.ui-datepicker tbody tr:last-child { border-bottom: 0 }

.ui-datepicker a { text-decoration: none }

.ui-datepicker td{padding: 0px}

.ui-datepicker td a,.ui-datepicker td span { display: inline-block; text-align: center; width: 30px; height: 30px; line-height: 24px; color: #fff }

.ui-datepicker-calendar tr th:first-child.ui-datepicker-week-end, .ui-datepicker-calendar tr td:first-child a{color: var(--primary-color);}

.ui-datepicker-calendar .ui-state-default { /*height: 30px; width: 100%; border: 1px solid #ff9330;*/ border: none;width: 30px; height: 30px; border-radius: 50%; background: transparent; }

.ui-datepicker-calendar .ui-state-hover { background: var(--primary-color); color: #fff !important }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: var(--primary-color); color: #fff; }

.ui-datepicker-calendar .ui-state-active { background: var(--primary-color); -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,.1); -moz-box-shadow: inset 0 0 10px 0 rgba(0,0,0,.1); box-shadow: inset 0 0 10px 0 rgba(0,0,0,.1); color: #fff !important; text-shadow: 0 1px 0 #4d7a85; border: 1px solid #55838f; position: relative; margin: -1px; font-weight: 600 }

.ui-datepicker-unselectable .ui-state-default { background: transparent; color: #000 }



    /*** content-description-review tab switch ***/

.desc-review-container{width: 100%; position: relative; margin-top: 2vw; overflow: hidden; }
.tabs2 {display: flex; position: relative; cursor: pointer; border-bottom: 1px solid #D0D0D0; justify-content:space-between; }
.tab2 {padding:0.8vw 0px; border:none; margin-right: 0px; position: relative; width: 33.3%;/*width: auto;*/ text-align: center; font-size: 1.34vw; font-weight: 400; color: #6C6C6C; }
.tab2.active {background-color: #fff; color: #000; }
.tab-border {position: absolute; bottom: 0; left: 0; height: 2px; background-color: #FA2B39; /* Border color */ transition: left 0.3s ease, width 0.3s ease; }
.tab-content {/* border:1px solid #D0D0D0; */ border-radius:4px; padding:3%; margin: 20px 0; width: 99.8%; box-shadow: rgba(9, 10, 66, 0.0) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px; bottom: 3px; position: relative; left: 1px; /*right: 3px;*/ height: 19vw; overflow: auto;}
.tab-description{font-size: 0.9vw !important; font-weight: 400; line-height: 1.4vw; color: #545454; width: 100%; position: relative; }
.tab-description p, .tab-description ul, .tab-description ol{font-size: 0.9vw !important}
.tab-description p:first-child{padding-top: 0; }
.tab-description ul, .tab-description ol {width: 95%; position: relative; margin:15px 0 0 15px; }
.tab-description-list ul li{width: 100%; list-style-type: disc; margin: 2px 0; }
.tab-content .content {display: none; margin: auto; width: 100%;}
.tab-content .content.active {display: block; }
/*.add-review-form{display: flex; justify-content: space-between; align-items: center; }*/

.name-block{width: 48%; position: relative; }
.name-block input {border:none; height: 1.5vw; background-color:transparent; display: block; padding:0px; /*margin:10px 0 0;*/ width: 96%; outline:none; font-size: 0.8vw; color: #000; }
.placeholder-txt::-webkit-input-placeholder::after {content: "*"; color: red; }
.name-block select {padding:0; margin:10px 0; width: 96%; border: none; font-size: 0.8vw; color: #000; height: 28px; background: transparent; }
.name-block form{color: #000; }
.review-block{width: 48%; position: relative; margin-left: 4%; }
.star-rating-container{width: 100%; position: relative; margin: 0 0 1vw; display: flex; align-items: center; justify-content: start; gap: 12px;}
.star-rating-container .titletxt{/*width: 100%;*/ position: relative; font-size: 1vw; color: #545454; font-weight: 400; }
.star-rating {/* direction: rtl; */ display: flex; height: 1.2vw;}
.star-rating-container .star-rating{display: inline-block; height: auto; margin: 0; }
.star-rate {font-size: 1.3vw;color: #d7d4d4; cursor: pointer; }
.star-rate:hover,
.star-rate:hover ~ .star-rate {color: #ffc519;  }
.star-rating input[type="radio"] {display: none; }
.star-rating input[type="radio"]:checked ~ .star-rate {color: #ffc519; }
.review-block label {font-weight: 400; text-align: left; font-size: 0.8vw; color: #000; display: block; margin: 0 0 0.55vw; width: 100%; outline:none; }
.review-block-txt{width: 100%; position: relative; }
.review-name-block{width: 100%; position: relative; margin-bottom: 1.1vw; }
.review-name-block input{width: 100%; padding: 0.6vw; font-size: 0.9vw; border: 1px solid #D6D6D6; border-radius: 4px; background-color: #f9f9f9;color: #6c6c6c;}
#review {width: 100%; /*height: 8.2vw;*/ padding: 0.55vw; outline: none; border: 1px solid #D6D6D6; border-radius: 4px; font-size: 0.9vw; background-color: #f9f9f9; /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */ transition: border-color 0.3s; }
.submit-button {display: flex; justify-content: end; align-items: center; gap: 1vw; background-color: #FFAFAB; width: 8.5vw; padding: 0.5vw 0.7vw 0.5vw 0.5vw; border-radius: 50px; margin: 1vw 0 0 auto; font-size: 0.85vw; border: none; }
.submit-button p{padding-top: 0;font-size: 1vw;color: #fff;}
.submit-button .btn-arrow{padding: 0.3vw 0.5vw;}
.review-error{font-size: 0.65em; color: red; position: absolute;left: 0;bottom: -1vw;}
.rtarea{bottom: -0.6vw;}

/*image related css*/

/*.thumbnail-container{display: flex;justify-content: flex-start;margin-bottom: 7px;}*/

/*.thumblink img{height:8vh;cursor: pointer;margin: 6px 6px 0px 0px; width: 100%;height: auto;}*/

/*.thumblink img:hover{border: 1px solid var(--primary-color);border-radius: 2px;}*/

/*.thumblink.selected img{border: 1px solid var(--primary-color);}*/

/*.thumblink.selected img:hover{border: 1px solid var(--primary-color);cursor: pointer;}*/

.addon-subsections{padding: 1vw 0;}

.addon-header-outer-container{display: flex;justify-content: space-between;align-items: center;padding: 10px 0px;border-top: 1px solid #eee;}

.addon-header-container{display: flex;justify-content: flex-start; gap: 5px;align-items: baseline;}

.addon-head{font-size: 20px;color: #666666; font-weight: 500;letter-spacing: 0.3px;text-align: center;}

.addon-header-container img{width: 35px;height: 24px;padding: 0px 5px;}

.gourmet-header-container{display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;}

.gourmet-head, .message-card-head{font-size: 1.2vw;color: #000; font-weight: 400;line-height:1.3vw;letter-spacing: 0.3px;}

.gourmet-addon-cards{display: flex;justify-content: flex-start;align-items: center;gap:5px;padding: 20px 0px;}

.add-on-tabs { padding: 0.4vw 0 0.7vw; padding-left: 0; border-radius: 8px; list-style: none; display: flex; justify-content: start; gap: 0.5vw; font-size: 1.1vw; }

.add-on-tabs li { position: relative; border: none; width: auto; outline: none; cursor: pointer; padding: 0.3vw 0.7vw; border-radius: 8px; transition: 0.3s linear; }

.add-on-tabs li h3 { font-size: 0.86vw; font-weight: 400; color: #373737; }

.add-on-tabs li.active { background-color: var(--primary-color); }

.add-on-tabs li.active h3 { color: #fff; }

.card-container{width:auto;box-sizing: border-box;}

.card-revamp{display: block;background: #fff;border-radius: 6px;border: 1px solid #E4E4E4;/*cursor: pointer;*/padding: 0.5vw;text-align: left;/*box-shadow: 0 0 5px #ccc;*/position: relative;transition: 0.2s}

.custom-checkbox {/*display: inline-flex; align-items: center;*/ cursor: pointer;/* margin: 0.4vw; position: absolute; z-index: 1;*/ }

.custom-checkbox input {display: none; visibility: hidden; }

.checkmark {display: block;width: 1.1vw; height: 1.1vw; border: 2px solid #F5AF26; border-radius: 4px; position: absolute;z-index: 1;top: 5%;left: 8%;margin-left: 0px; /*    margin-right: 10px;*/ transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; background: #fff; }

.custom-checkbox input:checked + .checkmark {background-color: #F5AF26; }

.custom-checkbox input:checked + .checkmark::after {content: ''; position: absolute; left: 50%; top: 40%; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(45deg); }

.card-img{height: auto;width: 100%;display: block;border-radius: 4px;position: relative;transition: transform 0.5s ease-in-out;}

.product-info{display: flex;flex-direction: column;align-items: flex-start;text-align: left;margin-top: 0.4vw;}

#prod-title{width: 100%;font-size: 0.75vw;color: #464646;height: 2.3vw;text-align: center;/*padding: 5px 0px;line-height: 18px;*/}

#prod-price{font-size: 0.9vw;color: #000000;font-weight: 400;padding: 0.55vw 0;text-align: center;width: 100%;}

.review-wrapper{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 25px 0 10px;}

.rev-header-cont{display: flex;justify-content: flex-start;align-items: baseline;gap: 5px;padding: 0px;}

.rev-header-cont div:nth-child(1){font-size: 20px;font-weight: 600;color: #666666;letter-spacing: 0.3px;}

.rev-out-container{display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: baseline;gap: 1rem;}

.rev-container{padding: 5px 0px;width: 48.6%;}

.rev-top-container{display: flex;justify-content: flex-start;align-items: center;gap: 7px;padding-bottom: 10px;}

.separator-dot{width:5px;height:5px;border-radius: 50%; background-color: #bfbfbf;}

.customer-name{font-size: 14px;font-weight: 500;}

.date{font-size: 13px;font-weight: 400;color: #3c3c3c;}

.ordered-from{font-size: 13px;font-weight: 400;color: #3c3c3c;}

.review-comment{font-size: 14px;font-weight: 400;padding-bottom: 10px;}

.delivered-to{font-size: 13px;font-weight: 400;padding-bottom: 10px;color:#007105;}

.ratings-container{display: flex;align-items: center;justify-content: flex-start;}

.ratings-container i{height:17px;width:17px;color: #FABB00;}

#load-more-btn{background: #FF9B38;color: #fff;border: 1px solid transparent;padding: 5px;border-radius: 3px;font-size: 17px;font-weight: 600;margin-top: 10px;transition: 0.3s ease-in-out;cursor: pointer;}

#load-more-btn:hover{text-decoration:underline;font-weight: 700;font-size: 17px;}

.prod-cart-btn-container {display: flex;justify-content: center;align-items: center;border-radius: 4px;width:100%;background: var(--primary-color);}  

.prod-cart-btn {width: 100%;background-color: #fff;color: #1C1A1A;border: 1px solid var(--primary-color);border-radius: 4px;padding: 0.2vw;cursor: pointer;display: flex;justify-content: center;align-items: baseline;font-size: 0.8vw;font-weight: 400;text-transform: uppercase;}

.prod-cart-btn span img{height: 11px !important;width:13px !important;margin-left: 7px;}

.quantity-selector {display: none;width: 100%;justify-content: space-between;/*1border: 1px solid #ddd;*/border-radius: 4px;align-items: center;background-color: var(--primary-color);}  

.quantity-selector-flex{display: flex;}

.quantity-selector-flexbox{display: flex;justify-content: space-between;align-items: center;}

.quantity-selector button {border: none;font-size: 1vw !important;color: #fff;background-color: var(--primary-color); cursor: pointer;width: 3vw !important;font-weight: 400 !important;padding: 0.15vw 0;border-radius: 6px;}  

/*.minus-btn, .main-minus-btn, .main-plus-btn, .plus-btn{background: transparent;color: #000}*/

/*.main-plus-btn, .plus-btn{background: var(--primary-color);color: #fff;}*/

.quantity {margin: 0 0.5vw;font-size: 0.8vw;width: 1.1vw;text-align: center;color: #fff;}

.cart-btn-container{position: sticky; width: 98%; bottom: 0; z-index: 1; padding-bottom: 0; background-color: #fff; }

.btn-position{position: relative;bottom: 5px;z-index: 1;margin:0 auto; background: #fff;padding: 12px 0px 0;}

.btn-container{display: flex;justify-content: space-between;align-items: center;}

.btn-container div, #add-to-cart{width: 100%;}

.btn-container div button{text-transform: uppercase;}

.btn-container #add-to-cart, .personalize-btn-section, .edit-and-add-btn-section{width: 70%;}

.personalize-btn-section #personalize-btn{width: 100%}

.btn-position button {/*height: 7vh;*/height: 2.5vw;/*border-radius: 5px;*/ /*display: flex;justify-content: center; align-items: center;*/ cursor: pointer;color: #fff;width:20%;font-size: 0.95vw;font-style: normal;border-radius: 4px;}

.btn-position button i{/*margin-left: 10px;*/}

.all-btn-wrapper{display: flex; justify-content: space-between; align-items: center; }

#add-to-cart, #personalize-btn, #edit-image-btn{background-color: var(--primary-color); border: solid 1px var(--primary-color);height: 2.65vw;position: relative;overflow: hidden;}

#personalize-btn img, #edit-image-btn img, #add-to-cart img{width: 1.77vw; display: block; margin-left: 12px; position: absolute; right: 3%; top: 20%;}


/*#add-to-cart:hover, #personalize-btn:hover{background-color: #0A820E;border: solid 1px #0A820E;}*/

#add-to-cart{font-size: 1.1vw;}

#personalize-btn img, #edit-image-btn img{width: 1.4vw;}

.edit-and-add-btn-section{display: flex;gap: 10px;}

#edit-image-btn{ width: 55%; text-align: left; padding-left: 0.6vw; display: flex; justify-content: center; align-items: center; }

#edit-image-btn img{position: static;}

.edit-and-add-btn-section #add-to-cart{width: 47%;font-size: 0.95vw; text-align: left; padding-left: 0.6vw; display: flex; justify-content: center; align-items: center; }

.edit-and-add-btn-section #add-to-cart img{width: 1.5vw;position: static;}


.message-card-head {padding-bottom: 0.8vw; }

.message-card #prod-title{width: 100%;height: 1.8vw;}

.message-card .card-revamp{padding: 0.6vw;}

.message-card #prod-price{padding: 0.2vw 0 0;}

.card-revamp-msg-card .addon-image-container{width: 100%;height: 7.6vw;}

.card-revamp-msg-card .addon-image-container .card-img{height: 100%;object-fit: cover;}

.card-active{border: 1px solid var(--primary-color);}

/*.card-revamp-msg-card input[type="radio"]{display: block;}*/


        /*** Personalized section ****/

.drop-zone-overlay, .add-review, .forgot-password, .viewall-popup-overlay { display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 9999999;}

#personalizeModal {/* display: none; */position: fixed;top: 0;/* right: 0; */right: -100%;width: 50%;height: 100%;background-color: white;box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);transition: right 0.6s ease;z-index: 9999999;}

#personalizeModal.activee { right: 0; transition: right 0.6s ease; }

.modal-con { padding: 24px 24px; }

.personalize-modal-close-div { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 30px; }

.personalize-modal-close{ border: 1px solid var(--primary-color); color: var(--primary-color); padding: 0.6vw;font-size: 1vw; border-radius: 2px; cursor: pointer; border-radius: 50%;}

.personalize-modal-close img{width: 0.9vw; height: 100%;display: block;}

.modal-con{ padding: 24px 24px 0; position: relative; overflow: auto; height: 100vh; }

.modal-con::-webkit-scrollbar { width: 4px; }

.modal-con::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 10px; }

.modal-con::-webkit-scrollbar-track { box-shadow: grey 0px 0px 5px inset; border-radius: 10px; }

.custo-header{ align-items: center; justify-content: space-between; margin-bottom: 20px; position: relative;}

.modal-cus-hdng{width: 93%}

.modal-cus-hdng p{ font-size: 1.6vw; font-weight: 500; color: #000; }

.personalize-modal-close{position: absolute; right: 0; top: 0;}

/*.dropzone{font-family: "Poppins", sans-serif !important;}*/

.reset{ font-weight: 600; font-size: 15px; color: #0C74E9;  }

.drop-zone { width: 100%; height: 16vw; border: 2px dashed #60CA7E; cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: #F1F1F1; }

.upld-div{ height: 53px; width: 53px; margin: 0 auto; }

.upload-txt{ text-align: center;  font-size: 16px; font-weight: 400; }

.upload-txt p{padding-bottom: 10px;}


.bin-div{ font-size: 0.7vw; color: #F64243; border: 1px solid #F64243; border-radius: 4px; padding: 0.25vw; cursor: pointer;text-align: center;transition: 0.2s linear; }

.bin-div:hover{background-color: #F64243; color: #fff;}

.img-upld-div{ justify-content: space-between; align-items: center; margin-top: 20px; color: #3C3C3C;  font-size: 16px; font-weight: 400;width: 90px;cursor: pointer; }

#removeDiv{ display: none; }

.selected-image{display: flex;justify-content: start;gap: 1.1vw;}

/* .sub-upld-div{ display: flex; justify-content: space-between; align-items: center; gap:12px; } */

.sub-upld-div div{width: 100%;}

.sub-upld-div img{ border-radius: 3px; overflow: hidden; width: 100%; }

.save-wrapper{position: sticky; bottom: 0; left: 0; width: 100%; padding: 2.3vw 0; background-color: #fff; }

.save-div { height: 3vw; border-radius: 4px; display: flex; justify-content: center; align-items: center; cursor: pointer; color: #fff; width: 100%; font-size: 1vw; font-weight: 600;  background-color: var(--primary-color); border: 1px solid var(--primary-color); margin-top: 30px; /*display: none;*/ margin-top: 0;}

/*.dropzone .dz-message span{font-size: 14px;}*/

/* Personalized Drop Zone */

.dropzone {width: 100%; height: 12vw; /*border: 2px dashed #C10101;*/    border: 2px dashed var(--primary-color) !important; border-radius: 5px; /*background-color: #F1F1F1 !important;*/ padding: 1.1vw !important; text-align: center; font-family: "Lato", sans-serif; position: relative; }

.dropzone .dz-message {margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
margin: 0 auto  ;
}

.dropzone .dz-message img {/*max-width: 100px;*/width: 5vw; display: block; margin: 0 auto 10px; }

.dropzone .dz-message p {/*font-size: 16px; color: #555;*/ text-align: center;  font-size: 1.2vw; font-weight: 500; color: #000; }

.dropzone .dz-message p:last-child{font-size: 0.8vw;font-weight: 400;padding-top: 0.5vw;}

.dropzone .dz-message p span{color: #C10101; }

.loader1 {width: 1500px; height: 5px; background-color: #FFF9F9; margin: 0 auto; margin-top: 10px; z-index: 2; }

.bar1 {width: 0px; height: 5px; background-color: #C10101; z-index: 1; animation: bar1 5s ease-out infinite; }

@keyframes bar1 {
    from {width: 0px;}
    to {width: 1500px;}
}

.loading-circle-pincode {height: 0; width: 0; padding: 10px; border: 5px solid #f9b8b8; border-right-color: var(--primary-color); border-radius: 22px; -webkit-animation: rotate 1s infinite linear; position: absolute; right: 2%; top: 13%; }

@keyframes rotate {
      /* 100% keyframe for  clockwise. 
 use 0% instead for anticlockwise */
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.loading-circle {height: 0; width: 0; padding: 13px; border: 5px solid #a5daa6; border-right-color: #15a419; border-radius: 22px; -webkit-animation: rotate 1s infinite linear; position: absolute; left: 90%; top: 10%; }

@keyframes rotate {
      /* 100% keyframe for  clockwise. 
 use 0% instead for anticlockwise */
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.dual-ring-loader {border: 16px solid #c101012e; border-top: 16px solid var(--primary-color); border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; margin-top: 10%; margin-left: 45%; }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.dotsloading{position: relative;opacity:1 !important}

.dotsloading:after {content: ' .'; animation: dots 1s steps(5, end) infinite; font-size: 80px; position: absolute; left: -1px; top: 11%; opacity: 1; background-color: #ffffffe0; width: 286px; height: 55px; text-align: center; line-height: 17px; }

@keyframes dots {
  0%, 20% {
    color: rgba(255,0,0,0.7);
    text-shadow:
      .25em 0 0 rgba(255,0,0,0.7),
      .5em 0 0 rgba(255,0,0,0.7);}
  40% {
    color: black;
    text-shadow:
      .25em 0 0 rgba(255,0,0,0.7),
      .5em 0 0 rgba(255,0,0,0.7);}
  60% {
    text-shadow:
      .25em 0 0 black,
      .5em 0 0 rgba(255,0,0,0.7);}
  80%, 100% {
    text-shadow:
      .25em 0 0 black,
      .5em 0 0 black;}
} 



.txt-cntnt{ margin-top: 35px; }

.txt-cntnt ul{list-style-type: auto;padding-left: 16px;}

.txt-cntnt ul li{font-size: 0.8vw; color: #3D3D3D; margin-bottom: 0.45vw; }

.add-personalized-txt{margin-top: 35px;}

.add-pers-txt-title{color: #7C7C7C; font-size: 1vw; font-weight: 500;}

.add-pers-textarea{margin-top: 0.8vw;display: flex; flex-direction: column; align-items: end;}

.add-pers-textarea textarea{width: 100%;font-size: 0.75vw;padding: 0.55vw;color: #404040;border: 1px solid #C9C9C9;border-radius: 4px;}

.text-limit{font-size: 0.85vw; color: #6f6f6f; margin-top: 0.3vw;}

.hidden-div{ display: none; }

.checkout{ opacity: 0; margin-left: -30%; }

.move{ opacity: 1; margin-left: 0%; transition: .5s; }


.active-text{display: block;}

.inactive-text{display: none;}

.info-message {font-size: 11px; color: black;  }

.pincode-success-btn{width: 25%; color: green;}

.alert-cart-card{width: 96.5%; margin: 10px 28px -20px; text-align: center;  font-size: 18px}

.alert-danger{background-color: #f8d5d5; padding: 7px 7px; color: #ce024c;}

.alert-success{background-color: #d4edd2; padding: 7px 7px; color: #426b04;}

.alert-warning{background-color: #ede6d2; padding: 7px 7px; color: #a68604;}

.loading{position: relative; pointer-events: none; padding-top: 3%;}

.loading:before{position: absolute; content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); -webkit-border-radius: 0; border-radius: 0; opacity: 1; z-index: 1;}

.loading:after{position: absolute; content: ""; display: block; top: 40%; left: 50%; margin: -12px 0 0 -12px; width: 40px; height: 40px; /*border: 3px solid #4ba51f; border-right-color: transparent;*/ border: 3px solid #4ba51f; border-color: #FF7D32 transparent #FF7D32 transparent; -webkit-border-radius: 50%; border-radius: 50%; z-index: 1; -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: rotate-forever; -moz-animation-name: rotate-forever; animation-name: rotate-forever; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; }

@-webkit-keyframes rotate-forever {
    0% {
        -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes rotate-forever {
    0% {
        -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes rotate-forever {
    0% {
        -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}



/*.loader-position{

    position: relative; bottom: 10px; left: 50%; transform: translate(50%, 0);

}*/


.loader-position{text-align: center;}


#loading-spinner { display: inline-block; width: 50px; height: 50px; border: 3px solid #c101017d; border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; }


@keyframes spin {

  to { -webkit-transform: rotate(360deg); }

}

@-webkit-keyframes spin {

  to { -webkit-transform: rotate(360deg); }

}





.testimonials-title, .testimonials-title2{font-size: 1.92vw;padding-bottom: 1.6vw;font-weight: 400}
.testimonial-star .star {color: #F3870C; }
.testimonial-star .star-grey { color: #E0E0E0; }
.customersaying-carousel .item{padding-top: 1vw;}
.testimonial-card { min-width: 100%; box-sizing: border-box; position: relative; border: 1px solid #F1736E9E; border-radius: 8px; }
.testimonial-content { background:#FFFAFA; border-radius:12px; padding:2.5vw 1.5vw 2vw; /* box-shadow: 0 10px 30px rgba(0,0,0,0.08); */ height: 100%; /* border:1px solid var(--primary-color); */ }
.customer-quote { color: #363636; line-height: 1.55vw; font-size: 1vw; position: relative; margin: 1.1vw 0vw 0 0vw; padding-right: 1vw;  font-weight: 400; height: 8vw;overflow: auto;}
.customer-name {/*margin: 0.55vw 0 0.55vw 0;*/ font-size: 1.07vw;  }
.testimonial-colon-icon{position: absolute;top: 0;left: 5.5%;}
.testimonial-colon-icon img{width: 100%;height: auto;display: block;width: 2.2vw;height: 1.81vw;}
.customersaying-carousel .owl-nav button.owl-prev, .customersaying-carousel .owl-nav button.owl-next{width: 3vw; height: 3vw; cursor: pointer; color: var(--primary-color); background: #FFEDEC; border: 2px solid #fff; border-radius: 50%; outline: none; font-size: 1.2vw; position: absolute;top: 40%; }
.customersaying-carousel .owl-prev, .similarproducts-carousel .owl-prev {left: -1.8vw !important; }
.customersaying-carousel .owl-next, .similarproducts-carousel .owl-next {right: -1.8vw !important; }
.customersaying-carousel .owl-nav [class*='owl-']:hover{color: var(--primary-color);background: #FFEDEC;}

.similarproducts-carousel .item{padding: 1.5vw 0.5vw 0.5vw;}
.similarproducts-carousel .owl-nav button.owl-prev, .similarproducts-carousel .owl-nav button.owl-next{position: absolute; top: 40%; font-size: 2.2vw;color: var(--primary-color);outline: none; }
.similarproducts-carousel .prd-off img{width: 4vw !important;}
.similarproducts-carousel .prd-shop-btn-arrow img{width: 0.7vw !important;}





    /*** Filter modal ***/
.modal {position: fixed; z-index: 9999; left: -100%; top: 0; width: 100%; height: 100%; background-color: rgb(16 13 13 / 50%); transition: left 0.3s ease; }
#filterModal.activee {left: 0%; transition: left 0.3s ease; }
.modal-content{background-color: #fefefe;width: 100%;height: 100%}
.modal-head {padding: 22px 25px; box-shadow: 0px 21px 14px -19px rgba(179, 175, 175, 0.45); justify-content: space-between; align-items: center; }
.fltr-main-tab{justify-content: space-between;align-items: start;flex-wrap: nowrap; }
.fltr-vrtcl-tab{flex-direction: column; flex-wrap: nowrap; width: 35%; background-color: #F9F9F9; padding-bottom: 100%; }
.fltr-tab-cntntDiv{width: 67%; margin: 20px 6px 20px 20px; height: calc(100vh - 128px); overflow: hidden; overflow-y: scroll; }
.fltr-tab-cntntDiv::-webkit-scrollbar { width: 6px; }
.fltr-tab-cntntDiv::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 10px; }
.fltr-tab-cntntDiv::-webkit-scrollbar-track { box-shadow: grey 0px 0px 5px inset; border-radius: 10px; }
.fltr-tab{padding: 20px 0; border-bottom: 1px solid #d6d4d4; color: #737278; text-align: center; width: 100%; }
.fltr-tab.active{color: #fff; font-weight: 500; background-color: var(--primary-color); }
.apply-bttn {border-radius: 2px; display: flex; justify-content: center; align-items: center; cursor: pointer; color: #fff; width: 100%; font-size: 18px; font-weight: 500; font-style: normal; background-color: var(--primary-color); border: none; box-shadow: inset 0 20px 24px -24px rgb(198 198 198 / 80%); padding: 10px 0; }
.apply {position: sticky; bottom: 0; z-index: 1; }
.sml-bnr-Item{width: 49.48%; }
.icon-container {gap: 15px; align-items: center; }
.icon-container p {font-size: 20px; }
.close {border: none; background: none; font-size: 24px; cursor: pointer;}






/************ CART PAGE *************/

.cart-page { width: 100%; margin-top: 32px; }

.cart-page h2, .more-categories-title, .address-book-msg h2{  font-size: 32px; font-weight: 600; color: var(--primary-color); text-align: center; }

.cart-body{width: 90%;margin: 32px auto 50px; display: flex; flex-wrap: wrap; justify-content: space-between; /*margin-top: 50px;*/ }

.cart-table { width: 75%; height: 540px; /*border: 1px solid #D9D9D9;*/ overflow-y: scroll; scroll-behavior: smooth; position: relative;}

.cart-table::-webkit-scrollbar { width: 10px; }

.cart-table::-webkit-scrollbar-thumb { background: var(--primary-color); /*border-radius: 5px;*/ }

.cart-table::-webkit-scrollbar-track { /*box-shadow: inset 0 0 3px #919191; border-radius: 5px;*/background-color: #efefef; }

.cart-table-headings{display: flex;justify-content: start;/*background-color: #FFFEFA;background-color: #FFFBFC;*/ background-color: #FFF7F7; font-size: 15px; font-weight: 600; padding: 10px;position: sticky; top: 0;}

.cart-section{padding: 10px;padding-top: 0;}

.cart-table-details { /* border: 1px solid #d1d1d1; */ margin: 10px 0 0; border-radius: 5px; padding: 8px 0; flex-wrap: nowrap; }

.cart-prd-img{ width: 80px; }

.c-t-hdng-image { /* width: 5.7%; */ width: 10%; }

.c-t-hdng-items { width: 30%; }

.c-t-hdng-pincode{ width: 11%; }

.c-t-hdng-qty{ width: 15%; }

.c-t-hdng-price{ width: 12.3%; }

.cart-prd-img img { /* max-width: 110px; */ width: 100%; display: block; margin: 0 auto;border-radius: 3px; }

.cart-addon-product .cart-prd-img img{width: 75px;}

.cart-prd-txt { width: 90%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.cart-name-id { width: 26%; flex-direction: column; display: flex; justify-content: center; }

.cart-pincode, .cart-price{width: 10%;}

.cart-quantity-selector button{border: none; font-size: 25px; cursor: pointer; width: 30px; padding: 0px; }

.cart-price, .cart-delivery p span{color: var(--primary-color);font-weight: 600;text-align: center;}

.cart-delivery p span{font-size: 13px;}

.cart-delivery{width: 25%;}

.cart-delivery p{padding-bottom: 3px;font-size: 14px;}

.cart-remove{width: 4%; display: flex; justify-content: center; align-items: center; margin-right: 8px; }

.cart-remove-main, .cart-remove-addon{padding: 10px;background-color: #F8F8F8;margin-top: -10px;}

.cart-remove-addon{padding-top: 0;}

.cart-remove-addon img{width: 15px;}

.cart-name p { /* line-height: 2rem; */ font-size: 15px; }

.cart-id-number { font-size: 14px; font-weight: 600; color: #5C5C5C; padding-top: 8px; display: none;}

.uploaded-images-link{font-size: 15px; color: var(--primary-color); text-decoration: underline; cursor: pointer;}

.cart-addon-product-section{background-color: #FAFAFA;}

.cart-addon-prd-badge, .cart-addon-product{/*background-color: #f5f5f5;*/background-color: #fafafa;margin-bottom: 0;margin-top: 0;}

.cart-addon-prd-badge p{display: inline-block; padding: 4px 10px; color: #fff; background-color: var(--primary-color); font-size: 14px; }

.cart-right { width: 23%; border: 1px solid #ddd; box-shadow: #878787 0px 2px 6px -3px;  padding: 10px; }

.order-summary{ font-size: 20px; font-weight: 600; color: #333; padding-bottom: 10px; border-bottom: 1px solid #D9D9D9; }

.coupon{margin-top: 20px;}

.coupon input{ width: 70%; padding: 10px; border: 1px solid #D9D9D9; border-right: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; outline: none;font-size: 16px; }

.coupon button{ width: 30%; border: none; outline: none; background-color: var(--primary-color); color: #fff;  font-size: 16px; border-radius: 3px; padding: 11px;}

.pricing{ margin-top: 20px; color: #4B4B4B; font-weight: 600; }

.total-shipping-gst{ display: flex; flex-direction: column; gap: 15px; height: 300px; border-bottom: 1px solid #D9D9D9; }

.grand-total{ margin: 10px 0 20px; }

.g-total-price{ font-size: 20px; color: #000; }

.cart-btn-1{ width: 100%; padding: 15px 0; color: #fff; background-color: var(--primary-color); border: none; border-radius: 3px;  font-weight: 600;font-size: 16px; letter-spacing: 1px; }

.no-cart-item{text-align: center; margin: 50px auto; /*display: none;*/}

.no-cart-item-img{ width: 22%; margin: 0 auto; }

.no-cart-item-img img{ width: 100%; margin-left: -55px; }

.no-cart-item-txt{margin-top: 40px;}

.no-cart-item-txt p{ font-weight: 500; padding-bottom: 10px; }

.no-cart-item-txt p:first-child{color: var(--primary-color); font-size: 20px; }

.no-cart-item-txt p:nth-child(2){font-size: 18px;}

.no-cart-item a{ max-width: 200px; min-width: 100px; display: inline-block; text-align: center; padding: 10px 0 13px; border-radius: 40px; width: 90%; background-color: var(--primary-color); color: #fff; outline: none; margin-top: 20px; }

.more-categories{width: 96.5%; margin: 62px auto 56px;text-align: center; }

.more-categories-title{/*font-size: 26px;*/font-size: 20px; background-color: #F9FFF9; display: inline-block; padding: 16px;}

.more-categories-carousel{margin-top: 32px;}

.more-categories-img img{border-radius: 7px;}

.more-categories-txt{ font-family: "Lato", sans-serif; font-weight: 600; font-size: 18px; text-align: center; margin: 10px 0; color: #3C3C3C; }

.more-categories-carousel .owl-nav .owl-prev{position: absolute; left: -30px; top: 30%;}

.more-categories-carousel .owl-nav .owl-next{position: absolute; right: -30px; top: 30%;}

.show-images-modal-wrapper{width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.2); padding-top: 2vw; position: fixed; top: 0; left: 0; z-index: 99; display: none; }
.show-images-modal {font-family: 'Roboto Serif', serif; width: 450px; margin: 0 auto; padding: 25px; text-align: center; border-radius: 10px; background-color: #fff; position: absolute; /* left: 22.5%; */ top: 50%; left: 50%; transform: translate(-50%, -50%); }
.show-images-modal-cross{position: absolute; right: 2%; top: 2%; }
.show-images-modal-cross img{width: 30px; cursor: pointer; }
.show-images-modal-title{ font-size: 18px; font-weight: 600; }
.show-images-body{display: flex;flex-wrap: wrap;gap: 5%;row-gap: 20px;margin-top: 24px;}
.show-images-body img{width: 30%;}




/************ CHECKOUT PAGE *************/

.checkout-section, .address-book, .contact-us, .info-pages-body, .inside-container{/*width: 96.5%;*/width: 92%;margin: 20px auto 40px;}

.checkout-msg{text-align: center;color: #3F3F3F;}

.checkout-main{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 20px 0; }

.checkout-tag{width: 17%;}

.checkout-tab{width: 15%;}

.checkout-body{width: 81%;display: flex; justify-content: space-between; flex-wrap: wrap; box-shadow: #5B5B5B 0px 0px 4px 1px; padding: 32px; border-radius: 4px; }

.checkout-tag-title{ padding: 10px 15px; border-radius: 4px; margin-bottom: 20px; font-weight: 600; color: /*#747474*/var(--primary-color);border: 1px solid var(--primary-color);background-color: #FFF7F7; cursor: pointer; }

.checkout-tag-title i{padding-left: 15px;color: #fff;}

.tag-active{box-shadow: #878787 0px 1px 4px 0px;background-color: var(--primary-color);color: #fff;}

.tag-active-color{background-color: var(--primary-color);color: #fff;}

.checkout-details-section{ width: 56%; padding-right: 32px; border-right: 1px solid #C1C1C1; }

.review-order-section{width: 41.5%;}

fieldset{border: none;}

.form-group{ display: flex; flex-direction: column; margin-top: 16px; }

.form-group:first-child{margin-top: 0;}

.form-group input, .form-group textarea, .form-group select{font-size: 16px; background: #F1F1F1;color: #535353;border-radius: 3px;padding: 14px;border: none;outline: none;}

.form-group input::placeholder, .form-group textarea::placeholder{color: #535353;}

.login-type-radio{ display: flex; gap: 50px; margin-bottom: 30px; padding-left: 20px; }

.login-type-radio label{color: #1E1E1E;}

.login-type-radio .form-group{margin-top: 0;}

.form-error-txt{color: #E00000;margin-top: 5px;  display: none;}

.form-btn{  font-size: 16px; font-weight: 500; color: #fff; background-color: var(--primary-color); margin-top: 30px; padding: 10px 40px; border: none; outline: none; border-radius: 3px; }

.login-label{ position: relative; cursor: pointer; }

.login-label:before { content: ''; position: absolute; left: -22px; top: 2px; width: 15px; height: 15px; border: 1px solid #B1B1B1; border-radius: 100%; background: #fff; transition: all 0.2s ease; }

.login-label:after { content: ''; width: 9px; height: 9px; background: var(--primary-color); background: #B1B1B1; position: absolute; top: 6px; left: -18px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.login-input:not(:checked) + .login-label:before { border: 1px solid #B1B1B1; }

.login-input:checked + .login-label:before { border: 1px solid var(--primary-color); }

.login-input:not(:checked) + .login-label:after { background-color: #B1B1B1; }

.login-input:checked + .login-label:after { background-color: var(--primary-color); }

.normal_user_form{display: none;}

#forgotpassword{color: var(--primary-color); margin-top: 20px; }

.pass-email label{padding-bottom: 10px;}

.saved-address{ margin-bottom: 16px; display: flex; justify-content: space-between; border: 1px solid var(--primary-color); border-radius: 4px; padding: 10px; cursor: pointer; }

.saved-add-details p{padding-bottom: 5px;}

.saved-add-details p:last-child{padding-bottom: 0;}

.saved-add-btns{display: flex;gap: 15px;height: 20px;}

.saved-add-btns a{color: var(--primary-color);}

.edit-address-btn{display: block; margin-top: 1px; }

.saved-add-btns i{font-size: 20px;}

.shipping-btns button, .edit-address-btns button, .add-address-btns button{  font-size: 16px; font-weight: 600; padding: 10px 40px; border: none; outline: none; border-radius: 3px; }

.add-ship-address{ color: var(--primary-color); background-color: #fff; border: 1px solid var(--primary-color) !important; }

.continue-to-billing{ color: #fff; background-color: var(--primary-color); margin-left: 10px; }

.recipient-name .form-group:first-child{width: 17%;}

.recipient-name .form-group{width: 80%;margin-top: 0;}

.recipient-name select{ padding: 14px 5px; text-align: center; }

.active-saved-address{background: /*#F1F1F1*/#FFF7F7;}

#shipping_form{display: none;}

.billing-form-phone{ display: flex; gap: 2%; margin-bottom: 36px; }

.billing-form-phone span{ font-size: 16px; background: #F1F1F1; color: #535353; border-radius: 3px; padding: 14px; }

.billing-phone{ width: 98%; position: relative; }

.billing-phone input{width: 100%;}

.billing-phone p{ position: absolute; bottom: -36px; display: flex; align-items: center; gap: 8px; }

.edit-address-title{ font-size: 20px; font-weight: 600; color: var(--primary-color);padding-bottom: 12px; }

.cancel-edit-address, .cancel-add-address{ color: var(--primary-color); background-color: #fff; border: 1px solid var(--primary-color) !important; margin-left: 10px; }

.save-edit-address{ color: #fff; background-color: var(--primary-color); }

.special-instruction-txt{color: #E00000;margin-top: 5px;}

.form-title{color: #525252;color: var(--primary-color); margin-bottom: 20px; font-size: 16px;}

.payment-option-box{padding: 16px 0 24px;border-bottom: 1px dotted #B1B1B1;}

.payment-option-box:first-child{padding-top: 0;}

.payment-option-box:last-child{border-bottom: none;}

.payment-option-box .form-btn{margin-top: 16px;}

.check-term-nd-cond{margin-top: 100px;}

.check-term-nd-cond a{ color: var(--primary-color); text-decoration: underline; }

.check-term-cond label{position: relative;cursor: pointer;}

.check-term-cond label:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid var(--primary-color); padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; margin-top: -3px; border-radius: 4px; }

.check-term-cond input:checked + label:after { content: ''; display: block; position: absolute; top: 4px; left: 7px; width: 4px; height: 10px; border: solid var(--primary-color); border-width: 0 2px 2px 0; transform: rotate(45deg); }

.check-term-cond input{display: none;}

.review-order-section .cart-table-details{display: flex;gap: 15px;}

.review-order-section .cart-prd-txt{display: block;line-height: 21px; margin-top: -5px;}

.review-order-section .cart-prd-txt p{font-size: 14px;}

.review-order-title, .review-order-total{background-color: var(--primary-color); color: #fff; }

.review-order-title{text-align: center;padding: 7px 0;}

.review-order-total{text-align: right;padding: 7px 26px;}

.review-order-body{/*height: 300px;*/height: 480px; overflow: auto; }

.review-order-body::-webkit-scrollbar { width: 10px; }

.review-order-body::-webkit-scrollbar-thumb { background: var(--primary-color);}

.review-order-body::-webkit-scrollbar-track { background-color: #efefef; }

.checkout-details-section .checkout-tag-title{display: none;}

.add-review .modal-content, .forgot-password .modal-content {background-color: #fefefe; margin: auto; padding: 0; /* width: 73%; */ width: 600px; }

.forgot-password {display: none; padding-top: 2% !important; }

.modal-heading {width: 100%; padding: 0.7rem 0; text-align: center; position: relative; background-color: var(--primary-color); color: white; }

.modal-heading h2 {font-size: 18px; font-weight: 500; }

.modal-heading img {position: absolute; top: 31%; right: 2%; cursor: pointer; width: 18px; }

.add-review-main {background-color: #fefefe; margin: auto; padding: 1.5rem 2rem; min-width: 400px; max-width: 1000px; width: 100%; border-radius: 5px; }

.forgot-password button {width: 50%; display: block; padding: 0.5rem 0; font-family: inherit; font-size: 1.2rem; margin: 1rem auto; border-radius: 5px; border: 2px solid var(--primary-color); background-color: var(--primary-color); color: white; cursor: pointer; }













































/************ ADDRESS BOOK PAGE *************/

.address-book-msg h2{font-size: 26px;margin: 24px 0;}

.adrsbk-main { justify-content: space-between; align-items: start; flex-wrap: wrap; margin: 24px 0; }

.vertical-tabs { width: 20%; flex-direction: column; justify-content: start;}

.custom-tab {width: 100%; padding: 10px 15px; border-radius: 4px; margin-bottom: 20px; font-weight: 600; color: /*#747474*/ var(--primary-color); border: 1px solid var(--primary-color); background-color: #FFF7F7; cursor: pointer; }

.custom-tab.active { box-shadow: #878787 0px 1px 4px 0px; background-color: var(--primary-color); color: #fff; }

.tab-con { width: 78%; box-shadow: #5b5b5b38 0px 0px 4px 1px; padding: 32px; border-radius: 4px; }

.tab-con .custom-tab{display: none;}

.form-title { color: #525252; color: var(--primary-color); margin-bottom: 12px; font-size: 20px; }

.membr-main-div { justify-content: space-between; align-items: start;}

.member-left-div { width: 56%; padding-right: 32px; border-right: 1px solid #C1C1C1; }

.adrs-sbhdng p { color: var(--primary-color); }

.form-group { display: flex; flex-direction: column; margin-top: 16px; }

.form-group input, .form-group textarea, .form-group select { font-size: 16px; background: #F1F1F1; color: #535353; border-radius: 3px; padding: 14px; border: none; outline: none; }

.form-error-txt { color: #E00000; margin-top: 5px; display: none; }

.form-correct-txt { color: #0B8400; margin-top: 5px; display: none; }

.btn-main-sec { gap: 10px; margin-top: 16px; }

.btn-main-sec button { font-size: 16px; font-weight: 600; padding: 12px 20px; border: none; outline: none; border-radius: 3px; cursor: pointer; }

.cncl-btn { color: var(--primary-color); background-color: #fff; border: 1px solid var(--primary-color) !important; }

.ave-btn{margin-left: 10px;}

.save-btn, .save-chng-btn, .edit-dtls-btn, .passchange-btn, .wshlst-bttnn { color: #fff; background-color: var(--primary-color); }

.save-chng-btn{margin-right: 10px;}

.member-right-div { width: 41.5%; height: 500px; overflow: hidden; overflow-y: scroll; padding-right: 10px; }

.member-right-div::-webkit-scrollbar, .proddetails-main-box::-webkit-scrollbar { width: 6px; }

.member-right-div::-webkit-scrollbar-thumb, .proddetails-main-box::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 6px; }

.member-right-div::-webkit-scrollbar-track, .proddetails-main-box::-webkit-scrollbar-track { background: #F0F0F0; }

.addrs-con { border-radius: 4px; font-size: 16px; border: 1px solid var(--primary-color); cursor: pointer; margin-bottom: 20px; }

.addrs-con:last-child{margin-bottom: 0px;}

.add-active { padding: 12px; justify-content: space-between; }

.saved-add-details { width: 80%; }

.saved-add-details p { /* margin-bottom: 6px; */ color: #000; font-weight: 400; line-height: 24px; }

.saved-add-details span { margin-bottom: 10px; color: #474747; }

.name-clr { color: var(--primary-color) !important; font-weight: 600; }

.saved-add-btns { display: flex; gap: 15px; height: 20px; justify-content: flex-end; width: 15%; }

.saved-add-btns a { color: var(--primary-color); }

.edit-address-btn { color: var(--primary-color); font-size: 18px; margin-right: 6px; display: block; margin-top: 1px; }

.saved-add-btns i, .saved-add-btns svg { font-size: 20px; }

.delete-address-btn { /* color: red; */ font-size: 18px; }

.btn-sec { margin-top: 24px; }

.order-history-div{margin-top: 30px;}

.ordr-div-box { border-bottom: 1px dashed var(--primary-color); margin-bottom: 24px; }

.ordr-div-box:last-child{margin-bottom: 0;}

.order-status-div { justify-content: space-between; align-items: center; /* margin-bottom: 24px; */ padding-left: 20px; background-color: var(--primary-color); padding: 8px 20px 8px 20px; border-radius: 25px 0 0 25px; color: #fff; }

.ordr-plcd-div { align-items: center; gap: 15px; }

.ordr-plcd { padding: 10px 30px; background-color: #FBFFFB; border-radius: 4px; }

.ordr-plcd p { color: var(--primary-color); font-size: 18px; font-weight: 500; }

.dwnld-icn { font-size: 20px; }

.proddetails-main-hdng { justify-content: space-between; border-bottom: 1px solid #d8d8d8; padding: 15px 0 15px 20px; align-items: center; }

.prod-hdng-1 { width: 40%; }

.proddetails-main-hdng p { font-weight: 600; }

.prod-hdng-2, .prod-hdng-3, .prod-hdng-4 { width: 17%; }

.prod-hdng-5 { width: 8%; justify-content: center; }

.proddetails-main-box { padding-left: 20px; margin-top: 24px; height: 214px; overflow: hidden; overflow-y: scroll; }

.details-main-box { justify-content: space-between; flex-wrap: wrap; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px dashed #C1C1C1; }

.details-main-texts{width: 95%;}

.pro-name-details { width: 39%; }

.main-pro-name p { margin-bottom: 8px; font-size: 15px; /* color: #212121; */ color: var(--primary-color); font-weight: 600; }

.addon-pro-name p { margin-bottom: 8px; font-size: 15px; color: #242424; }

.ordr-div-box .prod-price, .ordr-div-box .dlvr-pro-chrg, .ordr-div-box .dlvry-date { /*font-size: 2.15vw;*/ font-size: 16px;width: 18%; display: flex; /* justify-content: center; */  }

/*.prod-price, .dlvr-pro-chrg, .dlvry-date{ }*/

.details-main-box .prod-price span, .details-main-box .dlvr-pro-chrg span, .details-main-box .dlvry-date span{display: none;}

.details-main-box .prod-price{width: 16.5%;font-size: 16px;/*width: auto;*/}

.ordr-div-box .dlvr-pro-chrg{width: 14.5%;}

.ordr-div-box .dlvry-date{width: 18%;}

.ordr-div-box .prod-image { width: 5%; }

.ordr-div-box .prod-image img{width: 100%;}

.ordr-summery { justify-content: space-between; align-items: center; padding: 20px; background-color: #FFF7F7; }

.smry-hdng p { font-weight: 600; color: var(--primary-color); line-height: 22px; }

.smry-sml-hdng { font-size: 14px; font-weight: 500 !important; }

.sbtotal-hdng { font-weight: 600; font-size: 17px; color: var(--primary-color); gap: 10px; justify-content: center; }

.perinfo-left-div { width: 50%; }

.per-info-box { margin-bottom: 16px; }

.per-info-box p { color: #2B2B2B; font-size: 16px; }

.per-info-box span { color: #4F4F4F; font-size: 16px; font-weight: 600; }

.perinfo-right-div { width: 48%; padding-left: 22px; border-left: 1px solid #C1C1C1; }

.m-top-btn { margin-top: 80px; }

.wshlist-main-div { justify-content: space-between; padding-bottom: 25px; }

.wshlist-bx-1 { width: 70%; justify-content: start; }

.wshlist-bx-1, .wshlist-bx-2 { gap: 25px; align-items: center; }

.dlt-img-btn { color: #828282; font-size: 20px; }

.wshlst-img-div { border-radius: 4px; overflow: hidden; width: 100px; height: auto; }

.wshlst-pro-hdng p { font-weight: 500; color: var(--primary-color); }

.wshlst-price p{ font-weight: 600; color: #050505; }

.wshlst-addcart-btn{ margin-top: 0; }



/************ LOGIN PAGE  &  SIGN UP PAGE *************/

.login-bg, .signup-bg{ position: relative; /*background-color: #D9D9D9;*/ height: 382px; margin-bottom: 300px; border-bottom-left-radius: 38px; border-bottom-right-radius: 38px; }

.login-box, .signup-box{ width: 67%; /*position: absolute; top: 75%; left: 51%; transform: translate(-50%, -37%); box-shadow: #ededed 0px 5px 7px 3px;*/ border-radius: 4px; background-color: #fff;  align-items: stretch; margin: 5vw auto;}

.login-box-left, .login-box-right, .signup-box-left, .signup-box-right{width: 50%;}

.login-box-left, .signup-box-left{  background: linear-gradient(180deg, rgba(255, 223, 192, 1) 0%, rgba(253, 235, 234, 1) 62%); display: flex; flex-direction: column; justify-content: center; border-top-left-radius: 20px; border-bottom-left-radius: 20px; text-align: center; padding: 30px; }

.login-box-left input, .login-box-left button, .signup-box-left input, .signup-box-left button{font-family: inherit;}

.login-box-right img, .signup-box-right img{width: 100%;height: 100%;object-fit: cover;display: block;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}

.signup-box-right{padding: 0}

.login-input, .signup-input{display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 37px; box-shadow: -1px 4px 9px 0px #EDD4C199; position: relative;}

.login-input #email-error, .login-input #password-error, .signup-input #name-error, .signup-input #email-error, .signup-input #mobile_number-error, .signup-input #password-error, .signup-input #confirm_password-error, .signup-input #countries_id-error{font-size: 14px;width: 100%;text-align: left;/*padding-top: 0.4rem;*/position: absolute;bottom: -24px;}

.login-title, .signup-title{ font-size: 2vw; margin-bottom: 2vw; }

.l-prefix, .login-input input, .signup-input input, .signup-input select{padding: 1vw 0;background-color: #FDF6F0;}

.l-prefix{width: 10%;border-top-left-radius: 4px; border-bottom-left-radius: 4px;/*border-right: 1px solid #D0D0D0;*/display: flex;justify-content: center;align-items: center;}

.l-prefix img{width: 1.28vw;height: auto;display: block;}

.login-input input, .signup-input input, .signup-input select{width: 90%;border: none;outline: none;border-top-right-radius: 3px; border-bottom-right-radius: 3px;font-size: 0.8vw;color:#565656 }

.login-input input::placeholder{color:#565656}

.forgot-pass{text-align: right;font-size: 1vw;}

.forgot-pass a{color: var(--primary-color);}

.log-in-btn button, .sign-up-btn button{ display: flex; justify-content: center; align-items: center; gap: 1vw; background-color: #FFAFAB; width: 8.5vw; padding: 0.5vw 0vw 0.5vw 0.5vw; border-radius: 50px; margin: 1vw auto; font-size: 0.85vw; border: none; }

.log-in-btn button p, .sign-up-btn button p {padding-top: 0; font-size: 1vw; color: #fff; }

 .log-in-btn button .btn-arrow, .sign-up-btn button .btn-arrow{padding: 0.3vw 0.5vw;}

.sign-up-txt-link, .log-in-txt-link{font-size: 1vw}

.sign-up-txt-link a, .log-in-txt-link a{color: var(--primary-color);text-decoration: underline;}

.sign-up-txt-link a:hover, .log-in-txt-link a:hover{text-decoration: underline;}

.signup-box-right{display: flex; align-items: center; justify-content: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

/*.signup-input input{width: 100%; border-radius: 8px; border: none; padding: 13px; font-size: 14px;}*/

/*.signup-box-right img{width: 90%;}*/




/************ CONTACT US *************/

.contact-us{/*height: 550px;*/margin: 5vw auto;}

.contact-content{display: flex;justify-content: space-around;align-items: center;margin-top: 3vw;}

.contact-body{width: 50%;padding-top: 20px;height: inherit;}

.contact-title{/*color: var(--primary-color); font-weight: 600; display: inline-block;*/font-size: 2.2vw;text-align:center; }

/*.contact-title::after{ content: ''; display: block; width: 40px; height: 2px; background-color: var(--primary-color); margin: 5px 0; }*/

.contact-subtitle{margin: 1vw auto 1.8vw;font-size: 1.5vw;color: #2D2D2D;}

.contact-sections{ /*display: flex; flex-wrap: wrap; align-items: center; justify-content: start; gap: 30px;*/ }

.contact-boxes{ padding: 1vw 2vw; display: flex; justify-content: space-between; align-items: center; text-align: center; margin-bottom: 2vw; border-radius: 4px; background-color: #F6F6F6; border: 1px solid var(--primary-color); transition: 0.2s linear; }

.contact-boxes:hover{background-color: #F5ECEC}

/*.contact-box-1{color: var(--primary-color);border: 1px solid var(--primary-color);}

.contact-box-2{color: var(--primary-color);border: 1px solid var(--primary-color);}

.contact-box-3{color: var(--primary-color);border: 1px solid var(--primary-color);}*/



/*.contact-box-1:hover{background: #c101010d}

.contact-box-2:hover{background: #c101010d}

.contact-box-3:hover{background: #c101010d}*/



.contact-box-main{display: flex;align-items: center;gap: 1vw}

.contact-box-title{/*margin-top: 24px;*/font-weight: 500;text-transform: uppercase;font-size: 1.3vw;color: #000;}

.contact-box-img{ /*width: 60px; height: 60px; margin: 0 auto;*/ display: inline-block; /*justify-content: center; align-items: center; box-shadow: 0px 3px 6px 0px #a5a5a575;*/ border-radius: 4px; }

.contact-box-1 .contact-box-img img{width: 3.8vw}

.contact-box-2 .contact-box-img img{width: 3.5vw}

.contact-box-3 .contact-box-img img{width: 3vw}

.contact-arrow{background-color: var(--primary-color); width: 3vw; height: 3vw; display: flex ; justify-content: center; align-items: center; border-radius: 50%; }

.contact-arrow img{width: 1.55vw;}

/*.contact-box-img img{width: 3.8vw;}*/

.contact-info{ width: 33%; /*padding: 9vw 2.5vw 0vw 4vw; border-left: 1px solid #BEBEBE;*/ text-align: center; height: inherit;}

/*.contact-info-title{ color: var(--primary-color) !important; font-size: 20px; font-weight: 600; }

.contact-info p{margin-bottom: 10px;color: #303030;}

.contact-info p span{color: var(--primary-color);}*/

.contact-info img{width: 100%;height: auto;display: block;}

.contact-us-auto-height{height: auto;}

.contact-inner-pages-form{ padding: 0 20px 20px 20px; margin-right: 2vw; border: 1px solid #ddd; box-shadow: #878787 0px 2px 6px -3px; height: 100%; position: relative; }

.contact-inner-pages-title{  font-size: 24px; font-weight: 500; /*color: var(--primary-color);*/ text-align: center; padding: 20px 0 30px; }

.contact-inner-pages-input{display: flex;flex-direction: column;gap: 10px;width: 49%;margin-bottom: 20px;}

.contact-input-full-width{width: 100%;}

.contact-inner-pages-wrapper{ display: flex; flex-wrap: wrap; justify-content: space-between; }

.contact-inner-pages-wrapper-2{width: 49.5%;}

.contact-inner-pages-wrapper-2 .contact-inner-pages-input{width: 100%;}

.contact-inner-pages-input label{ font-weight: 600; color: #303030; }

.contact-inner-pages-input label span, .complaint-image-file-text{color: red;}

.contact-inner-pages-input select, .contact-inner-pages-input input, .contact-inner-pages-input textarea{ padding: 6px; font-family: inherit; font-size: 16px; }

.track-order-info{font-size: 14px; color: #636363;}

.contact-forgot-password{ margin-left: 10px; color: var(--primary-color); background-color: #fff; border: 1px solid var(--primary-color) !important; }

.btn-top-margin{margin-top: 10px;}

.track-order-submit-class{width: 25%; padding: 10px 0 !important; }

.contact-signup-link{ position: absolute; bottom: 18px; }

.contact-signup-link a{color: var(--primary-color);text-decoration: underline;}




/************ CONTACT TICKET *************/

.inside-container{width: 800px}

.inside-heading{font-size: 32px; font-weight: 700; padding-top: 48px; padding-bottom: 15px; text-align: center; color: var(--primary-color);}

.inside-txt div, .ticket-details p, .ticket-msg-box-title{padding-bottom: 10px}

.track-order-body hr{display: none;}

.ticket-link{margin-top: 30px;font-weight: 600;}

.ticket-link a{padding-top: 8px;display: block;text-decoration: underline;}

.thanks-note{padding: 20px; margin-top: 35px; background-color: #FFF7F7; border: 2px solid var(--primary-color); border-radius: 5px; line-height: 24px; }

.thanks-note span{display: block; font-weight: 600; font-size: 21px; padding-bottom: 10px; }

.ticket-details p, .ticket-msg-box-title{display: flex; gap: 16px}

.ticket-details p b, .ticket-msg-box-title b{width: 80px;}

.ticket-msg-box{margin-top: 10px;}

.sender-date{padding-top: 4px;color: #4D4D4D;font-style: italic;font-size: 14px;}

.sender-date-left{text-align: left;}

.sender-date-right{text-align: right;}

.msg-box-wrapper{background-color: #F6F6F6; padding: 15px; height: 400px; overflow-y: scroll; overflow-x: hidden;}

.msg-box-wrapper::-webkit-scrollbar {width: 9px;}

.msg-box-wrapper::-webkit-scrollbar-thumb {background: #A3A3A3; }

.msg-box-wrapper::-webkit-scrollbar-track {box-shadow: inset 0 0 3px #D9D9D9; }

.msg-img-txt{padding-bottom: 15px;display: flex;flex-direction: column;}

.msg-img-txt-1{align-items: end;}

.msg-img-txt-2{align-items: start;}

.msg-txt{padding: 8px; /*border: 1px solid #8E8E8E;*/ border-radius: 3px; color: #232323;width: 50%;}

.msg-txt-1{background-color: var(--primary-color);color: #fff}

.msg-txt-2{background-color: #e3e3e3;color: #383838}

.msg-txt img{display: block; width: 100%; height: auto; }

.ticket-reply form{position: relative;}

.ticket-reply form #displayImage{font-size: 12px; position: absolute; bottom: -24px; }

.ticket-reply form input{width: 84%;padding: 10px; font-size: 16px; font-family: "Lato", sans-serif; position: sticky; bottom: 0; border: 1px solid;border-left: none;border-right: none;}

.ticket-reply form label{width: 6%; display: flex; justify-content: center; align-items: center; color: #434343; background-color: #F5F5F5; border: 1px solid;padding: 7px; }

.ticket-reply form label i{font-size: 24px;}

.ticket-reply form button{width: 10%;background-color: var(--primary-color); color: #fff; font-size: 20px; border: 1px solid var(--primary-color); border-bottom-right-radius: 3px; border-top-right-radius: 3px;padding: 7px;}

.c-c-msg-txt-download div:first-child{color: #C4C4C4; font-style: italic; text-decoration: underline; line-height: normal; }

.c-c-msg-txt-download div:first-child i{padding-left: 8px;}





/************ TERMS & CONDITIONS (and other Policy pages) *************/

 .info-pages-body{margin-top: 40px;}

.info-pages{margin-bottom: 60px;}

.info-pages-heading{text-align: center;color: var(--primary-color);font-size: 26px;font-weight: 600;padding-top: 26px;}

.info-pages-body ul, .info-pages-body ol{list-style: none; padding-left: 22px;}

.info-pages-body ul li, .info-pages-body ol li{ background-image: url(../../images/green-list-arrow.webp); background-size: 12px 16px; background-position: left 3px; background-repeat: no-repeat; padding-bottom: 12px; padding-left: 20px; line-height: 20px; }

.info-pages-body ul li::before, .info-pages-body ol li::before{ padding-right: 8px; }

.info-pages-body strong{font-weight: 600}

.info-pages-heading::after { content: ''; display: block; width: 86px; height: 2px; background-color: var(--primary-color); margin: 12px auto; }

.info-pages-links{ width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; font-weight: 600; }

.info-pages-links a{color: var(--primary-color);padding: 10px 15px;border-radius: 2px;}

.info-pages-links a:last-child{padding-bottom: 0;}



.privacy-policy-body ul li strong, .refund-policy-body ul li strong, .cancellation-policy-body ul li strong{ display: inline-block; margin-bottom: 6px; }

.privacy-policy-body ul li ul{ margin-top: 10px; list-style-type: disc; }

.privacy-policy-body ul li ul li, .refund-policy-body ul li ol li{ background-image: none; padding-left: 0; margin-left: 25px; }

.refund-policy-body ul li ol{ margin-top: 10px; list-style-type: lower-alpha; }

.refund-policy-body ul li ol li::marker{font-weight: bold;}

.refund-policy-body table, .refund-policy-body th, .refund-policy-body td{ border: 1px solid #ff9330; border-collapse: collapse; border-radius: 2px; border-style: hidden; box-shadow: 0 0 0 1px #ff9330; }

.refund-policy-body table{margin-top: 10px;}

.refund-policy-body th, .refund-policy-body td{ padding: 10px 20px; }

.refund-policy-body th{ background-color: #ff9330; color: #fff; text-align: center; }

.refund-policy-body td{ border: 1px solid #ffdbba; }

.refund-policy-body td:first-child{text-align: center;}





.refund-policy-body, .cancellation-policy-body{ height: 300px; }

.refund-policy-body ul li ol li ul{ margin-top: 10px; list-style-type: disc; }

.active-info-pages-links{background-color: var(--primary-color);color: #fff !important;}



/************ Delivery Locations *************/

.del-loc-page-subtxt{width: 96.5%;margin: 0 auto;}

.city-del-loc-page-subtxt{text-align: center;}

.del-loc-body-title{ font-size: 24px; color: #BF700B; margin-bottom: 20px; }

.city-del-loc-body-title{margin-bottom: 50px;}

.del-loc-tabs{ display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-top: 20px; }

.del-loc-contents{ width: 1200px; margin: 0 auto; }

.del-loc-custom-tab{ padding: 10px 15px; border-radius: 4px; margin-bottom: 20px; font-weight: 600; color: /*#747474*/ var(--primary-color); border: 1px solid var(--primary-color); background-color: #FBFFFB; cursor: pointer; }

.del-loc-custom-tab.active { box-shadow: #878787 0px 1px 4px 0px; background-color: var(--primary-color); color: #fff; }

.del-locations{display: flex;gap: 20px;margin-bottom: 20px;}

.del-locations-bulleting{ width: 1%; color: var(--primary-color); font-size: 20px; font-weight: 600; }

.del-locations-box{ width: 100%; line-height: 28px; border: 1px solid #C3C3C3; border-radius: 2px; padding: 10px 15px; }

.del-locations-box a{color: #000;text-decoration: underline;}

.del-locations-box a::after{ content: ','; margin-right: 4px; margin-left: 4px; }

.del-locations-box a:last-child::after{content: '';}

.delivery-locations-body p{display: flex;gap: 20px;flex-wrap: wrap;}



.delivery-locations-body a, .block_location a{color: #2e2e2e}

.alpha_index-container, .alpha_index{padding-left: 0 !important}

.alpha_index-container{display: flex;flex-wrap: wrap;display: flex;gap: 2%;font-size: 24px;}

.alpha_index{font-size: 24px;width: 20px;background-image: none !important;}

.alpha_index a{color: var(--primary-color) ;}

.delivery-locations-body hr{margin: 1rem 0;border: 0;border-top: 1px solid rgba(0, 0, 0, .1);}

.block_location_title_inactive, .block_location_title{font-size: 26px;padding-bottom: 15px;}

.block_location{display: flex;gap: 20px;flex-wrap: wrap;}


.delivery-locations-body p a, .block_location a:hover{text-decoration: underline;}







/************ Track Order *************/

.track-order-body p, .track-container{text-align: center;}

.track-order-body form{width: 500px; margin: 40px auto 0;}

.tof-form-group{display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 24px; }

.tof-form-group input{margin-top: 12px; width: 100%; padding: 14px; font-family: inherit; font-size: 14px; border: 1px solid #aba9a9; outline: none; /*box-shadow: 0px 0px 6px -1px #ffb2b2;*/ border-radius: 4px; }
.tof-form-group input:hover, .tof-form-group input:active{/*border: none;*/outline: none;}

.track-order-btn button{background-color: var(--primary-color); color: #fff; padding: 10px 32px; font-size: 16px; font-family: inherit; border: none; border-radius: 4px; }





/************ Order Status Details *************/

.order-status-details{width: 97%; margin: 28px auto; box-shadow: #5B5B5B40 0px 0px 4px 1px; padding: 18px; }
.osd-head-wrapper{display: flex;justify-content: space-between;align-items: center;}
.osd-head{ color: var(--primary-color); }
.osd-head:last-child{background-color: #FFEAC3; padding: 10px 12px; border-radius: 4px; }
.order-status-details table{width: 100%; text-align: center; border-collapse: collapse;border-color: #F6BF55;}
.order-status-details table tr:first-child{background-color: #FFDB96;}
.order-status-details table tr:first-child th{padding: 6px}
.order-status-details table tr td{color: #242424}
.order-status-details table tr td:nth-child(2), .order-status-details table tr td:nth-child(4), .order-status-details table tr td:nth-child(6){background-color: #FFF9F5}
.order-status-details table tr td img{width: 100%; height: auto; display: block; margin: 0 auto; padding: 5px; }
.order-status-details table tr td:first-child{width: 12%}
.order-status-details table tr td:nth-child(2){width: 13%}




/*Fix responsive from Cart checkout page*/








/************ MEDIA QUERIES *************/

@media only screen and (max-width: 1570px) {
    .banner-btn{width: 14.5vw;padding: 0.8vw;font-size: 1vw;}
    .btn-arrow{padding: 0.4vw 0.65vw;}
    .btn-arrow img{width: 0.86vw;}
    .prd-card-heading, .price-section, .ratings, .earl-delv{padding-bottom: 0.54vw;}
    .testimonial-place{width: 10vw;}

    /* Categories page */
    .categories-products{padding: 1.8vw 0.9vw 1vw 0.4vw;}
    .cat-prds-item{width: 32.23%;}
    .cat-prds-item .prd-card-heading{font-size: 1.07vw;}

    /* Prd details page */
    .message-card #prod-title{height: 2vw;}
}

@media only screen and (max-width: 1200px) {
    .search-bar-alert {bottom: -1.6vw; left: 2.5%; font-size: 1.1vw; }

    /*  Cart checkout  */
    .checkout-body{padding: 20px 25px;}
    .checkout-tag-title{padding: 8px 10px;margin-bottom: 10px;  font-size: 14px;}
    .checkout-details-section{padding-right: 25px;}
/*    .review-order-section { width: 44.5%; }*/
    .login-type-radio label{font-size: 14px;}
    .login-label:before{left: -20px;top: 1px;width: 14px;height: 14px;}
    .login-label:after{width: 8px; height: 8px;left: -16px;top: 5px;}
    .form-group input, .form-group textarea, .form-group select{font-size: 14px;padding: 12px;}
    .form-btn{font-size: 14px;padding: 10px 25px;}
    .recipient-name select{padding: 12px 5px;}
    .recipient-name .form-group:first-child { width: 20%; }
    .recipient-name .form-group { width: 77%; }
    .saved-add-details p, .shipping-btns button, .edit-address-btns button, .add-address-btns button{font-size: 14px;}
    .billing-form-phone{margin-bottom: 20px;}
    .billing-form-phone span{font-size: 14px;padding: 12px;}
    .billing-phone p{bottom: -22px;font-size: 12px;gap: 5px;}
    .billing-phone p img{width: 16px;}
    .special-instruction-txt{font-size: 12px;}
    .form-title{font-size: 16px;}
    .payment-option-box p{font-size: 14px; line-height: 20px; }
    .payment-option-box .form-btn{font-size: 12px; padding: 8px 16px; }
    .check-term-nd-cond{font-size: 14px;}
    .check-term-cond label:before{padding: 7px;}
    .check-term-cond input:checked + label:after{top: 3px; left: 7px; width: 3px; height: 8px;}
    .review-order-title, .review-order-total{font-size: 14px;}

    /* Login & signup */
    .login-bg{height: 32vw;margin-bottom: 28vw;}
    .login-box, .signup-box{width: 80%;left: 49.5%;}
    .login-title, .signup-title {font-size: 24px; margin-bottom: 24px; }
    .l-prefix img{width: 20px;}
    .login-input input, .signup-input input, .signup-input select{font-size: 14px;padding: 14px;}
    .signup-bg{height: 330px;margin-bottom: 300px;}
    .log-in-btn button, .sign-up-btn button{gap: 12px;width: 150px;padding: 12px 0px 12px 5px;margin: 18px auto;justify-content: center;}
    .log-in-btn button p, .sign-up-btn button p{font-size: 16px;}
    .log-in-btn button .btn-arrow, .sign-up-btn button .btn-arrow{padding: 7px 8px 6px;}
    .log-in-btn button .btn-arrow img, .sign-up-btn button .btn-arrow img{width: 12px;}
    .forgot-pass, .sign-up-txt-link, .log-in-txt-link{font-size: 14px;}

    /*  Contact  */
    .contact-title, .contact-info-title{font-size: 18px;}
    .contact-info-title{font-size: 18px !important;}
    .contact-subtitle, .contact-box-title, .contact-info p{font-size: 14px;}
    .contact-box-img{width: 45px;height: auto;}
    .contact-box-img img { width: 20px; }
    .contact-inner-pages-title{font-size: 20px;}
    .contact-inner-pages-input label, .contact-inner-pages-input select, .contact-inner-pages-input input, .contact-inner-pages-input textarea, .contact-signup-link{font-size: 14px;}
    #query_submit{font-size: 14px;padding: 8px 40px;}
}

@media only screen and (max-width: 1000px) {
    .head1{padding: 1.5vw 3.5vw;padding-bottom: 3.2%;}
    .head1-left, .head1-right{font-size: 1.4vw;}
    .logo a img{width: 100%;}
    #searchKey{font-size: 1.2vw;}
    .search-btn img{width: 2vw;}
    .search-bar-main{padding: 1vw 1.3vw;}
    .head2-right{width: 30%;}
    .head2-options, .head2-options .price-select select{font-size: 1.2vw;}
    .head2-options img{height: 1.7vw;}
    .nav > li{width: 13%;}
    .nav > li > a{font-size: 1.4vw;}
    .nav li ul{width: 150%;}
    .nav li li li a{font-size: 1.3vw;}
    /* .banner-slider{margin-top: 15.8%;} */
    .banner-txt{width: 35%;top: 16%;right: 7%;}
    .pre-text{font-size: 3vw;}
    .banner-maintxt{font-size: 6.3vw;}
    .banner-subtxt{line-height: 1.8vw;font-size: 1.3vw;}
    .banner-btn{width: 18.5vw;font-size: 1.3vw;padding: 1vw;}
    .btn-arrow{padding: 0.2vw 0.7vw;}
    .btn-arrow img{width: 1vw;}
    .popular-categories, .index-category, .search-by-categories, .last-hour-offer-banner, .unique-gifts, .quick-gift-finder, .elegance-nd-quality, .budget-friendly-banner, .browse-more-gift, .discount-banner, .faq, .testimonial, .content, .categories-wrapper, .testimonials-container, .similarproducts-container{width: 95%;}
    .categories-heading h2, .index-cat-titles h2, .quick-gift-finder-heading h2, .browse-more-gift-heading h2, .faq-heading h2, .testimonial-heading h2{font-size: 3vw;}
    .popular-cat-carousel .owl-nav{font-size: 5vw;}
    .popular-cat-carousel .owl-nav .owl-prev{left: -22px;}
    .popular-cat-carousel .owl-nav .owl-next{right: -22px;}
    .popular-cat-title h3 { font-size: 1.7vw; }
    .prd-off{right: -6px;top: -11px;}
    .popular-cat-title h3, .search-by-cat-title h3, .u-g-body-title h3, .browse-more-gift-title h3{margin-top: 1.7vw;}
    .why-choose-us{align-items: center;}
    .why-choose-title{font-size: 2.6vw;}
    .why-choose-title span{font-size: 3.6vw;}
    .why-choose-subtxt p { font-size: 1.4vw; line-height: 2.3vw;}
    .search-by-categories-body, .browse-more-gift-body{justify-content: start;gap: 3.6vw;}
    .search-by-cat-item, .browse-more-gift-item {width: 22%;}
    .popular-cat-title h3, .search-by-cat-title h3, .browse-more-gift-title h3{font-size: 1.8vw;}
    .ind-prds-item, .prd-det-prds-item{width: 31.9%;margin: 0;}
    .index-products{gap: 2%;row-gap: 2vw;}
    .prd-off img { width: 5vw; }
    .prd-off p{ margin: -3.8vw auto 0;font-size: 1vw;width: 2.2vw; }
    .prd-card-heading{font-size: 1.6vw;padding-bottom: 1vw;}
    .price-section, .ratings{padding-bottom: 1vw;}
    .rating-yellow { font-size: 1.6vw; line-height: 1.5vw; }
    .rating-count{font-size: 1.1vw;}
    .price-tag{font-size: 1.6vw;}
    .strike-price{font-size: 1.2vw;}
    .earl-delv { font-size: 1.3vw; padding-bottom: 1vw; }
    .ear-del{font-size: 1.3vw;}
    .prd-shop-btn{gap: 0.8vw;}
    .prd-shop-btn:hover{gap: 1.2vw;}
    .prd-shop-btn-txt{font-size: 1.5vw;}
    .prd-shop-btn-arrow{padding: 0.6vw 0.6vw;}
    .prd-shop-btn-arrow img{width: 1.2vw;}
    .unique-gifts-titles{width: 57%;}
    .unique-gifts-titles h2{font-size: 3.5vw;}
    .unique-gifts-subtitle{font-size: 1.4vw;width: 66%;}
    .shop-products-now-btn{width: 19.5vw; font-size: 1.3vw; padding: 1vw; margin: 1vw auto; }
    .unique-gifts-body{margin-top: -10vw;}
    .u-g-body-title h3{font-size: 1.6vw;}
    .quick-gift-finder-body{width: 79%;}
    .section{gap: 4.7vw;}
    .no-gap {gap: 0;}
    .recipient .qgf-image img{width: 13vw;}
    .qgf-txt { font-size: 1.6vw; margin-top: 1.3vw;}
    .outer-design{gap: 1.8vw;}
    .relationship .qgf-image img{width: 10.6vw;}
    .relationship .qgf-txt, .occasion .qgf-txt{font-size: 1.4vw;}
    .overlay-title{top: -11%;}
    .faq-accordion-item{border-radius: 10px;}
    .faq-item-question{font-size: 1.7vw;}
    .faq-item-header{padding: 1.6vw;}
    .faq-item-answer{font-size: 1.3vw;}
    .top-box{padding: 2vw;height: 21vw;}
    .testimonial-star-review { font-size: 1.2vw; }
    .testimonial-date{font-size: 1.4vw;}
    .testimonial-text{font-size: 1.3vw;line-height: 1.9vw;}
    .testimonial-name{font-size: 1.5vw;}
    .testimonial-place{font-size: 1.3vw;}
    .testimonial-body .owl-nav .owl-prev{left: -23px; top: 35%; font-size: 4.5vw !important; }
    .testimonial-body .owl-nav .owl-next{right: -23px; top: 35%; font-size: 4.5vw !important; }
    .show-more-height{height: 40vw;}
    .content h2{font-size: 1.9vw;line-height: 2.7vw;}
    .content h3{font-size: 1.6vw;}
    .content p, .content ol, .content ul{line-height: 2vw;font-size: 1.3vw;}
    .show-more{width: 14%;font-size: 1.6vw;}
    footer{padding: 4vw 3vw 2vw;}
    .footer-upper-box-1 { width: 18%; }
    .footer-upper-box-2 { width: 77%; }
    .footer-upper-box-2 ul, .footer-upper-box-2 ul:nth-child(3), .footer-upper-box-2 ul:nth-child(5), .footer-upper-box-2 ul:nth-child(6){width: 10%;}
    .footer-social-media a{width: 3.2vw; height: 3.2vw;font-size: 1.4vw; }
    .footer-upper-box-2 ul li a{font-size: 1.3vw;padding: 0.6vw 0;line-height: 2vw;}
    /*.footer-middle-box:nth-child(1){width: 24%;}
    .footer-middle-box:nth-child(2){width: 32%;}
    .footer-middle-box:nth-child(3){width: 27%;}*/
    .footer-middle-title { font-size: 1.6vw; padding-bottom: 1.5vw; }
    .payment-box img{width: 5vw;}
    .subscribe-box input{width: 81%;font-size: 1.3vw;}
    .subscribe-box button{width: 31%;font-size: 1.23vw;}
    .support-mail i { font-size: 1.8vw; }
    .support-mail a { font-size: 1.5vw; word-break: break-all;}
    .footer-lower{font-size: 1.5vw;}

    /* Categories page */
    .categories-banner-txt{width: 48%;}
    .categories-banner-txt h1{font-size: 2.7vw;}
    .categories-sidebar{margin-top: 6vw;}
    .cat-prds-item{width: 31%;}
    .categories-banner-txt p{font-size: 1vw;line-height: 1.4vw;}
    .quick-filter-title{font-size: 1.4vw;}
    .quick-filter-box{font-size: 1.1vw;}
    .sort-by-title{gap: 0.8vw; padding: 0.8vw; font-size: 1.2vw;}
    .sort-li-link{font-size: 1.2vw;}
    .sort-ul li a, .sidebar-title{font-size: 1.2vw;}
    .sidebar-choosen-filter-box{font-size: 0.9vw;}
    .sidebar-title{padding-bottom: 1.5vw;}
    .sidebar-options, .show-more-filter{padding-bottom: 1.1vw;}
    .sidebar-options label, .show-more-filter{font-size: 1.1vw}
    .sidebar-options input{height: 1.8vw;width: 2vw;}
    .sidebar-body-height{height: 14.5vw;}
    .categories-products{gap: 1.8vw;}
    .cat-prds-item { width: 31.7%; }
    .cat-prds-item .prd-off img { width: 5vw; }
    .cat-prds-item .prd-off p { margin: -3.9vw auto 0; width: 2.2vw; font-size: 1.1vw; }
    .cat-prds-item .prd-card-heading{ font-size: 1.3vw; height: 4vw; }
    .cat-prds-item .prd-card-body .price-tag { font-size: 1.3vw; }
    .cat-prds-item .prd-card-body .strike-price { font-size: 1.1vw; }
    .cat-prds-item .prd-card-body .rating-yellow { font-size: 1.4vw; }
    .cat-prds-item .prd-card-body .rating-count { font-size: 0.9vw; }
    .cat-prds-item .prd-card-body .earl-delv, .cat-prds-item .prd-card-body .ear-del, .cat-prds-item .prd-card-body .prd-shop-btn-txt { font-size: 1.1vw; }
    .cat-prds-item .prd-card-body .prd-shop-btn-arrow img { width: 0.8vw; }
    .cat-prds-item .prd-card-main { padding: 1vw; }


    /* Prd details page */
    .similarproducts-carousel .prd-off img{width: 4vw !important;}
    .similarproducts-carousel .prd-shop-btn-arrow img{width: 1.2vw !important;}


    /*  Cart page  */
    .cart-body{flex-direction: column;}
    .cart-table{width: 100%;height: auto;}
    .cart-right{width: 80%;margin: 30px auto 0;padding: 20px;}
    .c-t-hdng-items { width: 34.5%; }
    .c-t-hdng-qty { width: 14%; }
    .c-t-hdng-price { width: 13.5%; }
    .cart-name-id{width: 35%;}
    .cart-quantity { width: 12%; }
    .cart-pincode, .cart-price { width: 12%; }
    .cart-delivery { width: 23%; }
    .cart-delivery p{font-size: 13px;}
    .no-cart-item-img {width: 27%;}
    /* .more-categories-title{font-size: 22px;} */
    .cart-body{margin: 30px auto 0px;}


    /*  Cart checkout  */
    .checkout-tag{display: none;}
    .checkout-body{flex-direction: column;padding: 0; box-shadow: none;}
    .checkout-body, .checkout-details-section, .review-order-section{width: 100%;}
    .checkout-details-section { padding-right: 0; border-right: none; padding: 0; border-radius: 4px; }
    .review-order-section{margin-top: 40px;}
    .checkout-details-section .checkout-tag-title { display: block; /* margin-bottom: 0; */ transition: 0.2s linear; }
    .checkout-details{padding: 20px;box-shadow: #5B5B5B 0px 0px 4px 1px;border-radius: 4px;border-top-right-radius: 0; border-top-left-radius: 0; margin: -10px 1px 20px; }
    .form-title{display: none;}
    .review-order-body{height: auto;}
    .tag-active{border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
    .inside-container {width: 91%; }
    .track-order-body form{width: 100%;}
    .inside-heading{font-size: 25px;}



    .address-book-msg h2{font-size: 23px;}
    .custom-tab{padding: 8px 10px;font-size: 14px;}
    .btn-main-sec button{margin-top: 0;font-size: 14px;padding: 10px 16px;}
    .details-main-box{padding-bottom: 14px;margin-bottom: 20px;}
    .ordr-summery{padding: 14px;}
    .ordr-plcd{padding: 8px 18px;}
    .ordr-plcd p{font-size: 16px;}
    .vertical-tabs{/*display: none;*/width: 100%;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-bottom: 28px;}
    .custom-tab{width: 48%;}
    .tab-con{width: 100%; box-shadow: none; padding: 0; }
    .tab-con .custom-tab{display: block;}
    .custom-tab-content{padding: 10px;box-shadow: #5b5b5b38 0px 0px 4px 1px;margin-bottom: 20px;margin-top: -20px;}


    .info-pages-heading{font-size: 22px;}
    .info-pages-heading::after{margin: 12px auto;}
    .info-pages-links{width: 95%;}
    .info-pages-links a{font-size: 14px;}
    .info-pages-body ul{padding-left: 0;}

}


@media only screen and (max-width: 768px) {
    .index-heading{box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
    .hamburger{display: inline-block;position: absolute; top: 55px; left: 15px; }
    .ham-1{ background-color: #000; width: 25px; height: 2px; /*transition: all 0.3s ease-in-out;*/ }
    .ham-2{ background-color: #000; width: 15px; height: 2px; margin: 7px 0; /*transition: all 0.3s ease-in-out;*/ }
    .ham-3{ background-color: #000; width: 25px; height: 2px; /*transition: all 0.3s ease-in-out;*/ }
    /* .hamburger.is-active .ham-2{opacity: 0;}
    .hamburger.is-active .ham-1{transform: translateY(8px) rotate(45deg);}
    .hamburger.is-active .ham-3{transform: translateY(-10px) rotate(-45deg)} */
    .nav{ flex-direction: column; align-items: start; justify-content: start; width: 270px; height: 105vh; position: absolute; top: 0; z-index: 2; background-color: #fff; box-shadow: 0 6px 12px #000000a8; left: -800px; padding: 3px 16px; transition: 0.3s ease-in-out; }
    .nav-show{left: 0;transition: 0.3s ease-in-out;}
    .nav-overlay{ /* display: block; */ background-color: #00000054; width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 2; }
    .body-noscroll{overflow: hidden;}
    .nav-cross{/*border: 1px solid; width: 30px; height: 30px;*/ border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 8px -5px 12px auto; cursor: pointer; }
    .nav > li{text-align: left;padding: 0;width: 100%;}
    .nav > li > a { font-size: 16px;width: 100%;padding: 0.8em 0;display: flex;justify-content: space-between;border-bottom: 1px solid #EAEAEA; }
    .nav li a span.menusub { padding-left: 0px; font-size: 14px !important;width: 12px;}
    .menu-head-2 .menusub{transform: rotate(90deg);}
    .nav li ul{position: static;width: 100%;box-shadow: none;}
    /* .nav li ul:last-child, .nav li li:last-child a{padding-bottom: 0;} */
    .nav li li a, .nav li li i{font-size: 14px;padding: 0.8em 0em;border-bottom: 1px solid #EAEAEA;}
    .nav li li a{justify-content: space-between;overflow: hidden;}
    .nav li li li a, .skip-list-nav-menu li a{justify-content: start !important;}
    .nav li li i{/*padding: 0.5em 0em;*/padding: 0 8px 0 0;border-bottom: none}
    .nav > li:hover > ul{position: static;width: 100%;}
    .nav li li li a { font-size: 14px; }
    .nav li li li:last-child a{border-bottom: 1px solid #EAEAEA;}
    .relation-nav-menu::-webkit-scrollbar { width: 4px; }
    .relation-nav-menu::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 10px; }
    .relation-nav-menu::-webkit-scrollbar-track { box-shadow: grey 0px 0px 5px inset; border-radius: 10px; }
    .head2{flex-direction: column;gap: 8px;}
    .logo{width: 30%;padding-bottom: 7%;}
    .search-bar{width: 60%;}
    .search-bar-alert {bottom: -3.2vw; left: 1.5%; font-size: 2vw; }
    .search-bar-main { padding: 1.4vw 1.8vw; }
    #searchKey { font-size: 1.8vw; }
    .search-btn img { width: 3vw; }
    .head2-right { width: 47%;margin-top: 2vw; }
    .head2-options, .head2-options .price-select select { font-size: 2vw; }
    .head2-options img { height: 2.2vw; }
    /* .banner-slider { margin-top: 25.5%; } */


    /* Categories page */
    .categories-sidebar-overlay{  background-color: #00000054; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
    .categories-sidebar{ position: fixed; z-index: 2; background-color: #fff; width: 288px; height: 100vh; top: 0; left: -999px; margin-top: 0; padding: 40px 16px 16px; box-shadow: 0 6px 12px #000000a8; overflow: scroll; transition: 0.3s ease-in-out;}
    .categories-sidebar-show{left: 0%;transition: 0.3s ease-in-out;}
    .sidebar-image{display: none;}
    .sidebar-responsive-header, .categories-filter-btn{display: block;}
/*    .sidebar-responsive-header{margin-bottom: 20px;}*/
    .sidebar-header-title{ /*text-align: center;*/ color: #3F3F3F; padding: 16px; border-bottom: 1px solid #DFDCDC; font-size: 22px; }
    .filter-cross{ position: absolute; right: 12px; top: 4px; padding: 8px; font-size: 28px; }
    .sidebar-choosen-filters{display: none;}
    .sidebar-wrapper{ margin-bottom: 18px; /*padding-left: 12px;*/ }
    .sidebar-wrapper:last-child{border-bottom: none;}
    .sidebar-title { padding-bottom: 16px; font-size: 16px; width: 100%; }
    .sidebar-body{ display: flex; flex-wrap: wrap; gap: 10px; row-gap: 0; /* width: 40%; */ }
    .sidebar-body-height{ height: 218px; }
    .sidebar-options{ padding-bottom: 20px; width: 100%; }
    .sidebar-options input { height: 24px; width: 28px; }
    .sidebar-options input:before{right: 52%; top: 46%; width: 0.6vw; height: 1.4vw;}
    .sidebar-options label, .show-more-filter { font-size: 14px; }
    .show-more-filter{padding: 10px 0 20px;gap: 8px;}
    .categories-body { width: 100%; }
    .categories-all-filters{ flex-direction: column; align-items: start; gap: 3vw; }
    .quick-filter-title { font-size: 2vw; }
    .quick-filter-box { font-size: 1.5vw;padding: 0.9vw; }
    .categories-filter-wrapper{ display: flex; justify-content: space-between; width: 100%; }
    .categories-filter-btn{ display: flex; justify-content: start; align-items: center; gap: 1vw; border: 1px solid #00000047; border-radius: 6px; padding: 0.6vw 0.8vw; font-size: 1.8vw; cursor: pointer; }
    .categories-filter-btn img{ width: 1.7vw; height: auto; display: block; }
    .sort-by-title{ gap: 1.1vw; padding: 1vw; font-size: 1.65vw; }
    .sort-by-title p span{padding: 0 2vw 0 0.3vw;}
    .sort-ul li a{ font-size: 1.8vw;padding: 0.8vw; }
    .sort-li-link{font-size: 1.65vw;padding: 1vw;}
    .categories-products { gap: 2.3vw; height: auto; overflow: visible; padding: 0; margin-top: 0px;}
    .cat-prds-item .prd-card-heading { font-size: 1.7vw; height: 5vw; }
    .cat-prds-item .prd-card-body .price-tag { font-size: 1.7vw; }
    .cat-prds-item .prd-card-body .strike-price { font-size: 1.5vw; }
    .cat-prds-item .prd-card-body .price-section, .cat-prds-item .prd-card-body .earl-delv, .cat-prds-item .ratings { padding-bottom: 1vw; }
    .cat-prds-item .prd-card-body .rating-yellow { font-size: 1.8vw; }
    .cat-prds-item .prd-card-body .rating-count { font-size: 1.3vw; }
    .cat-prds-item .prd-card-body .earl-delv, .cat-prds-item .prd-card-body .ear-del, .cat-prds-item .prd-card-body .prd-shop-btn-txt { font-size: 1.4vw; }



    /* Prd details page */
    .main-container{width: 93%;height: auto;padding-bottom: 50px;margin: 2.5vw auto 4vw;flex-direction: column;}
    .breadcrumbs-total{width: 93%;margin: 3vw auto 0vw;padding-bottom: 2vw;}
    .breadcrumbs{font-size: 1.9vw;}
    .breadcrumbs li:after{margin: 0 1vw;}
    .image-section{flex-direction: column-reverse;align-items: start;width: 100%;margin-bottom: 3vw;}
    .thumbnail-container{flex-direction: row;/*justify-content: end;*/}
    #text-section{width: 100%}
    .text-section-wrapper{overflow: visible;}
    .prod-name{font-size: 4vw;margin-bottom: 1.65vw;line-height: normal;}
    .prd-rating-details{gap: 1.6vw;margin-top: 2vw;margin-bottom: 1.8vw;}
    .prd-rating-star{padding: 0.6vw 1.2vw 0.6vw;font-size: 2vw;}
    .prd-rating-reviews-no{font-size: 2.2vw;}
    .gray-divider{width: 1.6vw;height: 1.6vw;}
    .prd-rating-no{font-size: 2vw;}
    .prod-price-container{padding: 1.5vw 0;}
    .prod-price{font-size: 4.3vw;}
    .prod-discount-price{font-size: 2.8vw;}
    .prod-off{font-size: 2.4vw;}
    .variant-container-title {font-size: 2.4vw; margin-bottom: 1.65vw; margin-top: 2vw; }
    .card{height: 25vw;}
    .card-detail{width: 100%}
    .title{font-size: 2vw; line-height: 3vw; height: 17vw; }
    .price{font-size: 2.5vw;}
    #carousel1 .swiper-button-next:after, #carousel1 .swiper-button-prev:after{font-size: 16px;font-weight: bold;color: var(--primary-color);}
    .pin-date-wrapper{flex-direction: column;align-items: start;gap: 1.5vw;}
    .pin-outer-cont{width: 100%;padding: 2vw 0px 0.86vw;}
    .pincode-cont{height: 6.4vw;max-width: initial;}
    .pincode-form{height: 6.1vw;padding: 0 0vw 0 1.5vw;}
    .pin-location-icon {padding-right: 1.5vw; }
    .pincode-container input{font-size: 2.6vw;}
    .pincode-area-show{font-size: 1.7vw;}
    .pincode-chck-btn button{font-size: 2.8vw;padding: 0 4vw;}
    .order-available{font-size: 2.8vw;}
    .prd-det-delivery{width: 100%}
    .delivery-date input{font-size: 2.5vw; padding: 1.6vw 2.5vw 1.5vw 1.5vw; background-size: 1em auto, 100%;}
    .delivery-date #delivery_date_error {font-size: 2.2vw; }
    .addon-subsections {padding: 5vw 0; }
    .gourmet-header-container{padding-bottom: 1vw;}
    .gourmet-head, .message-card-head{font-size: 3vw;line-height: normal;}
    .add-on-tabs{padding: 2vw 0 2vw;gap: 1.5vw;}
    .add-on-tabs li{padding: 1.3vw 1.7vw;}
    .add-on-tabs li h3{font-size: 2.4vw;}
    .card-revamp{padding: 1.5vw;}
    .product-info{margin-top: 1.4vw;}
    #prod-title{font-size: 2vw; height: 7.3vw;}
    #prod-price{font-size: 2.3vw;padding: 1vw 0;}
    .prod-cart-btn{padding: 0.7vw;font-size: 2vw;}
    .quantity-selector button{font-size: 3.15vw !important;width: 5vw !important;}
    .quantity{font-size: 2.3vw;}
    .card-revamp-msg-card .addon-image-container{height: 27.6vw;}
    .message-card .card-revamp {padding: 1.6vw; }
    .message-card-head {padding-bottom: 2.8vw; }
    .message-card #prod-price {padding: 1.5vw 0 0; }
    .desc-review-container{margin-top: 5vw;}
    .tab2{padding: 1.5vw 0px;font-size: 2.8vw;}
    .tab-content{height: 43vw;width: 99%;padding: 2%;}
    .tab-description{font-size: 2.35vw !important;line-height: 3.8vw;}
    .star-rating-container{margin: 0 0 2vw;}
    .star-rating-container .titletxt{font-size: 2.4vw;}
    .star-rate{font-size: 2.6vw;}
    .review-name-block{margin-bottom: 3vw;}
    .review-name-block input, #review{padding: 1.3vw;font-size: 2.3vw;}
    .submit-button{width: auto;gap: 2vw;padding: 1.3vw 2vw 1.3vw 2.3vw;}
    .submit-button p{font-size: 2.4vw !important;color: #fff;}
    .submit-button .btn-arrow {padding: 1.2vw 1.3vw; }
    .btn-arrow img {width: 1.6vw; }
    .quantity-main, #add-to-cart, #personalize-btn, #edit-image-btn{height: 7.65vw;}
    .btn-position button{height: 2.5vw;font-size: 2.5vw;}
    .main-quantity {font-size: 3vw; }
    #add-to-cart {font-size: 3vw; }
    #personalize-btn img, #edit-image-btn img, #add-to-cart img{width: 4.3vw;}
    #personalizeModal { width: 80%; }
    .modal-cus-hdng p{font-size: 2.7vw;}
    .personalize-modal-close{padding: 1vw;font-size: 3vw;}
    .personalize-modal-close img{width: 12px;}
    .dropzone .dz-message img{width: 8vw;}
    .dropzone .dz-message p{font-size: 2.4vw;}
    .dropzone .dz-message p:last-child{font-size: 1.5vw;}
    .dropzone{min-height: auto;height: 18vw;}
    .img-upld-div{width: 70px;}
    .bin-div{font-size: 1.7vw;padding: 0.7vw;}
    .add-pers-txt-title{font-size: 2.1vw;}
    .add-pers-textarea textarea{font-size: 1.8vw;padding: 1vw;}
    .text-limit { font-size: 1.9vw; margin-top: 1vw 7.5px ; }
    .add-personalized-txt, .txt-cntnt { margin-top: 24px; }
    .txt-cntnt ul li{font-size: 2vw; margin-bottom: 1vw; }
    .save-div{height: 6vw;font-size: 2.4vw;}
    .cart-btn-container{position: fixed; width: 93%; bottom: 0;}
    .customersaying-carousel .item {padding-top: 2vw; }
    .testimonials-container, .similarproducts-container{margin: 7vw auto 0;width: 93%;}
    .testimonials-title, .testimonials-title2{font-size: 4vw;padding-bottom: 1.6vw;}
    .customer-quote{line-height: 3.5vw; font-size: 2.3vw;height: 23vw;}
    .customer-name{font-size: 2.6vw;}
    .testimonial-content{padding: 4.5vw 3vw 2vw;}
    .testimonial-colon-icon img{height: 3.6vw;}
    .customersaying-carousel .owl-nav button.owl-prev, .customersaying-carousel .owl-nav button.owl-next{width: 6vw; height: 6vw;font-size: 2.7vw;}
    .customersaying-carousel .owl-next, .similarproducts-carousel .owl-next {right: -2.8vw !important; }
    .customersaying-carousel .owl-prev, .similarproducts-carousel .owl-prev {left: -3.4vw !important; }
    /*.similarproducts-carousel .prd-card-heading{font-size: 2.3vw;}
    .similarproducts-carousel .price-tag {font-size: 2.7vw;}
    .similarproducts-carousel .strike-price {font-size: 2vw;}
    .similarproducts-carousel .rating-yellow {font-size: 2.6vw;line-height: 2.5vw;}
    .similarproducts-carousel .rating-count {font-size: 2vw;padding: 0vw 1.2vw 0.3vw;}
    .similarproducts-carousel .earl-delv{font-size: 2.3vw;}
    .similarproducts-carousel .ear-del{font-size: 2.3vw;}    
    .similarproducts-carousel .prd-shop-btn-txt {font-size: 2.5vw;}*/


    /* Cart page */
    .cart-page h2{font-size: 26px;}
    .cart-body{margin-top: 30px;}
    .cart-pincode, .cart-price { width: 8%; }
    .c-t-hdng-items { width: 35.5%; }
    .c-t-hdng-pincode { width: 12%; }
    .c-t-hdng-price { width: 11%; }
    .c-t-hdng-qty { width: 16%; }
    .cart-quantity { width: 15%; }
    .no-cart-item-img {width: 250px;}



    .order-status-div{ padding: 8px 0px;background: transparent; color: var(--primary-color); flex-direction: column; align-items: start; gap: 10px; font-weight: 800; }
    .ordr-plcd{border: 1px solid;padding: 5px 13px;}
    .proddetails-main-box{padding-left: 13px;}
    .membr-main-div{flex-direction: column;}
    .member-left-div, .member-right-div, .perinfo-left-div, .perinfo-right-div{width: 100%;}
    .member-left-div{ padding-right: 0; border-right: none; }
    .member-right-div{margin-top: 30px;height: auto;overflow: auto;}
    .btn-main-sec .form-btn{margin-top: 0px;}
    .proddetails-main-hdng{display: none;}
    .details-main-texts{width: auto;flex-direction: column;}
    .details-main-box .prod-price{font-size: 17px;padding-top: 0;}
    .details-main-box .pro-name-details, .details-main-box .prod-price, .details-main-box .dlvr-pro-chrg, .details-main-box .dlvry-date{width: 100%;padding-bottom: 10px;}
    .details-main-box .prod-price span, .details-main-box .dlvr-pro-chrg span, .details-main-box .dlvry-date span{display: inline-block;}
    .per-info-box { margin-bottom: 12px; }
    .per-info-box p, .per-info-box span{font-size: 14px;}
    .perinfo-right-div{padding-left: 0;border-left: none;margin-top: 30px;}
    .prod-image { width: 85px; }


    .login-box-right, .signup-box-right{display: none;}
    .login-box-left, .signup-box-left{width: 100%;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}


    .info-pages{margin-bottom: 40px;}
    .info-pages-heading {font-size: 18px;}
    .info-pages-heading::after{width: 60px;}
    .info-pages-body { margin-top: 30px; }


    .del-loc-page-subtxt{font-size: 14px;}
    .del-loc-body-title{font-size: 20px;}
    .del-loc-custom-tab{padding: 5px 15px;font-size: 14px;}
    .del-loc-contents{width: 100%;}
    .del-locations{gap: 10px;}
    .del-locations-bulleting{width: 14px;font-size: 16px;}
    .del-locations-box{line-height: 26px;font-size: 14px;}


    .osd-head-wrapper, .order-status-details table{font-size: 12px}
    .order-status-details{margin: 16px auto;padding: 12px;}
    .order-status-details table tr td img{padding: 0}
    .order-status-details table tr td{padding: 4px}


    .contact-us{flex-direction: column;height: auto;}
    .contact-title{ display: block; margin: 0 auto; text-align: center; }
    .contact-title::after{margin: 5px auto;}
    .contact-subtitle{ font-size: 14px;margin: 10px auto 24px;text-align: center; }
    .contact-sections{ justify-content: space-evenly;gap: 0; }
    .contact-boxes{padding: 8px 20px;margin-bottom: 26px;}
    .contact-body{padding-top: 0;}
    .contact-body, .contact-info{width: 100%;}
    .contact-box-1 .contact-box-img img, .contact-box-2 .contact-box-img img, .contact-box-3 .contact-box-img img{width: 100%}
    .contact-arrow{width: 32px;height: 32px;}
    .contact-arrow img {width: 16px; }
    .contact-info{/*border-left: none;padding: 7vw 3vw 0vw 4vw;*/display: none;}
    .contact-signup-link {margin-top: 100px; position: static;}

}


@media only screen and (max-width: 600px) {

    .head1{padding: 10px 15px;padding-bottom: 26px;}
    .head1-left, .head1-right, #searchKey, .head2-options, .head2-options .price-select select { font-size: 12px; }
    .head2{padding: 10px 0;}
    .logo { width: 220px; padding-bottom: 52px; }
    .search-bar { width: 350px; }
    .search-bar-alert {bottom: -16px; left: 13px; font-size: 12px; }
    .search-bar-main{ padding: 8px 12px; }
    .search-btn img { width: 18px; }
    .head2-right{width: 270px;margin-top: 14px;}
    .head2-options, .head2-options .price-select select{padding-bottom: 0;}
    .head2-options img{height: 16px;}
    /* .banner-slider { margin-top: 174px; } */
    .hamburger{top: 60px;}
    .index-categories-glow-img, .elegance-nd-quality-glow-img{display: none;}
    .popular-categories, .index-category, .search-by-categories, .last-hour-offer-banner, .unique-gifts, .quick-gift-finder, .elegance-nd-quality, .budget-friendly-banner, .browse-more-gift, .discount-banner, .faq, .testimonial, .content, .categories-wrapper{margin: 35px auto 0;}
    .categories-heading h2, .index-cat-titles h2, .quick-gift-finder-heading h2, .browse-more-gift-heading h2, .faq-heading h2, .testimonial-heading h2{font-size: 24px;}
    .categories-heading, .index-cat-titles, .quick-gift-finder-heading, .browse-more-gift-heading, .faq-heading, .testimonial-heading{margin-bottom: 16px;}
    .popular-categories, .testimonial{width: 90%;}
    .popular-cat-title h3, .search-by-cat-title h3, .browse-more-gift-title h3{font-size: 14px;margin-top: 10px;}
    .index-products{row-gap: 16px;}
    .ind-prds-item, .prd-det-prds-item{width: 48.9%;}
    .prd-off img{width: 45px;}
    .prd-off p{margin: -35px auto 0;font-size: 10px;width: 20px;}
    .prd-card-main{padding: 10px;}
    .prd-card-heading{font-size: 14px;padding-bottom: 8px;}
    .price-section, .ratings{padding-bottom: 8px;gap: 8px;}
    .price-tag{font-size: 14px;}
    .strike-price{font-size: 12px;}
    .rating-yellow{font-size: 16px;line-height: 14px;}
    .rating-count{font-size: 10px;padding: 2px 5px;}
    .earl-delv{font-size: 12px;padding-bottom: 8px;}
    .ear-del{font-size: 12px;}
    .prd-shop-btn{gap: 8px;}
    .prd-shop-btn-txt{font-size: 14px;}
    .prd-shop-btn-arrow{padding: 6px;}
    .prd-shop-btn-arrow img{width: 10px;}
    .why-choose-us{padding: 20px;margin-top: 35px;flex-direction: column-reverse;gap: 20px;}
    .why-choose-us-img{width: 350px;}
    .why-choose-us-text{width: 300px;}
    .why-choose-title{text-align: center;font-size: 20px;}
    .why-choose-title span{font-size: 28px;}
    .why-choose-subtxt p{ font-size: 14px; line-height: 22px; text-align: center; }
    /* .unique-gifts-body{margin-top: 0;} */
    .search-by-cat-item, .browse-more-gift-item {width: 30%;}
    .delivered-to-doorstep{flex-direction: column;gap: 25px;padding: 20px;margin-top: 25px;}
    .doorstep-banner-left{width: 350px;}
    .doorstep-banner-left p{text-align: center;font-size: 24px;}
    .doorstep-banner-right{width: 100%;}
    .doorstep-box-txt p{font-size: 12px;}
    .unique-gifts-titles{width: 372px;}
    .unique-gifts-titles h2{font-size: 26px;}
    .unique-gifts-subtitle{ font-size: 12px; width: auto; line-height: 16px; }
    .unique-gifts-body{ margin: 0; flex-direction: column; align-items: center; gap: 16px; }
    .unique-gifts-body-left, .unique-gifts-body-middle, .unique-gifts-body-right{width: 380px;}
    .shop-products-now-btn{ width: 212px; font-size: 14px; padding: 10px; margin: 20px auto; gap: 8px; }
    .shop-products-now-btn .btn-arrow{padding: 5px 9px;}
    .shop-products-now-btn .btn-arrow img{width: 12px;}
    .u-g-body-title h3{font-size: 16px;}
    .recipient{flex-wrap: wrap;gap: 0px;row-gap: 15px;}
    .recipient{justify-content: center;}
    .recipient .box{width: 150px;}
    .recipient .qgf-image img{width: 100%;margin: 0 auto;}
    .occasion-border{border-left: none;border-right: none;border-top: 2px solid var(--primary-color);border-bottom: 2px solid var(--primary-color);}
    .qgf-txt{font-size: 14px;margin-top: 12px;}
    .close img{padding: 6px;border-radius: 7px;width: 80%;}
    .overlay-title{font-size: 12px; padding: 8px 12px;top: -14px; left: 14px; }
    .outer-design{padding: 20px 12px 4px;flex-wrap: wrap;gap: 0;}
    /* .relationship .box{width: 30%;} */
    .relationship .qgf-image img{width: 110px;margin: 0 auto;}
    .relationship .qgf-txt, .occasion .qgf-txt{font-size: 12px;}
    .occasion.outer-design{gap: 12px;flex-direction: column;align-items: center;}
    .occasion.outer-design .box{width: 100%;}
    .quick-gift-finder-left-box-img, .quick-gift-finder-right-box-img{display: none;}
    .elegance-nd-quality-titles{width: 296px;}
    .elegance-nd-quality-titles h2{font-size: 40px;margin-bottom: 28px;}
    .elegance-nd-quality-subtitle{font-size: 16px;}
    .elegance-nd-quality-header .shop-products-now-btn{margin: 12px auto 20px;}
    .elegance-nd-quality-body{position: static;justify-content: center;}
    .e-n-q-left-main{width: 400px;}
    .e-n-q-right-main{display: none;}
    .faq{ background-image: none; background-color: #f5dae5; }
    .faq-wrapper{width: 100%;padding: 25px 20px;}
    .faq-accordion-item{margin-bottom: 16px;}
    .faq-item-header{padding: 14px;}
    .faq-item-question{font-size: 16px;line-height: 24px;}
    .faq-down-arrow{width: 12px;}
    .faq-item-answer{font-size: 14px;padding: 0 14px 14px;line-height: 24px;}
    .discount-banner{ flex-direction: column; align-items: center; gap: 24px; }
    .discount-banner-item-1{width: 100%;}
    .discount-banner-item-2, .discount-banner-item-3{width: 400px;}
    .popular-cat-carousel .owl-nav, .testimonial-body .owl-nav { font-size: 36px; }
    .testimonial-wrapper{margin: 12px;}
    .testimonial-star-review{font-size: 10px;}
    .testimonial-date{font-size: 12px;}
    .testimonial-text{font-size: 14px;line-height: 18px;margin-top: 10px;}
    .top-box { height: 180px; }
    .testimonial-name{font-size: 14px;}
    .testimonial-place{font-size: 10px;width: 100%;}
    .content h2{font-size: 18px;line-height: 24px;margin-bottom: 24px;}
    .content h3{font-size: 16px;margin-top: 16px;}
    .content p, .content ol, .content ul{line-height: 22px;font-size: 12px;padding-top: 6px;}
    .show-more-height{height: 550px;}
    .show-more{width: 122px;font-size: 16px;padding: 10px 0;}
    footer{padding: 28px 18px 14px;margin: 24px auto 0;}
    .footer-upper{flex-direction: column;gap: 40px;}
    .footer-upper-box-1{width: 228px;}
    .footer-social-media{margin-top: 24px;}
    .footer-social-media a{width: 40px;height: 40px;font-size: 18px;}
    .footer-upper-box-2{width: 100%;flex-wrap: wrap;gap: 20px;}
    .footer-upper-box-2 ul, .footer-upper-box-2 ul:nth-child(3), .footer-upper-box-2 ul:nth-child(5), .footer-upper-box-2 ul:nth-child(6){width: 26%;}
    .footer-upper-box-2 ul li a{font-size: 12px;padding: 6px 0;line-height: 20px;}
    .footer-middle-box:nth-child(1), .footer-middle-box:nth-child(3){width: auto;}
    .footer-middle{padding-top: 24px;flex-wrap: wrap;gap: 32px;}
    .footer-middle-box{width: 100%;gap: 20px;}
    .footer-middle-title{font-size: 14px;padding-bottom: 10px;}

    .payment-box{gap: 12px;}
    .payment-box img{width: 70px;}
    .footer-middle-box:nth-child(1), .footer-middle-box:nth-child(2), .footer-middle-box:nth-child(3), .footer-middle-box:nth-child(4){width: 100%;}
    .subscribe-box input{width: 75%;font-size: 14px;padding: 10px 56px 10px 14px;}
    .subscribe-box button{font-size: 14px;padding: 10px;}
    .support-mail i{font-size: 18px;}
    .support-mail a, .support-mail p{font-size: 14px;}
    .support-mail img{width: 31px;}
    .footer-lower{font-size: 14px;padding-top: 36px;}


    /* Categories page */
    .categories-wrapper{margin: 20px auto 0;}
    /* .sidebar-options{width: 31%;} */
    .quick-filter-body{gap: 10px;}
    .categories-all-filters{margin-bottom: 24px;}
    .categories-quick-filters{ flex-direction: column; align-items: start; }
    .quick-filter-title { font-size: 16px; }
    .quick-filter-box { font-size: 12px; padding: 10px 8px; }
    .categories-filter-btn{ gap: 8px; padding: 10px 12px 9px; font-size: 14px; }
    .categories-filter-btn img{width: 14px;}
    .sort-by-title{ gap: 8px; padding: 10px; font-size: 12px; }
    .sort-by-title p span { padding: 0 16px 0 4px; }
    .sort-by-title p i{right: 0px;}
    .sort-ul li a{ font-size: 12px; padding: 6px; }
    .sort-li-link{font-size: 12px;}

    .categories-products { gap: 3%; row-gap: 23px; }
    .cat-prds-item{width: 48.5%;}
    .cat-prds-item .prd-card-main { padding: 10px; }
    .cat-prds-item .prd-off img { width: 45px; }
    .cat-prds-item .prd-off p{ margin: -35px auto 0; font-size: 10px; width: 20px; }
    .cat-prds-item .prd-card-heading{ height: 38px; font-size: 14px; padding-bottom: 8px; }
    .cat-prds-item .prd-card-body .price-section, .cat-prds-item .prd-card-body .earl-delv, .cat-prds-item .ratings { padding-bottom: 8px; }
    .cat-prds-item .prd-card-body .price-tag { font-size: 14px; }
    .cat-prds-item .prd-card-body .strike-price { font-size: 12px; }
    .cat-prds-item .prd-card-body .rating-yellow { font-size: 16px; line-height: 14px; }
    .cat-prds-item .prd-card-body .rating-count { font-size: 10px; padding: 2px 5px; }
    .cat-prds-item .prd-card-body .earl-delv, .cat-prds-item .prd-card-body .ear-del { font-size: 12px; padding-bottom: 8px; }
    .cat-prds-item .prd-card-body .prd-shop-btn-txt{font-size: 14px;}
    .cat-prds-item .prd-card-body .prd-shop-btn-arrow img { width: 10px; }


    /* Prd details page */
    .all-btn-wrapper{position: relative;}
    .all-btn-margin{margin-bottom: 57px;}
    .delivery-date #delivery_date_error {font-size: 12px; }
    .personalize-add-cart{position: absolute !important; bottom: -57px; left: 0; }
    #edit-image-btn, .edit-and-add-btn-section #add-to-cart{width: 100%;}
    .edit-and-add-btn-section #add-to-cart{font-size: 4vw;}
    #personalize-btn img, #edit-image-btn img, #add-to-cart img {width: 24px; }
    #personalizeModal {width: 100%; }
    .modal-cus-hdng p {font-size: 18px; }
    .personalize-modal-close {padding: 6px; font-size: 14px; }
    .dropzone .dz-message img {width: 60px; }
    .dropzone .dz-message p {font-size: 14px; }
    .dropzone .dz-message p:last-child{font-size: 10px;padding-top: 4px;}
    .bin-div {font-size: 10px; padding: 4px; }
    .txt-cntnt ul li {font-size: 12px; margin-bottom: 8px; }
    .add-pers-txt-title {font-size: 12px; }
    .add-pers-textarea{margin-top: 8px;}
    .add-pers-textarea textarea {font-size: 12px; padding: 6px; }
    .text-limit{font-size: 12px;}
    .save-div {height: 40px; font-size: 14px; }
    #personalize-btn img, #edit-image-btn img, .edit-and-add-btn-section #add-to-cart img {width: 18px; }
    .similarproducts-carousel .prd-off img{width: 45px !important;}
    .similarproducts-carousel .prd-shop-btn-arrow img{width: 10px !important;}


    /*  Cart page  */
    .cart-page h2 { font-size: 24px; }
    .cart-table{height: auto;overflow: auto;}
    .cart-table-headings{display: none;}
    .cart-prd-img { width: 30%; }
    .cart-prd-img img{max-width: 90%;margin: 0 auto;}
    .cart-prd-txt{flex-direction: column;align-items: start;width: 68%;gap: 12px;position: relative;}
    .cart-name-id, .cart-pincode, .cart-quantity, .cart-price, .cart-delivery{width: 100%;}
    .cart-addon-product-section .cart-id-number, .cart-addon-product-section .cart-pincode, .cart-addon-product-section .cart-delivery{display: none;}
    .cart-name p{width: 85%;}
    .cart-price { font-size: 16px; text-align: left;} 
    .cart-remove{position: absolute; right: 10px; }
    .cart-remove-main img { width: 18px; }
    .cart-right { width: 95%; }
    .total-shipping-gst{height: 200px;}
    .cart-body, .more-categories{margin: 30px auto 40px;}    
    .more-categories-carousel {margin-top: 20px;}
    .more-categories-carousel .owl-nav .owl-prev, .more-categories-carousel .owl-nav .owl-next{top: 23%;}
    .forgot-password .modal-content {width: 93%; }
    .add-review-main {width: 93%; padding: 1.5rem 0rem 0.5rem; min-width: 0; }
    .msg-txt {width: 70%; }

    .contact-title{ font-size: 16px; }
    .contact-subtitle, .contact-box-title, .contact-info p {font-size: 12px;}
    .contact-info-title { font-size: 16px !important; }
    .contact-sections{ /*flex-direction: column;*/ row-gap: 24px; }
    .contact-boxes{ width: 100%;}
    .contact-box-main{gap: 16px;}
    .contact-box-title {/*margin-top: 16px;*/ font-weight: 500; }
    .contact-box-img{width: 36px;}
    .contact-subtitle, .contact-box-title, .contact-info p{font-size: 14px}
    .contact-inner-pages-wrapper{flex-direction: column;}
    .contact-inner-pages-form{padding: 0 10px 10px 10px;}
    .contact-inner-pages-wrapper-2, .contact-inner-pages-input{width: 100%;}
    .info-pages-links{flex-direction: column;}
    .info-pages-links a{text-align: center;padding-bottom: 14px;}
    .refund-policy-body, .cancellation-policy-body {height: auto;}

}


@media only screen and (max-width: 450px) {
    #searchKey, .head2-options, .head2-options .price-select select { font-size: 14px; }
    .head2-options .price-select select{background-color: transparent;}
    .head1-left, .head1-right{font-size: 12px;}
    .head1{ position: fixed; top: 0px; z-index: 10; width: 100%; }
    .logo{width: 240px;padding-bottom: 60px; position: fixed; top: 36px; z-index: 10; width: 100%; height: auto; padding: 10px 0; background-color: #fff; }
    .hamburger { top: 56px; }
    .logo a{display: inline-block;}
    .logo a img{display: block;width: 256px;margin: 0 auto;}
    .search-bar {width: 90%;margin-top: 95px;}
    .search-bar-main{padding: 12px;}
    .head2-right{width: 300px;}
    .head2-options img { height: 20px; }
    .nav-area{position: fixed; top: 0; z-index: 10; }   
    .banner-img img:first-child, .categories-banner-img img:first-child{display: none;}
    .banner-img img:last-child, .categories-banner-img img:last-child{display: block;}
    .banner-slider{padding-bottom: 110.4%;}
    .banner-txt{ top: 80%; left: 50%; transform: translate(-50%, -80%); width: 100%; }
    .pre-text{font-size: 5.5vw;}
    .banner-maintxt{font-size: 17vw;}
    .banner-subtxt{font-size: 4.3vw; line-height: 6vw; }
    .banner-btn{ width: 54vw; font-size: 4.3vw; padding: 2vw; margin: 8vw auto 2vw; gap: 2vw; }
    .btn-arrow{padding: 0.5vw 2vw;}
    .btn-arrow img{width: 3vw;}
    .off-text{ font-size: 4.4vw; width: 18vw; top: 7%; left: 77.4%; }
    .off-text span{ font-size: 7vw; line-height: 7vw; }
    .index-category, .search-by-categories, .last-hour-offer-banner, .unique-gifts, .quick-gift-finder, .elegance-nd-quality, .budget-friendly-banner, .browse-more-gift, .discount-banner, .faq, .content { width: 93%; }
    .popular-categories{width: 88%;}
    .popular-cat-title h3, .search-by-cat-title h3, .browse-more-gift-title h3{font-size: 16px;}
    .popular-cat-carousel .owl-nav .owl-prev { left: -18px; }
    .popular-cat-carousel .owl-nav .owl-next { right: -16px; }
    .index-products { row-gap: 24px; }
    .ind-prds-item, .prd-det-prds-item{width: 100%;}
    .prd-off img { width: 56px; }
    .prd-off p { margin: -45px auto 0; font-size: 14px; width: 28px; }
    .prd-card-heading{font-size: 20px;}
    .price-tag{font-size: 18px;}
    .strike-price{font-size: 14px;}
    .rating-yellow{font-size: 18px;}
    .rating-count{ font-size: 12px; padding: 3px 7px; }
    .earl-delv{font-size: 16px;}
    .ear-del{font-size: 14px;}
    .prd-shop-btn-txt{font-size: 16px;}
    .why-choose-us-text, .why-choose-us-img{width: 100%;}
    .why-choose-title{ width: auto; margin: 0 auto;font-size: 24px; }
    .why-choose-title span{font-size: 36px;}
    .delivered-to-doorstep{padding: 36px 0px;}
    .doorstep-banner-left{width: 95%;}
/*    .doorstep-banner-right{ flex-direction: column; gap: 44px; }*/
    .doorstep-box, .doorstep-box:nth-child(2){width: 33%;}
    .doorstep-box-img, .doorstep-box:nth-child(2) .doorstep-box-img{width: 45%;}
    .doorstep-box-txt{margin-top: 8px;}
    .doorstep-box-txt p { font-size: 14px; width: 90px; margin: 0 auto;}
    /*.doorstep-box:nth-child(2):before{ width: 55%; height: 1px; left: 24%; top: -17%; }
    .doorstep-box:nth-child(2):after{ width: 55%; height: 1px; right: 24%; top: 115%; }*/
    .last-hour-offer-banner img:first-child, .budget-friendly-banner img:first-child{display: none;}
    .last-hour-offer-banner img:last-child, .budget-friendly-banner img:last-child{display: block;}
    .unique-gifts-titles, .unique-gifts-subtitle, .quick-gift-finder-body{width: 100%;}
    .unique-gifts-subtitle{font-size: 14px;line-height: 18px;}
    .unique-gifts-body-left, .unique-gifts-body-middle, .unique-gifts-body-right { width: 100%; }
    .u-g-body-title h3 { font-size: 14px; }
    .elegance-nd-quality-titles { width: 308px; }
    .elegance-nd-quality-titles h2{font-size: 42px;}
    .elegance-nd-quality-titles h2 p:last-child{line-height: 28px;}
    .elegance-nd-quality-subtitle { text-align: center; }
    /* .search-by-cat-item, .browse-more-gift-item { width: 48%; } */
    .popular-cat-carousel a:hover:after, .search-by-cat-item:hover:after, .browse-more-gift-item:hover:after{display: none;}
    .popular-cat-carousel a:hover .popular-cat-title, .search-by-cat-item:hover .search-by-cat-title, .browse-more-gift-item:hover .browse-more-gift-title {color: #000;}
    .faq-heading h2 span{display: inline-block;width: 73%;}
    .discount-banner-item-2, .discount-banner-item-3 { width: 100%; }
    .testimonial-body .owl-nav .owl-prev{ left: -13px; font-size: 40px !important; }
    .testimonial-body .owl-nav .owl-next{ right: -13px; font-size: 40px !important; }
    .top-box { height: 210px; }
    .top-box{ padding: 20px; }
    .top-box-upper{gap: 12px;}
    .testimonial-star-review { font-size: 12px; }
    .testimonial-text{ font-size: 14px; line-height: 22px; }
    .bottom-box{gap: 12px;padding: 30px 20px;}
    .testimonial{width: 90%}
    .testimonial-name { font-size: 16px; }
    .testimonial-place { font-size: 12px; }
    .show-more-height { height: 750px; }
    .content h2{margin-bottom: 2px;margin-top: 16px;}
    .footer-upper-box-2 ul, .footer-upper-box-2 ul:nth-child(3), .footer-upper-box-2 ul:nth-child(5), .footer-upper-box-2 ul:nth-child(6) { width: 45%; }
    .footer-upper-box-2 ul li a{font-size: 14px;}
    .payment-box img { width: 18%; }
    .scrollup{ width: 40px; height: 40px; bottom: 90px; right: 16px; }
    .scrollup i{ left: 8px; top: 6px; font-size: 22px; }


    /* Categories page */
    .sidebar-options input:before{width: 5px;height: 12px;}
    .categories-banner { padding-bottom: 134.4%; }
    .categories-banner-txt{ width: 90%; text-align: center; top: 16%; }
    .categories-banner-txt h1{ width: 100%; font-size: 6.7vw; }
    .categories-banner-txt p{ font-size: 3.5vw; line-height: 6.4vw; margin-top: 4vw; }
    .categories-products{row-gap: 18px;}
    .categories-all-filters{gap: 28px;}
    .categories-sidebar{padding: 44px 12px 12px;}
    /* .sidebar-body-height{height: 88px;} */
    /* .sidebar-options{width: 44%;} */
    .cat-prds-item .prd-card-main{padding: 8px;}
    .cat-prds-item .prd-card-heading, .cat-prds-item .prd-card-body .prd-shop-btn-txt{font-size: 13px;}
    .cat-prds-item .prd-card-body .price-tag{font-size: 15px}
    .cat-prds-item .prd-card-body .strike-price, .cat-prds-item .prd-card-body .earl-delv, .cat-prds-item .prd-card-body .ear-del { font-size: 11px; }
    .cat-prds-item .prd-card-body .prd-shop-btn-arrow img { width: 8px; }
    .sidebar-header-title{padding: 12px;font-size: 18px;}
    .sidebar-options input{width: 35px;}
    .filter-cross{padding: 6px;font-size: 22px;}
    .fltr-vrtcl-tab{width: 170px;}
    .fltr-main-tab{justify-content: start;align-items: start;}
/*    .fltr-tab-cntntDiv{padding: 20px 0px 20px 20px;}*/    


    /* Prd details page */
    .breadcrumbs-total{width: 93%;margin: 24px auto 0px;padding-bottom: 10px;}
    .breadcrumbs {font-size: 14px; }
    .main-container{width: 93%;}
    .thumbnail-container{width: 18%;}
    .prod-name {font-size: 24px; margin-bottom: 12px; }
    .prd-rating-star {padding: 4px 8px 4px; font-size: 14px; }
    .prd-rating-reviews-no {font-size: 15px; }
    .gray-divider {width: 10px; height: 10px; }
    .prd-rating-no {font-size: 13px; }
    .prd-rating-details {gap: 10px; margin-top: 10px; margin-bottom: 12px; }
    .prod-price-container {padding: 8px 0;gap: 10px; }
    .prod-price {font-size: 30px; }
    .prod-discount{gap: 10px;}
    .prod-discount-price {font-size: 18px; }
    .prod-off {font-size: 16px; }

    .variant-container-title {font-size: 16px; margin-bottom: 8px; margin-top: 8px; }
    .card{height: 140px;}
    .card-detail{width: 100%}
    .title{font-size: 14px; line-height: 18px; height: 90px; }
    .price{font-size: 16px;}

    .pincode-container input {font-size: 18px; }
    .pin-outer-cont{padding: 16px 0 16px;}
    .pincode-cont{height: 48px;}
    .pincode-form{height: 46px;padding: 0 0 0 12px;}
    .pin-location-icon {padding-right: 10px; }
    .pincode-chck-btn button {font-size: 16px; padding: 0 18px; }
    .pincode-area-show {font-size: 12px; }
    .order-available {font-size: 16px;padding-right: 12px; }
    .delivery-date input {font-size: 16px; padding: 12px 10px 12px 14px; background-size: 1.2em auto, 100%; }
    .addon-subsections {padding: 32px 0; }
    .gourmet-head, .message-card-head{font-size: 20px;}
    .add-on-tabs{flex-wrap: wrap;padding: 8px 0;gap: 6px;}
    .add-on-tabs li h3 {font-size: 13px; }
    .add-on-tabs li {padding: 5px 7px; }
    .card-revamp, .message-card .card-revamp {padding: 10px; }
    #prod-title {font-size: 12px; height: 40px; }
    #prod-price {font-size: 16px; padding: 4px 0; }
    .prod-cart-btn {padding: 4px; font-size: 16px; }
    .quantity-selector button {font-size: 24px !important; width: 40px !important; }
    .quantity {font-size: 16px; }
    .card-revamp-msg-card .addon-image-container {height: 180px; }
    .message-card #prod-title {height: auto; font-size: 14px; }
    .message-card #prod-price {padding: 6px 0 0; }
    .desc-review-container {margin-top: 32px; }
    .tab2 {padding: 8px 22px; font-size: 13px; }
    .tab-content {height: 240px; padding: 3%; }
    .tab-description {font-size: 13px !important; line-height: 20px; }
    .star-rating-container .titletxt {font-size: 13px; }
    .star-rate {font-size: 15px; }
    .review-name-block input, #review {padding: 8px; font-size: 13px; }
    .submit-button p{font-size: 14px !important; padding-top: 0 !important; }
    .submit-button {gap: 8px; padding: 8px 12px 8px 15px; }
    .testimonials-title, .testimonials-title2 {font-size: 20px; padding-bottom: 12px; }
    .customersaying-carousel .item {padding-top: 14px; }
    .testimonial-content {padding: 24px 24px 14px; }
    .testimonial-colon-icon img {height: 23px; }
    .customer-quote {line-height: 20px; font-size: 14px; height: 100px; margin: 10px 0 0 0; }
    .customer-name {font-size: 16px; }
    .customersaying-carousel .owl-nav button.owl-prev, .customersaying-carousel .owl-nav button.owl-next {width: 30px; height: 30px; font-size: 14px; }
    .btn-position{padding: 12px 0px 8px;}
    .btn-position button{height: auto;font-size: 16px;width: 30%;}
    #add-to-cart, #personalize-btn, #edit-image-btn, .edit-and-add-btn-section #add-to-cart {height: 44px; font-size: 16px; }
    .quantity-main {height: 44px; /*        width: 30% !important;*/ }
    .main-quantity, #add-to-cart {font-size: 18px; }



    .similarproducts-carousel .prd-off img{width: 56px !important;}
    .similarproducts-carousel .prd-shop-btn-arrow img{width: 10px !important;}
    .similarproducts-carousel .prd-card-main{padding: 8px;}
    .similarproducts-carousel .prd-card-heading, .similarproducts-carousel .prd-card-body .price-tag, .similarproducts-carousel .prd-card-body .prd-shop-btn-txt{font-size: 13px;}
    .similarproducts-carousel .prd-card-body .strike-price, .similarproducts-carousel .prd-card-body .earl-delv, .similarproducts-carousel .prd-card-body .ear-del { font-size: 11px; }
    .similarproducts-carousel .prd-card-body .prd-shop-btn-arrow img { width: 8px; }
    .similarproducts-carousel .prd-off{right: -4px;top: -7px;}
    .similarproducts-carousel .prd-off img { width: 45px !important; }
    .similarproducts-carousel .prd-off p{ margin: -35px auto 0; font-size: 10px; width: 20px; }
    .similarproducts-carousel .owl-nav button.owl-prev, .similarproducts-carousel .owl-nav button.owl-next{ color: var(--primary-color); background: #FFEDEC; border: 2px solid #fff; border-radius: 50%; outline: none; width: 30px; height: 30px; font-size: 14px; }
    .similarproducts-carousel .owl-nav [class*='owl-']:hover { color: var(--primary-color); background: #FFEDEC; }


    /*  Cart page  */
    .cart-page h2 { font-size: 22px; }
    .cart-prd-img img { max-width: 80px; }
    .cart-body { margin-top: 20px; }


    .fl-del-cat-body{row-gap: 20px;padding-bottom: 12px;}
    .no-cart-item-txt { margin-top: 30px; }
    .no-cart-item-txt p:first-child{font-size: 17px;}
    .no-cart-item-txt p:nth-child(2) { font-size: 14px; }
    .no-cart-item a{margin-top: 10px;}


    .checkout-details{  padding: 12px;}
    .forgot-password button {width: 130px; padding: 0.2rem 0; font-size: 1rem; }


    .address-book-msg h2 { font-size: 18px; }
    .custom-tab{font-size: 11px;}
    .details-main-texts{width: 70%;}
    .prod-image { width: 75px; }


    .info-pages-heading{padding-top: 36px;}
    .info-pages-body ul li{ line-height: 20px; font-size: 14px; }


    .del-loc-tabs{row-gap: 0px;}
    .del-locations-box{padding: 5px 10px;}
    .del-loc-body-title {font-size: 18px;}
    .delivery-locations-body p{gap: 15px;}
    .city-del-loc-body-title {margin-bottom: 30px;}
    .alpha_index{font-size: 18px !important;width: 30px;}

    .login-box-left, .signup-box-left{padding: 20px;}
    .l-prefix{width: 16%;}
    .login-title, .signup-title {font-size: 22px; margin-bottom: 22px; }
    .login-input input, .signup-input input, .signup-input select{width: 84%;}
    .forgot-pass, .sign-up-txt-link, .log-in-txt-link{font-size: 13px;}
    .login-input, .signup-input{margin-bottom: 32px;}
    .log-in-btn button, .sign-up-btn button{padding: 10px 0px;width: 130px;}
    .login-input #email-error, .login-input #password-error, .signup-input #name-error, .signup-input #email-error, .signup-input #mobile_number-error, .signup-input #password-error, .signup-input #confirm_password-error{font-size: 13px;bottom: -20px;}
    .log-in-btn button .btn-arrow, .sign-up-btn button .btn-arrow {padding: 7px 8px 7px; }
}