/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{font-size:16px; background-color:#fff;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:700; margin:0; font-size: 1em;font-family: "Bebas Neue", sans-serif;}
h3{text-transform: uppercase;}
p{line-height:1.5em; padding-bottom:1em; font-size:16px; margin: 0;color: #000;}
a {text-decoration:none; outline:0; outline-color: rgba(0, 0, 0, 0);color: #000;}
ul {list-style:none; padding:0; margin:0;color: #414042;}
img {max-width:100%; height:auto;}
input, textarea, button, select {box-sizing:border-box; border: none; outline: 0; outline-color: rgba(0, 0, 0, 0);font-size: 1rem;}
textarea, input[type="text"], input[type="tel"], input[type="email"], input[type="submit"], input[type="reset"], select, button {-webkit-appearance: none; -moz-appearance: none; border: 0; appearance:none; -webkit-border-radius:0; border:none; border-radius: 0; background-color: transparent;}
select > option {padding: 0; -moz-padding:0;}
::-webkit-input-placeholder {color: inherit;}
:-moz-placeholder {color: inherit;}
::-moz-placeholder {color: inherit;}:-ms-input-placeholder {color: inherit;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
/* ==========================================================================*/


/*=================================================================
                    clearfix class
==================================================================*/
.clearfix::before, .clearfix::after{content: "";clear: both;}
.clearfix::after{display: table;}
body
{
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
/* background:url("../img/homebg.jpg") no-repeat scroll 0 0 / 100% auto;padding-bottom:1000px; */

}
/*=================================================================
                    Header styles
==================================================================*/
  .top-text p {color: #fff;text-align: center;margin: 0;padding: 14px 0 13px 0;font-size: 14px;}
  .logo{margin-left: 2px;text-align: left;}
  .logo > a{display: inline-block;}
  .logo > a > img{width: 80px;}
  .top-text{background-color:#000}
  .header-container {margin: 0 auto;max-width: 87%;width:87%;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;position: relative;}
  .menu ul li {display: inline-block;margin: 0 17px;}
  .menu ul li:last-child{margin-right: 0;}
  .main-header {padding: 11px 0 11px 0;background-color:#fcf2e9;}
  .menu{display: inline-block;margin-top: 0px;text-align: left;}
  .menu ul li > a {display: block;font-weight: 600;font-size: 17px;padding: 10px 22px;border-radius: 20px;border: 1px solid transparent;transition: all 1000ms ease;}
  .menu ul li > a:hover{border-color: #fff;color: #fff;background-color: #000;}
  .deskcld a {padding: 0 !important;overflow: hidden;border-radius: 20px;}
  .acc-details ul li {margin: 0 13.4px;}
  .acc-details ul li:last-child{display: none;}
  .acc-details ul {margin-top: 0px;}
  .acc-details ul li:first-child{margin-left: 0;}
  .acc-details ul li:last-child, m.acc-details ul li:nth-child(3){margin-right: 0;}
  .menu ul li:first-child{margin-left:0;}
  .acc-details > ul > li > a{display: block;width: 30px;height: 30px;position: relative;}
  
a.cart > span {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -10px;
    top: -7px;
}
  .acc-details > ul > li{display: inline-block;}
  .acc-details > ul > li:first-child > a{background-image: url("../img/home/search.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0 0;}
  .acc-details > ul > li:nth-child(2) > a{background-image: url("../img/home/user.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0 0;}
  .acc-details > ul > li:nth-child(3) > a{background-image: url("../img/home/shopping.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: 0 0;}
  .containerflow ul li{display: inline-block;margin: 0 26px;position: relative;}
  .containerflow ul li::after{content: "";position: absolute;right: -30px;top: 8px;width: 8px;height: 8px;border-radius: 50%;background-color: #fff;}
  .containerflow ul li:first-child{margin-left: 0;}
  .containerflow ul li:last-child::after{width: 0;height: 0;}
  .containerflow ul li > p{display: block;color: #fff;letter-spacing: 0.9px;margin-bottom: 0;font-size: 18px;padding-bottom: 0;}
  .scroll-container {padding: 20px 0 20px 0;background-color: #fa6f34;transition: all 300ms ease;}
  .containerflow {margin-left: 0px;}
  .marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.marquee-content {
  display: flex;
  width: max-content;
  animation: scroll 20s linear infinite;
}

.marquee-content ul {
  display: flex;
  gap: 5px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.marquee-content li {
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
}

/* Animation */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
  .moblnk {display: none;}
  .ovlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.7);z-index: 999;display: none;}
  .mobmenu {display: none;}
  .deskpars {display: grid;flex-wrap: wrap;column-gap: 16px;row-gap: 16px;grid-template-columns: 1fr 1fr 1fr 1fr}
.deskmnu {position: absolute;top: 57px;left: 0;right: 0;width: 100%;z-index: 1001;background-color: #fff;padding: 40px;border-radius: 50px;display: none;}
.deskcld {flex: 1 1 calc(32% - 16px);position: relative;border-radius: 24px;overflow: hidden;}
.deskinles {font-size: 0;}
.desk-anv {position: absolute;bottom: 136px;left: 13px;z-index: 100;width: 70px;}

span#toppre1, span#toppre2, span#toppre3, span#toppre4, span#toppre5, span#toppre6

 {
    float: left;    
    width: 30px;
    height: 30px;
    display: flex;
    background-color: #fefefe;
    border-radius: 50%;
    position: relative;justify-content: center;align-items: center;transition: all 300ms ease;
    background-image: url("../img/home/left-arrw.png");
    background-repeat: no-repeat;
    background-size: 74%;background-position: center center;
}
span#topnexe1, span#topnexe2, span#topnexe3, span#topnexe4, span#topnexe5, span#topnexe6 {
    float:right;
    width: 30px;height: 30px;
    display: inline-block;background-color: #fefefe;
    border-radius: 50%;position: relative;transition: all 300ms ease;
    background-image: url("../img/home/right-arrw.png");
    background-repeat: no-repeat;
    background-size: 60%;background-position: center center;
}
/* span#topnexe1::after, span#topnexe2::after, span#topnexe3::after{
    content: ">";
    position: absolute;
    left: 2px;
    right: 0;
    display: flex;
    justify-content: center;
    font-size: 19px;
    top: 4px;
    color: #252525;transition: all 300ms ease;
}
span#toppre1:hover::before, span#toppre2:hover::before, span#toppre3:hover::before {
    color: #fff;
} */
/* span#toppre1:hover, span#toppre2:hover, span#toppre3:hover {background-color: #000;}
span#topnexe1:hover, span#topnexe2:hover, span#topnexe3:hover {background-color: #000;}
span#topnexe1:hover::after, span#topnexe2:hover::after, span#topnexe3:hover::after {
   color: #fff;
} */

.desk-anv span{width: 30px;height: 30px;cursor: pointer;display: block;}
.submnucontent p:first-child {font-weight: 700;font-size: 22px;letter-spacing: 0;display: inline-block;background: url(../img/home/right-arrow.png) no-repeat scroll 100% 15px / 20px auto;padding: 0 30px 0 30px;}
.submnucontent p:nth-child(2){font-size: 16px;padding-bottom: 0;}
.submnucontent {text-align: center;padding: 20px 0;background-color: #faf0e4;}
.mob, .mobs, .mob-pic, .mobpic{display: none;}
.sld { width: 100%;}
.meslide{position: relative;}

 /* animation sytles */
header {transform: translateY(-100%);}
.anireal header {transform: translateY(0%);}
 .prdbnr, .abousld, .contect-head p, .contect-head h1, .dtailpae, .contct-bnr, .slide-container {opacity: 0;}
 .anireal .prdbnr, .anireal .abousld, .anireal .contect-head p, .anireal .contect-head h1, 
 .anireal .dtailpae, .anireal .contct-bnr, .anireal .slide-container, .anireal .enbt {opacity: 1;}
.anireal header {position: relative; z-index: 100;}
a.clsfiltr:hover

 {
    color: #000;
    background-color: #f5f5f5;
    border: 1px solid #000;
}

  
   .contct-bnr, .slide-container {transition:all ease 2s}
   header, .prod-picss img, .prod-pic img, .styapics img, .choimg .desk-pic img, .choimg > img, .blogpic > img {transition:all ease 1s}
 .prdbnr, .abousld, .contect-head p, .contect-head h1, .dtailpae {transition:all ease 1.5s}
  .prod-picss:hover img, .prod-pic:hover img, .styapics:hover img, .choimg .desk-pic:hover img, .choimg:hover > img, .blogpic:hover > img {
    transform: scale(1.1);
}
.styapics, .choimg .desk-pic, .choimg, .blogpic {overflow: hidden;}
.menu-active > a {
    background-color: #000;
    color: #fff;
    padding: 5px 12px 7px 12px;
    border-radius: 20px;
}
.blog-container h1 {
    text-align: center;
    font-size: 55px;
    padding: 45px 0;
}
 
/*=================================================================
                   Filtes popup
==================================================================*/

.switch {position: relative;display: inline-block;width: 38px;height: 20px;}
.switch input {opacity: 0;width: 0;  height: 0;}
.sliders {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff; -webkit-transition: .4s; transition: .4s;border:1px solid #000}

.sliders:before {position: absolute;content: "";height: 14px;width: 14px;left: 5px;bottom: 2px;background-color: #555; -webkit-transition: .4s;transition: .4s;}

input:checked + .sliders {background-color: #000;}

input:focus + .sliders {box-shadow: 0 0 1px #ccc;}

input:checked + .sliders:before {-webkit-transform: translateX(16px);-ms-transform: translateX(16px); transform: translateX(16px);background-color:#fff}
span.sliders.round:focus, span.sliders.round:hover

 {
    box-shadow: 0px 0px 2px 3px #ccc;
}
/* Rounded sliders */
.sliders.round {border-radius: 34px;}

.sliders.round:before {border-radius: 50%;}
.show-filters {position: fixed;left: 0;top: 0;bottom: 0;max-width: 36rem;background-color: #fff; display: table; height: 100%;width: 36rem;border-radius: 0px 50px 50px 0px;transform: translateX(-100%);transition: all 1000ms ease-in-out .5s;z-index: 1000;}
.shwfltrs.show-filters {transform: translateX(0%)}
.filerpar {display: table-cell;vertical-align: top;padding: 41px 35px 0 43px;}
.titles p {font-size: 34px;font-weight: 800;letter-spacing: -0.9px;}
.sttockavnl { display: flex;flex-wrap: wrap;column-gap: 0;row-gap: 0px;padding: 32px 0;}
.checktogl {flex: 1 1 calc(50% - 0px);text-align: right;}   
.stilet p {font-size: 17px; font-weight: 600;}
.price ul > li a, .prodtype > ul li a {  display: block; padding: 11px 0;position: relative;font-weight: 500;}
.price ul > li a::after, .prodtype > ul li a::after {content: "";position: absolute;right: 0;top: 5px;transform: rotate(90deg); font-size: 26px;
    background-image: url("../img/home/right-arrw.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center center;
    width: 30px;
    height: 30px;
}
.prichcld { padding: 22px 0;position: relative;display: none;}
.aply {position: absolute;bottom: 30px;left: 0; right: 0;text-align: center;}
.aply a {display: inline-block;vertical-align: top;padding: 12px 35px;color: #fff;background-color: #000;border-radius: 50px;width: 69%;font-weight: 600;overflow:hidden;position:relative;z-index:2}
a.clsfiltr {transition: all 1000ms ease; position:absolute;top: 52px;right: 54px;color: #fff;background-color: #000;display: flex; width: 40px;height: 40px;align-items: center;justify-content: center;border-radius: 50%; font-size: 20px;}
a.clsfiltr:hover{background-color: #f5f5f5;
    color: #000;
    border: 1px solid #000;
    transform: rotate(180deg);}
.cartpage {position: fixed;top: 0px;right: 0;background: #fff;width: 34.5rem;overflow: hidden;transform: translateX(100%);transition: all 100ms ease;z-index: 1000;height:auto;overflow:auto;border-radius: 30px 0 0 30px;height:100%}
.cartpar {padding: 23px 21px 0 36px;position: relative;}
a.carclose {position: absolute;top: 20px; left: 31px;font-size: 33px;}
.cart-title p {text-align: right;font-size: 27px;font-weight: 600;padding: 0 36px 0 0;}
.status-bar {margin-top: 34px;}
.status-bar ul li { display: inline-block;vertical-align: middle;font-size: 16px;text-align: right;}
.status-bar ul{font-size: 0;}
.status-bar ul li:first-child{width: 58%;}
.status-bar ul li:nth-child(2){width: 42%;}
.status-bar ul li:first-child p {background: url(../img/cart/verified.png) no-repeat scroll 1px 5px / 10px auto; }
.status-bar ul li p{display: inline-block; padding: 2px 6px 14px 13px; font-size: 12.4px;}
.status-bar ul li{position: relative;}
.offer-applied li.verified:first-child::after {width: 159% !important;}
.status-bar ul li.verified:first-child::after {content: "";position: absolute;bottom: -5px;left: -4px;width: 77%;height: 5px;background-color: #ca1c1e;border-radius:20px;overflow:hidden}
.status-bar ul li.verified:first-child::before {content: "";position: absolute;right: 40px;bottom: -16px;width: 28px;height: 28px;border-radius: 50%;background-image: url(../img/cart/free-shipping.png);background-repeat: no-repeat;background-size: 18px;background-position: center center;background-color: #ffcf6f;border: 1px solid #ca1c1e;display: flex;align-items: center;justify-content: center;z-index: 10;border-radius: 20px;overflow: hidden;}
.status-bar ul li.off:nth-child(2)::before {content: "";position: absolute;right: 22px;bottom: -16px;width: 28px;height: 28px;border-radius: 50%;background-image: url(../img/cart/offer.png);background-repeat: no-repeat;background-size: 18px;background-position: center center;background-color: #ffcf6f;border: 1px solid #ca1c1e;display: flex;align-items: center;justify-content: center;z-index: 10;}
.status-bar ul{position: relative;}
.status-bar ul::after {content: "";position: absolute;bottom: -5px;background-color: #000;left: 0;right: 0;width: 95%;height: 4px;z-index: -1;border-radius: 40px;overflow:hidden}
.status-bar  {margin-top: 22px;padding-bottom: 30px;}
.cartpage .cart-item {width: 23%;}
.cartpage .cart-item {background-color: transparent;}
.cartpage .cart-item {width: 23%;}
.cartpage .cart-price {width: 77%;}
.cardetw:first-child{padding-top: 0;}
.cardetw {display: flex;flex-wrap: wrap;column-gap: 16px;row-gap: 16px;align-items: end;padding-bottom: 37px;position: relative;padding-top: 21px;}
.cardetw::after {content: "";position: absolute;bottom: 19px;left: 8px;right: 34px;height: 1px;background-color: #ccc;}
.pickeimages {flex: 1 1 calc(9% - 16px);}
.pickeimages > img {width:70px}
.prodinfos {flex: 1 1 calc(34% - 16px);padding-left: 16px;}
.pircerea {flex: 1 1 calc(12% - 16px);}
.prodinfos p:first-child {font-size: 17px;padding: 5px 0 0 0px;}
.prodinfos p:nth-child(2) {font-size: 14px;padding: 5px 0 0 0;}
.cartpage .prod-quant {justify-content: start;margin-top: 20px;width: 55%;}
.pircerea p {padding: 9px 0px 21px 9px;font-size: 18px;}
.cartots {height: 300px;overflow-y: scroll;}
.cartpage .cart-quant a {width: 36px;}
.cartpage .cart-quant {justify-content: start;}
.coujppares input {width: 100%;padding: 15px 0 14px 31px;}
.apcoput {margin-top: 15px;}
.cojupercod > div {font-size: 16px;display: inline-block;vertical-align: middle;}
.cojupercod {font-size: 0;width: 93%;background-color: #fcf0e5;border-radius: 25px;}
.coujppares {width: 73.4%;}
.coupsumit {width: 26.6%;background-color: #ca1c1e;border-radius: 25px;transition:all 1000ms ease;position:relative;z-index:2;overflow:hidden}
.coupsumit input {text-align: center;color: #fff;width: 100%;padding: 15px 0 14px 0;}
.chkpars {margin: 20px 0 0 0;padding: 20px 55px 0 38px;}
.chkpars {font-size: 0;}
.chkpars > div{font-size: 16px;display: inline-block;vertical-align: top;}
.lefconte {width: 82%;}
.finbil {width: 18%;text-align: right;}
.lefconte p {font-size: 14px;padding: 0 0 5px 0;}
.pribil { margin: 0 auto;width: 85%;padding-bottom: 40px;}
.pribil a, .pribil button  {display: block;color: #fff;padding: 13px 0 12px 0;text-align: center;border-radius: 50px;position:relative;overflow:hidden;z-index:2}
.chkdetls {background-color: #ccc;border-radius: 37px 37px 0px 0px;}
.cartpage.crtopn {transform: translateX(0);}
/*============================================================================================================*/  
/* breadcurm-sectoin */

.breadcrump > ul > li {display: inline-block;vertical-align: middle;margin-right: 25px;position: relative;}
.breadcrump > ul > li > span,.breadcrump > ul > li > a {display: block;width: 30px;height: 30px;background-image: url(../img/product/breadcrumb.png);background-repeat: no-repeat;background-size: 21px;    background-position: 2px 2px;overflow:hidden;}

.slide-container{margin: 0 auto;;max-width: 87%;width:87%;}
.homeslider {margin-top: 30px;margin-bottom: 39px;position: relative;text-align: center;}
.insld, .homeslider{position: relative;z-index: 0;}
.bnrcontent {position: absolute;top: 124px;left: 101px;text-align: left;}
.bnrcontent h1 {color: #ca1c1e;font-size: 42px;line-height: 57px;}
.bnrcontent h2 {font-size: 46px;}
.bnrcontent p {width: 53%;font-size: 15.1px;font-weight: 600;color: #000;padding-top: 7px;margin-bottom: 11px;}
.bnrcontent a {display: inline-block;color: #fff;padding: 13px 35px;letter-spacing: 0.6px;background-color: #ca1c1e;border-radius: 20px;position: relative;z-index: 2;overflow: hidden;}
div#banpgr {position: absolute;bottom: 23px;text-align: center;z-index: 101;display: inline-block;}

div#banpgr span.cycle-pager-active {
    background-color: #000;
    width: 10px;
    border: 3px solid #fff;
    height: 10px;
}
div#banpgr span {display: inline-block;text-indent: -1000em;width: 6px;height: 6px;background-color: #fff;border-radius: 50%;margin: 0 4px;position: relative;cursor: pointer;vertical-align: middle;}
.navig {position: absolute;bottom: 0;left: 0;right: 0;z-index: 100;}
.navig > span{display: inline-block;width:31px;height: 20px;cursor: pointer;}
span#next:hover{background-image:url("../img/home/next-red.png")}
span#prev:hover{background-image:url("../img/home/prev-red.png")}
span#prev {float: left;background-image: url("../img/home/white-left.png");background-repeat: no-repeat;background-size:100%;background-position: 0 0;}
span#next{float: right;background-image: url("../img/home/white-right.png");background-repeat: no-repeat;background-size:100%;background-position: 0 0;}
.navig {position: absolute;bottom: 24px;left: 43px;right: 45px;}
.how-to-prepare{background-color: #faf0e4;}
.video-container {margin: 0 auto;;max-width: 87%;width:87%;padding: 53px 0 62px 0;}
.video-par {display: flex;flex-wrap: wrap;column-gap: 40px;row-gap: 16px;align-items: stretch;}
.videocontainer {flex: 1;font-size: 0;display:flex;flex-direction: row;border-radius:25px;overflow:hidden;}
.videocontainer  img {border-radius: 25px;width:100%;height:100%;object-fit: cover;}
.video-instruction {flex: 1;font-size:0;display: flex;flex-direction: column}
.video-instruction h3 {font-size: 54px;line-height: 1em;}
.inst-child {text-align: center;position: relative;border: 2px solid #f4dac6;border-radius: 21px;flex: 1 1 calc(calc(50% - 16px));padding: 13px 0 2px 0;}
.instructions {display:grid;margin-top: 25px;column-gap: 16px;row-gap: 16px;padding:13px 0 0px 0;grid-template-columns: 1fr 1fr;}
.inst-child img {margin: 0px auto 0;width: 94px;max-width: 94px;display: inline-block;}
.inst-child p {font-size: 16px;font-weight: 600;padding-top: 10px;padding-bottom: 17px;}
.inst-child span {position: absolute;top: 10px;left: 11px;width: 25px;height: 25px;display: block;background-color: #f76e35;border-radius: 50%;padding: 2px 0 0 0;color:#fff;}

/* Most-loved-picks */

.most-loved-pic { padding: 69px 0 0px 0;}
.top-head{text-align: center;}
.top-head h3{color: #000;font-size: 49px;line-height: 70px;}
.top-head p {font-weight: 600;font-size: 18px;}
.picked-item-details {padding: 32px 0 58px 0;margin-left: 6.2%;}
.detail-sldier, .car-prod {display: flex;flex-wrap: wrap;}
.product-detail {position: relative;border-radius: 25px;overflow: hidden;background-color: #f2f2f2;width: 96%;height: 100%;}
.detail-sldier .owl-wrapper {display: flex !important;column-gap: 5px;}
.product-info {padding: 14px 20px 26px 20px;;}
.product-info > a {width: 95%}
.product-info > p {font-weight: 600;font-size: 26px;color: #000;padding-bottom: 8px;}
.soflaver > p {font-size: 15px;padding-bottom: 0px;}
.soflaver p strong { font-weight: normal;}
.carinfos {display: flex;flex-wrap: wrap;padding: 10px 0 10px 18px;column-gap: 16px;row-gap: 16px;align-items: center;}
/* .carinfos > div, .lastinfo > div {flex: 1 calc(25% - 16px);} */
.soflaver {padding-bottom: 9px;}
.crts p {color: #fff;font-size: 14px;padding: 0;margin: 0;}
.mrp p {color: #ffce71;text-align: right;padding-right: 6px;font-size: 14px;font-weight: 600;padding-bottom: 0;margin: 0;}
.lastinfo{display: flex;flex-wrap: wrap;column-gap: 0px;row-gap: 16px;}
.lastinfo {padding-top: 12px;}
.prod-pic{position: relative;overflow: hidden;}
.imgdetl {position: absolute;left: 0;top: 0;}
.imgdetl > p {background-color: #000;color: #fff;padding: 10px 17px 11px 34px; font-size: 13.9px;}
.frezed p {padding: 9px 0 2px 22px;font-weight: 500;font-size: 10px;background-image: url("../img/home/percentage.png");background-repeat: no-repeat;background-size: 18px;background-position: 0px 8px;}
.protie p {font-size: 10px;padding: 9px 0 1px 36px;background-image: url("../img/home/protein.png");background-repeat: no-repeat;background-size: 18px;background-position: 13px 7px;}
.picked-item-details .owl-controls {position: absolute;top: -88px;right: 83px;width: 95px;}
.picked-item-details.pridetaslis .owl-controls{top: -72px;}
.picked-item-details .owl-controls .owl-buttons > div {width: 40px;height: 40px;text-indent: -1000em;}
.picked-item-details .owl-controls .owl-prev {float: left;background-image: url("../img/home/prev-nav.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}
.picked-item-details .owl-controls .owl-next {float: right;background-image: url("../img/home/next-nav.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}
.picked-item-details .owl-controls .owl-prev:hover{background-image: url("../img/home/prev-nav-hover.png");}
.picked-item-details .owl-controls .owl-next:hover{background-image: url("../img/home/next-nav-hover.png");}
.container-picks{display: flex;flex-wrap: wrap;column-gap: 0px;row-gap: 16px;}
.cart-quant{display: flex;flex-wrap: wrap;column-gap: 6px;row-gap: 16px;align-items: center;justify-content: center;}
.walthrogh{display: flex;flex-wrap: wrap;column-gap: 16px;row-gap: 16px;}
.mobcont{display: none;}
.product-info a{display: block;width: 100%;background-color:#ca1c1e;border-radius: 25px;position: relative;overflow: hidden;z-index: 2;}
.inslisd > a {display: block;background-color:#ca1c1e;border-radius: 25px;position: relative;overflow: hidden;z-index: 2;margin-top: 12px;}
.selected-slids{display: grid;flex-wrap: wrap;column-gap: 16px;row-gap: 16px;grid-template-columns: repeat(3, 1fr);}
.pick-your-pack {padding: 86px 0 86px 0;background-color: #ffcf6f;}
.pick-container {margin: 0 auto;;max-width: 87%;width:87%;}
.select-picks {padding: 48px 30px 36px 47px;background-color: #fcf0e5;flex: 1 1 calc(65% - 0px);}
.select-picks h3 {font-size: 49px;line-height: 67px;margin-bottom: 20px;}
.inslisd {position: relative;flex: 1 1 calc(33% - 16px);}
.casldie {border: 1px solid #fa6f34;border-radius: 25px;overflow: hidden;}
.selected-slids {padding-top: 18px;}
.protite p {text-align: center;font-size: 15px;color: #fff;padding: 11px 0 9px 0;background-color: #fa6f34;font-weight: 600;}
.inlcs {margin: 0 0 0 0px;}
.propics {width: 100%;text-align: center;}
.inlcs img {margin: 0 auto;max-width: 124px;}
.pro-sldi1, .pro-sldi2, .pro-sldi3, .pro-sldi4, .pro-sldi5, .pro-sldi6 {margin-top: 42px;}
.pronam p {font-size: 17px;font-weight: 600;padding: 0 5px;height:40px}
.pronam {text-align: center;padding:15px 0 21px 0;}
.cycle-caption, .cycle-caption1, .cycle-caption2, .cycle-caption3, .cycle-caption4, .cycle-captions, .cycle-captions1, .cycle-captions2, .cycle-captions3, .cycle-captions4 {position: absolute;top: 43px;right: 0;font-size: 15px;background-color: #ffcf6f;padding: 2px 10px;border-radius: 0px 0px 0px 10px;}
.slide-caption1, .slide-caption2, .slide-caption3, .slide-caption4, .slide-caption5, .slide-caption6 {position: absolute;bottom: 0px;right: 0;font-size: 15px;background-color: #ffcf6f;padding: 2px 10px;border-radius: 10px 0px 0px 0px;z-index:100}
.pro-slide-nav span, .pro-slide-nav1 span, .pro-slide-nav2 span, .pro-slide-nav3 span {width: 20px;height: 20px;display: block;}
.pro-slide-nav, .pro-slide-nav1, .pro-slide-nav2, .pro-slide-nav3 {position: absolute;bottom: 48%;left: 13px;right: 13px;z-index: 100;}
.pro-slide-navss1 {position: absolute;bottom: 15px;left: 0px;right: 0px;z-index: 100;margin: 0 auto;width: 40%;}
span.pre1, span.pre2, span.pre3, span.pre4, span.pre5, span.pre6, span#mprev {float: left;background-image: url("../img/home/prev-nav-hover.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}
span.nex1, span.nex2, span.nex3, span.nex4, span.nex5, span.nex6, span#mnxt{float: right;background-image: url("../img/home/next-nav-hover.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}
span.pre1:hover, span.pre2:hover, span.pre3:hover, span.pre4:hover, span.pre5:hover, span.pre6:hover {background-image: url("../img/home/prev-nav-hover.png")}
span.nex1:hover, span.nex2:hover, span.nex3:hover, span.nex4:hover, span.nex5:hover, span.nex6:hover {background-image: url("../img/home/next-nav-hover.png")}

span.pres1, span.pres2, span.pres3, span.pres4, span.pres5, span.pres6{float: left;background-image: url("../img/home/prev-nav-hover.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}
span.nexs1, span.nexs2, span.nexs3, span.nexs4, span.nexs5, span.nexs6{float: right;background-image: url("../img/home/next-nav-hover.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}


.pro-slide-nav span, .pro-slide-nav1 span, .pro-slide-nav2 span, .pro-slide-nav3 span, .pro-slide-navss1 span, .pro-slide-navss2 span, .pro-slide-navss3 span {width: 36px;height: 36px;cursor: pointer;}
.inslisd .carinfos {margin-top: 0px;}
.buicont p {font-size: 15px;padding-bottom: 8px;}
.buicont {margin-top: 29px;padding-left: 6px;}
.make-your-box {flex:1 1 calc(26% - 0px);background-color: #fff;}
.box-details {padding: 41px 20px 0 38px;}
.box-details h3 {color: #fb6e34;font-size: 47px;line-height: 52px;}
.cart-details {margin-top: 12px;height: 306px;overflow-y: scroll;}
.cart-details.show-details {display: flex;align-items: center;justify-content: center;overflow: hidden;}
.cart-item {width: 33%;text-align: center;background-color: #fcf0e5;}
.cart-item img {margin: 11px auto 0;width: 55px;}
.cart-price {width: 67%;}
.carprec {padding: 10px 13px 10px 17px;}
.carprec p {font-size: 13.6px;font-weight: 600;padding-bottom: 6px;}
.prce p {color: #ca1c20;padding: 9px 0 0 0;font-weight: 600;font-size: 14.2px;}
.prce {flex: 1 1 calc(25% - 16px);}
.prod-quant {display: flex;flex-wrap: wrap;margin-top: 4px;background-color: #000;border-radius: 24px;height: 33px;}
.prod-quant a {display: inline-block;width: 30px;height: 33px;color: #fff;text-align: center;padding-top: 0px;font-size: 23px;}
.prod-quant a.down {font-size: 30px;position: relative;top: -4px;}
.prod-quant a.up { position: relative;top: 3px;}
.prod-quant > input {display: inline-block;width: 30px;height: 33px;color: #fff;text-align: center;background-color: #000;}
.car-prod {border: 1px solid #f4dac6;border-radius: 11px;margin-bottom: 13px;position: relative;}
.clos{position: absolute;top: 7px;right: 8px;}
.clos > a {display: block;color: #b3b3b3;font-size: 15px;}
.total-price{position: relative;margin-top: 12px;}
.total-price p {padding: 9px 0 9px 24px;font-size: 16px;font-weight: 600;border: 1px solid #000;border-radius: 24px;}
.total-price p > span{color:#ca1c1e}
.total-price > span {position: absolute;top: 0;right: 0;display: block;color: #fff;width: 45px;border-radius: 50%;background-color: #000;display: flex;align-items: center;height: 45px;justify-content: center;}
.adcrt > a {display: block;background-color: #ca1c1e;color: #fff;text-align: center;padding: 12px 0 11px 0;font-size: 17px;border-radius: 24px;font-weight: 600;position: relative;overflow: hidden;z-index: 2;}
.adcrt {margin-top: 14px;}
.container-picks {border-radius: 24px;overflow: hidden;}
.state-of-art {padding: 60px 0 0 0;}
.state-of-art h3 {font-size: 49px;text-align: center;padding-bottom: 31px;}
.stat-container {margin: 0 auto;width: 87.6%;padding: 47px 45px 24px 45px;box-sizing: border-box;border: 1px solid #f4dac6;overflow: hidden;border-radius: 21px;background-color: #fff9f2;}
.plvid {border-radius: 24px; overflow: hidden;font-size: 0;}
.walthrogh {padding-top: 30px;}
.watxt p:first-child {font-size: 34.4px;font-weight: 800;color: #000;padding-bottom: 8px;}
.watxt p:nth-child(2) {font-size: 15.1px;color: #000;}
.watxt {flex: 1 1 calc(70% - 16px);}
.shpnow {flex: 1 1 calc(10% - 16px);}
.shpnow a {display: block;margin-top: 21px;text-align: center;color: #fff;font-size: 17px;padding: 10px 0 14px 0;background-color: #ca1c20;border-radius: 24px;}
.fllas {float:left}
.shonowar {float: right}
.product-infos a:nth-child(2) { display: block;overflow: hidden; z-index: 2; position: relative;border-radius: 25px;width:100%}
/* button-animation */
.product-info a:hover::before, .inslisd a:hover::before,
 .adcrt > a:hover::before, .shonowar a:hover::before, .quickslids a:hover::before, .shofiler a:hover::before, .shofiler1 a:hover::before,
   .offpar a:nth-child(2):hover::before, .offpar a:first-child:hover::before, .hored:hover::before, 
.submipar:hover::before, .aply a:hover::before, .sbmite:hover::before,
   .sort .siriner > a:hover::before, .bnrcontent a:hover::before, .viall > a::before,
   .artot > a:hover::before, .sumt:hover::before , .coupsumit:hover::before, .pribil a:hover::before, .viall > a:hover::before
   {bottom: 0;}


.product-info a:hover::after,
.shofiler a:hover::after,.shofiler1 a:hover::after,
  .inslisd a:hover::after,
   .adcrt > a:hover::after,
    .shonowar a:hover::after,
     .sumt:hover::after,
  .quickslids a:hover::after,
   .offpar a:nth-child(2):hover::after,
    .submipar:hover::after,
     .aply a:hover::after,
      .coupsumit:hover::after,
   .offpar a:first-child:hover::after, .hored:hover:after, .sort .siriner > a:hover::after, .pribil a:hover::after,
    .bnrcontent a:hover::after, .artot > a:hover::after, .sbmite:hover::after, .viall > a:hover::after
    {bottom: -100%;}
 

.product-info a::after, .inslisd a:not(.editlink)::after, .hored:after, .adcrt > a::after, .shonowar a::after, .quickslids a::after, .bnrcontent a::after,
 .offpar a:first-child::after, .sumt::after, 
.submipar::after, .sbmite::after, .coupsumit::after

 {content: "";position: absolute;bottom: 0;left: 0;right: 0;background-color: #ca1c1e;width: 100%;height: 100%;z-index: -1;transition: all 1000ms cubic-bezier(0.25, 0.54, 0.25, 1);}



.product-info a::before, .inslisd a:not(.editlink)::before, .bnrcontent a::before, .adcrt > a::before, .shonowar a::before, .quickslids a:before,
 .offpar a:first-child::before, .sumt::before , .hored::before, 
.submipar::before, .sbmite::before, .coupsumit::before
{content: "";position: absolute;bottom: 100%;left: 0;right: 0;background-color: #000;width: 100%;height: 100%;z-index: -1;transition: all 1000ms cubic-bezier(0.25, 0.54, 0.25, 1)}


 .offpar a:nth-child(2)::before, .aply a::before, .pribil a::before,  .viall > a::before  {content: "";position: absolute;bottom: 100%;left: 0;right: 0;background-color: #ca1c1e;width: 100%;height: 100%;z-index: -1;transition: all 1000ms cubic-bezier(0.25, 0.54, 0.25, 1)}
 .offpar a:nth-child(2)::after, .aply a::after, .pribil a::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;background-color: #000;width: 100%;height: 100%;z-index: -1;transition: all 1000ms cubic-bezier(0.25, 0.54, 0.25, 1);}
 .viall > a::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;background-color: #fff;width: 100%;height: 100%;z-index: -1;transition: all 1000ms cubic-bezier(0.25, 0.54, 0.25, 1);}

 .shofiler a::before, .shofiler1 a::before, .sort .siriner > a::before {content: "";position: absolute;bottom: 100%;left: 0;right: 0;background-color: #000;width: 100%;height: 100%;z-index: -1;transition: all 1000ms cubic-bezier(0.25, 0.54, 0.25, 1)}
 .shofiler a::after, .shofiler1 a::after, .sort .siriner > a::after{content: "";position: absolute;bottom: 0;left: 0;right: 0;background-color: #fff;width: 100%;height: 100%;z-index: -1;transition: all 1000ms cubic-bezier(0.25, 0.54, 0.25, 1);}
 .artot > a:hover p{color:#fff}
 .artot > a:hover{border:1px solid #000}
 .artot > a::before {content: "";position: absolute;bottom: 100%;left: 0;right: 0;background-color: #ca1c1e;width: 100%;height: 100%;z-index: -1;transition: all 1000ms cubic-bezier(0.25, 0.54, 0.25, 1)}
 .artot > a::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;background-color: #000;width: 100%;height: 100%;z-index: -1;transition: all 1000ms cubic-bezier(0.25, 0.54, 0.25, 1);}
/* testimonial-section */

.testimonial > p {text-align: center;font-size: 19px;color: #000;font-weight: 600;padding: 9px 0 0 0;}
.testimonial h3 {text-align: center;font-size: 49px;}
.testimonial {padding: 55px 0 30px 0;}
.test-container {margin: 0 auto;;max-width: 87%;width:87%;;}
.testi-slider.owl-carousel.owl-theme {margin-top: 16px;}
.cust {padding: 47px 19px 18px 28px;}
.cust > p {font-size: 15px;line-height: 22px;padding-bottom: 26px;min-height: 245px;max-height: 25px;overflow: hidden;}
.person p:first-child {font-weight: 600;font-size: 15px;padding-bottom: 4px;}
.person p:nth-child(2) {padding: 2px 0 0 18px;font-size: 13.6px;background-image: url("../img/home/verified.png");background-repeat: no-repeat;background-size: 16px;background-position: 0px 4px;}
.testi {background-color: #fafafa;width: 95%;border-radius: 24px;overflow: hidden;}
.testi-slider .owl-controls.clickable{position: absolute;bottom: -120px;margin: 0 auto;width: 22.3%;left: 0;right: 0;text-align: center;}
.testi-slider .owl-pagination{display: inline-block;vertical-align: middle;position: relative;top: 33px;}
.testi-slider .owl-pagination > div { display: inline-block;margin: 0 9px;}
.testi-slider .owl-pagination span {display: inline-block;width: 10px;height: 10px;background-color: #d2d2d2;border-radius: 50%;}
.testi-slider .owl-prev{float: left;background-image: url("../img/home/prev-nav.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}
.testi-slider .owl-next {float: right;background-image: url("../img/home/next-nav.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0}
.testi-slider .owl-prev:hover{background-image: url("../img/home/prev-nav-hover.png");}
.testi-slider .owl-next:hover{background-image: url("../img/home/next-nav-hover.png");}
.testi-slider .owl-page.active span{background-color: #000;}
.testi-slider .owl-buttons > div{width: 40px;height: 40px;text-indent: -1000em;}
.review { text-align: center;margin-top: 20px}
.review > p > span{display: inline-block;background-image: url("../img/home/star.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0;width: 13px;height: 13px;margin: 0 3px;}
.review p {font-weight: 600;font-size: 15px;color: #000;}
/* taste like fruit */

.taste-like-fruit h3 {text-align: center;font-size: 49px;}
.taste-container {margin: 42px auto 0;;max-width: 87%;width:87%;;}
/* .testefeat {flex: 1 1 calc(44% - 16px);box-sizing: border-box;} */
/* .orngpar {display: flex;flex-wrap: wrap;padding: 13px 0 25px 15px;margin-bottom: 20px;background-color: #fc6f36;border-radius: 25px;} */
.testefeat > .orngpar:last-child {margin-bottom: 0px;}
/* .featpic {text-align: center;background-color: #fff;border-radius: 15px;} */
.featpic img {margin: 23px auto 21px;max-width: 60px;}
.tascont {padding: 16px 0 0 0px;}
.tascont p:first-child {color: #fff;font-size: 19px;font-weight: 600;padding-bottom: 2px;}
.tascont p:nth-child(2) {color: #fff;font-size: 14px;max-width: 100%;line-height: 24px;}
/* .tasfeatslde {position: relative;flex: 1 1 calc(56% - 16px);box-sizing: border-box;} */
#slidpgr {position: absolute;bottom: 34px;z-index: 100;left: 0;right: 0;text-align: center;}
.slidpar {overflow: hidden;border-radius: 50px;}
#slidpgr > span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: #766a63;text-indent: -1000em;margin: 0 4px;cursor: pointer;}
#slidpgr > span.cycle-pager-active {background-color: #fff;}
.tasepic {font-size: 0;}
 .tastpar {
    display: flex;
    column-gap: 21px;
    row-gap: 16px;
    align-items: stretch ;
    justify-content: center;width: 100%;
}

/* quick ideas with fot */

.quick-deal {padding: 62px 0 60px 0;background-color: #ffcf6f;}
.quick-deal h3 {color: #000;text-align: center;font-size: 49px;line-height: 72px;}
.quick-deal > p {text-align: center;font-weight: 600;font-size: 17.5px;}
.quicslide > div {text-align: center;}
.quick-container { margin: 41px auto 6.2%;max-width: 87%;width:87%;}
.quicslide .owl-controls { margin: 0 auto;width: 27%;}
.quicslide .owl-controls .owl-buttons { position: absolute; top: -52px;right: 30px;  width: 100px;}
.quiimg {padding: 53px 0 0 0;text-align: center;position: relative;}
.quiimg > p {position: absolute;color: #ffcf6f;font-size: 16px;background-color: #000;top: 30px;left: -39px;padding-bottom: 0;transform: rotate(-45deg);width: 44%;}
.quicont-title {padding: 0px 0 0 0;}
.quicont-title p {color: #000;font-size: 18px;padding-bottom: 0px;font-weight: 600;}
.quicont {padding: 6px 0 0 0;}
.quicont p {font-size: 14px;color: #000;padding-bottom: 4px;}
.addcrts {display: flex;flex-wrap: wrap;}
.quickslids > a {display: block;overflow: hidden;z-index: 2;background-color: #ca1c20;border-radius: 25px;margin: 10px auto 0;width: 85%;position: relative;}
.lefctq {width: 45%;}
.addcprc {width: 55%;display:flex;justify-content: right;padding-right: 20px;}
.lefctq p {color: #fff;font-size: 15px;padding: 10px 0 11px 34px;text-align: left;}
.quiimg img{margin: 4px auto 0;max-width: 50%;}
.addcprc span {vertical-align: middle;display: inline-block;padding: 11px 0 0 0;position: relative;}
.addcprc span:first-child{color: #fff;margin-right: 3px;}
.addcprc span:nth-child(2){color: #ffce71;padding-right: 3px;}
.addcprc span:first-child::before {content: "";position: absolute;left: 0;right: 0;width: 100%;height: 1px;background-color: #fff;transform: rotate(-10deg);top: 22px;}
.combo-teret {padding-top: 13px;padding-bottom: 13px;}
.combo-teret p:first-child {font-size: 15px;color: #000;padding-bottom: 0px;}
.combo-teret p:nth-child(2) {color: #000;font-weight: 600;font-size: 19px;}
.quickslids {background-color: #fff;border-radius: 24px;overflow: hidden;width: 95%;}
.quicslide .owl-item {margin-right: 00px;}
.quicslide .owl-controls.clickable{position: static;bottom: -72px;margin: 0 auto;width: 22.3%;left: 0;right: 0;text-align: center;}
.quicslide .owl-pagination{display: inline-block;vertical-align: middle;position: static;top: 33px;}
.quicslide .owl-pagination > div { display: inline-block;margin: 0 9px;}
.quicslide .owl-pagination span {display: inline-block;width: 10px;height: 10px;background-color: #d3a558;border-radius: 50%;}
.quicslide .owl-prev{float: left;background-image: url("../img/home/prev-nav.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}
.quicslide .owl-next {float: right;background-image: url("../img/home/next-nav.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0}
.quicslide .owl-prev:hover{background-image: url("../img/home/prev-nav-hover.png");}
.quicslide .owl-next:hover{background-image: url("../img/home/next-nav-hover.png");}
.quicslide .owl-page.active span{background-color: #000;}
.quicslide .owl-buttons > div{width: 40px;height: 40px;text-indent: -1000em;}

/* moment fo fresh-section  */

.fresh-moments {padding: 68px 0 39px 0;}
.fresh-moments > h3 {font-size: 49px;text-align: center;}
.fresh-moments > p {text-align: center;color: #000;font-size: 17px;}
.moment-tops{position: relative;margin-top: 14px;}
.moment-tops .owl-item {margin-right: 0px;}
.moment-tops .owl-buttons {position: absolute;top: -57px;right: 19px;width: 100px;}
.moment-tops .owl-controls.clickable{position: static;bottom: -95px;margin: 0 auto;width: 22.3%;left: 0;right: 0;text-align: center;}
.moment-tops .owl-pagination{display: inline-block;vertical-align: middle;position: relative;top: 33px;}
.moment-tops .owl-pagination > div { display: inline-block;margin: 0 9px;}
.moment-tops .owl-pagination span {display: inline-block;width: 10px;height: 10px;background-color: #d2d2d2;border-radius: 50%;}
.moment-tops .owl-prev{float: left;background-image: url("../img/home/prev-nav.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}
.moment-tops .owl-next {float: right;background-image: url("../img/home/next-nav.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0}
.moment-tops .owl-prev:hover{background-image: url("../img/home/prev-nav-hover.png");}
.moment-tops .owl-next:hover{background-image: url("../img/home/next-nav-hover.png");}
.moment-tops .owl-page.active span{background-color: #000;}
.moment-tops .owl-buttons > div{width: 40px;height: 40px;text-indent: -1000em;}
.moment-container {margin: 0 auto;;max-width: 87%;width:87%;}
.sliimg {width: 96%;overflow: hidden;border-radius: 25px;font-size: 0;position: relative;}
video.reels-video- {position: absolute;top: 0;left: 0;right: 0;height: 100%;}

/* certification section  */

.certification {padding: 58px 0 57px 0;}
.certification > h3 {font-size: 49px;text-align: center;}
.certification > p {text-align: center;font-size: 17px;color: #000;}
.ceritipic{display: grid;;margin-top: 31px;column-gap: 16px;grid-template-columns: repeat(6, 1fr);row-gap: 16px;}
.certif-container {margin: 0 auto;;max-width: 87%;width:87%;}
.sfpic:last-child {margin-right: 0;}
.sfpic {padding: 31px 0 0px 0;background-color: #fff9f2;border: 1px solid #f4dac6;border-radius: 20px;flex: 1 1 calc(20% - 16px);}
.cerimg {margin: 0 auto;width: 62%;}
.ceritocnt p {text-align: center;max-width: 167px;margin: 0 auto;color: #000;font-size: 15.1px;line-height: 22px;padding-bottom: 19px;}
.ceritocnt {padding-top: 17px;}
.mobcettif .owl-pagination {text-align: center;position: relative;top: 17px;left: 0;right: 0;}
.mobcettif .owl-pagination > div {display: inline-block;margin: 0 9px;}
.mobcettif .owl-page.active span {background-color: #fff;width: 10px;height: 10px;border: 3px solid #000;}
.mobcettif .owl-pagination span {display: inline-block;width: 10px;height: 10px;background-color: #000;border-radius: 50%;}
#certicaption > span{    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;display: inline-block;vertical-align: middle;margin: 0 3px;text-indent: -100em;}
   #certicaption span.cycle-pager-active {background-color: #fff;
    width: 10px;
    height: 10px;
    border: 3px solid #000;}
    div#certicaption {
    text-align: center;
}

/* Stay connect section  */
.styapics {flex: 1 1 calc(50% - 0px);box-sizing: border-box;font-size: 0;}
.stayconte {flex: 1 1 calc(50% - 0px);box-sizing: border-box;}
.connectedpar{display: flex;flex-wrap: wrap;background-color: #ffcf6f;align-items: center;}
.stayconte > h3 {font-size: 49px;text-align: center;padding-bottom: 20px;}
.offpar a, .offpar p {display: inline-block;color: #fff;padding: 18px 65px;border-radius: 25px;font-size: 16px;overflow: hidden;position: relative;z-index: 2;}
.offpar a:first-child, .offpar p:first-child{background-color: #ca1c20;margin-right: 15px;}
.offpar a:nth-child(2), .offpar p:nth-child(2){background-color: #000;}
.offpar {text-align: center;margin-bottom: 20px;}
.stayconte > p {text-align: center;font-size: 15.4px;font-weight: 600;color: #000;padding-bottom: 15px;}
.stayconte > p > span{color: #ca1c20;}
.formparnt {display: flex;flex-wrap: wrap;margin: 0 auto;width: 69%;border-radius: 25px;margin-bottom: 30px;overflow: hidden;background-color: #fff;}
.formpars {width: 75.7%;background-color: #fff;}
.sumt {width: 24.3%;position: relative;background-color: #ca1c20;z-index: 2;overflow: hidden;border-radius: 25px;}
.sumt button {padding: 18px 0 18px 0;width: 100%;background: none;font-size: 18px;color: #fff;cursor: pointer;border-radius: 25px;}
.respct p {text-align: center;font-size: 15px;color: #000;}
.field input {padding: 19px 0 19px 25px;width: 100%;}

/* accordion section  */
.accordon {padding: 70px 0 44px 0;background-color: #fcf0e5;}
.accor-container {margin: 58px auto 0;;max-width: 87%;width:87%;;}
li.vslds {border-radius: 10px;}
.accor-title > li a {display: block;padding: 18px 0 14px 17px;color: #000;font-weight: 600;font-size: 18.1px;position: relative;background-color: #fff;border-radius: 10px;}
.accor-title > li a::after {content: "+";position: absolute;right: 11px;top: 17px;color: #fff;background-color: #000;border-radius: 50%;font-size: 14px;width: 20px;height: 20px;justify-content: center;display: flex;align-items: center;}
.accor-title li {margin-bottom: 20px;}
.titopen {padding: 3px 19px 11px 19px;display: none;}
.titopen p{text-align: left !important;}

li.vslds, li.vslds > a {background-color: #ffc7ad;}
.accordon h3 {font-size: 55px;text-align: center;}
.vslds > a::after {content: "-" !important;}

/* footer */

.footer {padding: 69px 0 36px 0;background-color: #000;}
.footer-container {margin: 0 auto;;max-width: 87%;width:87%;}
.fologo {width: 103px;}
.footpar{display: flex;flex-wrap: wrap;}
.social p {color: #fff;padding: 26px 8px 0 4px;font-size: 15.9px;}
.social {width: 29%;margin-right: 10.7%;}
.social ul {margin: 32px 0 0 7px;}
.social ul li {display: inline-block;;vertical-align: top;margin-right: 19px;}
.social ul li > a {display: block;width: 23px;height: 30px;background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}
.insta{background-image: url("../img/home/social1.png");}
.facbook{background-image: url("../img/home/social2.png");}
.x-web{background-image: url("../img/home/social3.png");}
.ytube{background-image: url("../img/home/social4.png");}
.quiklink1 p, .quiklink2 p, .quiklink3 p, .quiklink1 p > a, .quiklink2 p > a, .quiklink3 p > a {color: #fff;font-size: 16px;font-weight: 600;pointer-events: none;}
.quiklink1 ul li, .quiklink2 ul li {margin-bottom: 24px;}
.quiklink1 ul li a,.quiklink2 ul li a {color: #fff;display: inline-block;}
.quiklink1 {width: 20.7%;}
.quiklink2 {width: 21%;}
.quiklink3 ul {margin-top: 2px;}
.quiklink3 ul > li a {color: #fff;position: relative;}
.quiklink3 ul li {margin-bottom: 22px;}
.quiklink3 {width: 18.6%;}
.quiklink3 ul > li a {color: #fff;padding: 0 0 0 29px;}
li.phone > a:nth-child(2):after {content: "";position: absolute;left: 12px;top: 6px;width: 2px;height: 12px;background-color: #fff;}
li.phone{background-image: url("../img/home/contact1.png");background-repeat: no-repeat;background-size: 19px; background-position: 0 0;}
li.mail{background-image: url("../img/home/contact2.png");background-repeat: no-repeat;background-size: 19px; background-position: 0 0;}
li.wahts-app{background-image: url("../img/home/contact3.png");background-repeat: no-repeat;background-size: 19px; background-position: 0 0;}dinne

/*=================================================================================================================
                                             product-detailpage
=================================================================================================================*/
.productInfo {padding-top: 0px;}
.productContainer {max-width: 87%;margin: 0 auto;width: 87%;}
ul.brdcrmbList {display: flex;align-items: center;}
a.brcrmbHome {display: block;width: 20px;}
.breadcrump > ul > li {margin-right: 25px;position: relative;}
.breadcrump > ul > li:last-child{margin-right: 0;}
.breadcrump > ul > li::after {content: "";
    position: absolute;
    color: #000;
    font-size: 20px;
    background-image: url(../img/home/right-arrw.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center center;
    width: 30px;
    height: 30px;}
.breadcrump > ul > li:first-child:after {top: 1px;right: -23px;}
.breadcrump > ul > li:nth-child(2):after {top: -4px;right: -26px;}
.breadcrump > ul > li:last-child::after {display:none;}
.breadcrump > ul > li > p {color: #000;font-size: 13px;padding: 1px 0 0 0;}
* {box-sizing: border-box;}
.product-gallery {display: flex;align-items: flex-start;flex-wrap:wrap;}

/* Thumbnails */
.thumbs-wrapper {position: relative;width: 140px;  height: 604px;}
.thumbs-swiper {height: 604px;}
.thumbs-swiper .swiper-slide {width: 142px;height: 142px;border-radius: 15px;overflow: hidden;cursor: pointer;border: 2px solid transparent;background:#f3f3f3;}
.thumbs-swiper img {width: 100%;height: 100%;object-fit: cover;}

/* Thumbnail arrows */
.thumbs-prev,.thumbs-next {color: #000;}
.thumbs-prev {top: -10px;}
.thumbs-next {bottom: -10px;}
.main-image{width:calc(100% - 160px); margin-left:20px;}
.main-swiper {width: 100%;height: 100%;border-radius: 16px;overflow: hidden;background: #fff;}
.productViewInfo {padding-top: 76px; display:flex;align-items: flex-start;}
.swiperNav {position: absolute;width: 30px;left: 50%;transform: translateX(-50%);top:   -35px;bottom: -35px;pointer-events: none;z-index: 10;}
.swiper-button-prev,.swiper-button-next{display:block;width:30px;height:30px;background-repeat:no-repeat;background-size:30px auto;background-position:center center;pointer-events:all;margin:0}
.swiper-button-prev::after,.swiper-button-next::after{display:none;}
.swiper-button-prev {background-image: url("../img/product-detail/up.png") !important;left: auto;top: 0 !important;}
.swiper-button-next{background-image:url("../img/product-detail/down.png") !important;top: auto !important;bottom: -13px !important;}
.productSlide {width: 54%;position: sticky;top:35px;align-self:flex-start}
.productInfoContent {width: 46%;box-sizing: border-box;padding-left: 26px;}


/*======Product content===========*/

.product-title {font-size: 50px;font-weight: 700;margin-bottom: 6px;line-height: 1em;}
.RatingStar{display:flex;align-items:center;column-gap:6px;margin: 0 0 0 6px;}
.RatingStar > span {display: block;width: 12px;height: 12px;background: url(../img/product-detail/star.png) no-repeat scroll 0 0 / 12px auto;}
.rating > span {color: #555;margin-left: 6px;font-size: 14px;display: inline-block;}
.rating {display:flex;align-items:center;padding-top: 4px;}
.rating > span {color: #555;margin-left: 7px;font-size: 19px;display: block;}
.label {font-size: 15px;margin: 17px 0 0px 5px;font-weight: 600;color: #000;padding-bottom: 13px;}
.pack-options {display: flex;gap: 8px;margin: 0 0 0 0px;}
.description p:first-child strong {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    display: inline-block;
}
.pack {border: 1px solid #f4dac6;border-radius: 16px;font-size: 12px;text-align: center;flex: 1;cursor: pointer;overflow: hidden;cursor: pointer;}
span.packNo {display: block;color: #ba312b;font-weight: 700;text-transform: uppercase;font-size: 1.5rem;height: 51px;background-color: #fff1f2;padding: 14px 0 4px 0;}
/* span.packNo {font-size: 39px;color: #fff;padding: 6px 0 0 0;} */
.pack input {display: none;}
label.pack.active span.packNo {color: #fff;background-color: #ca1c20;}
.pack.active,.pack input:checked + * {border-color: #f4dac6;}
.pack strong {display: block;font-size: 13px;margin-bottom: 4px;}
.description {margin-top: 9px;padding-bottom: 27px;margin-left: 11px;border-bottom: 1px solid #000;}
.price-row {display: flex;justify-content: space-between;align-items: start;column-gap: 16px;row-gap: 16px;}
.artot {flex: 1 1 calc(43% - 16px);box-sizing: border-box;}
.price {font-size: 14px;font-weight: 700;padding: 5px 0 8px 0;display: block;}
.qty-control {align-items: center;border-radius: 8px;flex: 1 1 calc(0% - 16px);box-sizing: border-box;padding: 3px 0 7px 0px;background-color: #000;border-radius: 25px;}
.qty-control a, .qty-control input {display: inline-block;}
.qty-control a {color: #fff;font-size: 28px;flex: 1 1 calc(10% - 16px);}
.qulconpar {display: flex;flex-wrap: wrap;column-gap: 16px;row-gap: 16px;text-align: center;}
.qulconpar input {text-align: center;color: #fff;width: 30px;background-color: #000;font-size: 20px;padding-top:5px}
.description p {padding: 9px 0 0 0px;color: #000;font-size: 16px;padding-bottom: 0;}
.description p:first-child {font-size: 14px;}
.description p:nth-child(2) {font-weight: 600;font-size: 20px;padding: 0px 0 0px 0px;}
.description p:last-child {line-height: 26px;}
.ingrents2 {padding: 29px 0 26px 0;margin-left: 13px;border-bottom: 1px solid #000;}
.ingrents2 p:nth-child(2) {font-size: 16px;line-height: 26px;padding-bottom: 0px;}
.ingrents2 p:nth-child(3) {font-size: 16px;}
.ingrents2 p:nth-child(3) > span {display: inline-block;font-weight: 600;text-transform: uppercase;vertical-align: top;}
.description p:nth-child(2){font-weight: 600;}
.qty-control button {width: 32px;height: 32px;border: none;background: #fff;font-size: 18px;cursor: pointer;}
.qty-control span {width: 32px;text-align: center;font-size: 14px;}
.add-to-cart {width: 100%;padding: 12px;background: #000;color: #fff;border-radius: 10px;border: none;font-size: 15px;font-weight: 600;cursor: pointer;}
.description h3 {font-size: 16px;margin-bottom: 6px;}
.section {margin-top: 20px;}
.section h4 {font-size: 15px;margin-bottom: 6px;}
.section p {font-size: 14px;color: #555;}
.instructions {margin-top: 25px;font-size: 16px;}
.steps {display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;}
.step {border: 1px solid #eee;border-radius: 12px;padding: 10px;font-size: 13px;text-align: center;}
.step span {display: inline-block;color: #000;border-radius: 50%;font-size: 12px;line-height: 24px;margin-bottom: 6px;}
.favmeaal p {font-size: 14px;padding-bottom: 12px;}
.favmeaal {padding: 28px 0 0 10px;}
.addtcrs {column-gap: 16px;row-gap: 16px;flex-wrap: wrap;display: flex;align-items: center;}
.aftre {flex: 1 1 calc(50% - 16px);}
.aftrer {flex: 1 1 calc(50% - 16px);display: block;padding-right: 23px;text-align: right;}
.aftrer p {flex: auto !important;display: inline !important;}
.aftrer p.strike-out::before{top:24px;width: 100%;}
.aftrer p.strike-out {padding:11px 0 6px 0}
.aftre p {color: #fff;font-size: 16px;padding: 12px 0 11px 33px;}
.aftrer p {padding: 11px 17px 6px 0;color: #fff;text-align: right;font-size: 19px;font-weight: 600;}
.artot > a {background-color: #000;display: block;border-radius: 50px;position: relative;overflow:hidden;z-index:2;border: 1px solid transparent;}
.ingrents2 p:first-child {font-size: 20px;font-weight: 600;padding-bottom: 6px;}
.instruct {margin-left: 11px;padding: 30px 0 33px 0;border-bottom: 1px solid #555;}
.prdinstructions {margin-top: 28px;}
.instruct p:first-child {font-weight: 600;font-size: 20px;padding-bottom: 4px;}
.instruct p:nth-child(2) {font-size: 16px;}
.prdinstructions {margin-top: 20px;width: 81%;}
.prdinst-child {text-align: center;position: relative;border: 1px solid #f4dac6;border-radius: 21px;flex: 1 1 calc(calc(36% - 16px));}

.prdinst-child span {position: absolute;top: 8px;left: 8px;width: 24px;height: 24px;display: block;background-color: #f76e35;border-radius: 50%;padding: 2px 0 0 0;color: #fff;}
.prdinst-child img {margin: 16px auto 0;width: 97px;max-width: 97px;display: inline-block;}
.prdinst-child p {font-size: .9em;font-weight: 600;padding-bottom: 15px;padding-top: 0px;}
.inpromis {margin: 0 0 0 11px;padding: 30px 0 18px 0;border-bottom: 1px solid #000;}
.inpromis > p {font-weight: 600;font-size: 20px;padding-bottom: 15px;}
.promcontpa {display: inline-block;vertical-align: top;width: 40%;margin-bottom: 18px;}
.ipropar > div {display: inline-block;vertical-align: top;}
.porpic {width: 24%;text-align: center;}
.procont {box-sizing: border-box;width: 71%;}
.ipropar, .fotproiinpar {font-size: 0;}
.procont p {font-size: 14px;font-weight: 600;padding-left: 4px;padding-top: 7px;}
.ongoing-ofers {margin: 0 0 0 11px;padding: 39px 0 44px 0;border-bottom: 1px solid #000;}
.ongoing-ofers p {font-weight: 600;font-size: 28px;}
.ongoing-ofers p {font-weight: 600;font-size: 28px;padding-bottom: 16px;}
.offerslider {margin: 0 0 0 0;}
.sliderpar {padding: 0px 0 0 0;width: 98%;text-align: center;}
.sliderpar p {padding: 10px 6px 11px 54px;font-size: 15px;font-weight: 500;border: 1px dashed #ca1c20;text-align: left;border-radius: 10px;background-color: #faf0e4;background-image: url(../img/product-detail/offer.png);background-repeat: no-repeat;background-size: 29px;background-position: 18px 8px;}
.sliderpar p span {display: block;font-weight: 600;font-size: 20px;padding-bottom: 6px;}
.sliderpar button {display: inline;text-align: center;margin: 8px auto 0;font-size: 13px;padding: 0 0;cursor: pointer;position: relative;z-index: 50;}
.ongoingoffers {position: relative;}
.ongoingoffers .owl-controls.clickable {position: relative;bottom: 11px;left: 0;right: 0;}
.ongoingoffers .owl-buttons .owl-prev {float: left;background-image: url(../img/home/left-arrow.png);background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}
.ongoingoffers .owl-buttons .owl-next {float: right;background-image: url(../img/home/right-arrow.png);background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}
.ongoingoffers .owl-buttons > div {width: 23px;height: 25px;text-indent: -1000em;}
.addionfors {padding: 21px 0 12px 0;margin-left: 18px;border-bottom: 1px solid #000;}
.ongoing-ofers > p {font-weight: 600;font-size: 20px;padding-bottom: 16px;}
.proacpro > li > a {display: block;}
.linopen > p {font-size: 16px;padding-bottom: 17px;}
.addionfors> p {font-size: 20px;font-weight: 600;padding-bottom: 9px;}
div#productView {padding-bottom: 48px;}
.videoitm iframe{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: none;}
.privicontaienr {margin: 0 auto;max-width:1183px;padding: 56px 40px 38px 40px;border: 2px solid #f4dac6;border-radius: 28px;background-color: #faf0e4;}
.privicontaienr video {border-radius: 25px;overflow: hidden;font-size: 0;}
.closevid {background-size: 20px auto;height: 20px;width: 20px;display: none;}
.closevid {background: rgba(0, 0, 0, 0) url(../img/close-video.png) no-repeat scroll 0 0 / 32px 32px;position: absolute;right: 10px;text-indent: -1000em;top: 10px;z-index: 1001;}
.testimonial.proddetl-testi{padding-bottom: 120px;}
.swiper-backface-hidden .swiper-slide{font-size: 0;}
.sflimg {background-color: #ca1c20;width: 44px;height: 44px;border-radius: 50%;display: flex; align-items: center; justify-content: center;}
.sflimg img {width: 30px;}
.ngals, .prodslidern > div {width: 100%;}
.caroitm.ng {background-color: #f3f3f3;border-radius: 10px;margin: 0 0px;width: 88%;}
.prodslidern > div {margin-bottom: 14px;border-radius: 25px;overflow: hidden; font-size: 0;}
.ngalslid, .ngal{display: none;}
.vidonctparss {padding: 8px 0 0 0;}
.fllas {float: left;}
.fllas p:first-child {font-size: 30px;font-weight: 600;padding-bottom: 0;}
.fllas p:nth-child(2) {font-size: 13.1px;color: #000; padding: 7px 0 0 0;}
.shonowar {float: right;}
.shonowar a {display: inline-block;padding: 12px 0 12px 0;width: 200px;text-align: center;margin: 19px 0 0 0;background-color: #ca1c1e;color: #fff;border-radius: 25px;position: relative;overflow: hidden;z-index: 2;}
.mobosor {display: none;}
/*==================================================================================================================
                                            About page
==================================================================================================================*//* banner-styel */
.abtbanr-container.aboutuspge{padding-top: 50px;}
.abousld{position: relative;}
.abtbnrcontent {position: absolute;top: 94px;left: 89px;text-align: left;}
.abtbnrcontent h1 {color: #000;font-size: 56px;line-height: 57px;}
.abtbnrcontent h2 {font-size: 55px;line-height: 76px;}
.abtbnrcontent h3 {color: #ca1c1e;}
.abtbnrcontent p {width: 61%;font-size: 15.1px;font-weight: 600;color: #000;padding-top: 7px;margin-bottom: 11px;}
.about-banners {padding: 27px 0 0 0;position: relative;}
.abutbann-content h3 {font-size: 49px;padding-bottom: 16px;}
.about-banners::before {content: "";position: absolute;bottom: 0;left: 0;right: 0;background-color: #fff2e8;z-index: -1;height: 69.5%;}
.abtbanr-container {margin: 0 auto;width: 87%;max-width:87%;position:relative;}
.abtbnrcontent p:first-child {font-size: 20px;letter-spacing: 16px;padding-bottom: 12px;}
.abtbnrcontent h3 {color: #ca1c1e;font-size: 53px;}
.abutbann-content {padding: 48px 0 0 0;text-align: center;}
.abutbann-content p > span {font-weight: 600;}
.abutbann-content p {font-size: 14px;margin: 0 auto;width: 85%;padding-bottom: 16px;line-height: 26px;}
.abutbann-content {padding: 48px 0 52px 0;text-align: center;}
.accordon p {font-weight: 600;font-size: 18px;text-align: center;}

/* why-choose-it */
.why-chose-it {padding: 64px 0 0 0;}
.whu-chose-par {display: flex;flex-wrap: wrap;align-items: stretch;width: 100%;gap: 20px;}
.chodetails {display: grid;column-gap: 16px;row-gap: 26px;grid-template-columns: repeat(2, 1fr);flex: 1;}
.choimg {flex: 1;box-sizing: border-box;display: flex;border-radius: 25px;overflow: hidden;}
.choimg img {width: 100%;height:100%;object-fit: cover;}
.whoycose {flex: 1;box-sizing: border-box;display: flex;flex-direction: column;;}
.whoycose h3 {font-size: 54.5px;line-height: 56px;padding-left: 13px;}
.chodetails {margin-left: 12px;margin-top: 32px;}
.flips1:nth-child(2n) {margin-right: 0;}
.flips1 {background-color: #fc6f36;overflow: hidden;border-radius: 25px;flex: 1 1 calc(50% - 16px);box-sizing: border-box;align-content: center}
.box {text-align: center;margin: 25px 0 0 0;}
.mobwechose .flips1{align-items: start;}
.box img {margin: 0 auto;width: 77px;}
.boxconts {text-align: center;padding: 14px 0 16px 0;}
.boxconts p:first-child {font-size: 20px;color: #000;font-weight: 600;padding-bottom: 3px;margin: 0 auto;width: 86%;}
.boxconts p:nth-child(2) {color: #000;font-size: 16px;max-width: 75%;margin: 0 auto;padding-bottom:0}
.vboxim {margin: 0 auto;background-color: #FFCD6E;width: 81px;border-radius: 50%;height: 81px; display: flex; align-items: center;justify-content: center;}
.vboxim img{width: 50px;}


/* fot-advantages */

.fot-advantage {padding: 70px 0 0 0;}
.fot-advantage h3 {text-align: center;font-size: 49px;}
.four-box-cols {display: grid;margin-top: 30px;column-gap: 16px;row-gap: 22px;grid-template-columns: 1fr 1fr;}
.infour-child {flex: 1 1 calc(50% - 16px);box-sizing: border-box;}
.infour-child:nth-child(2n){margin-right: 0;}
.bowhod {padding: 34px 15px 35px 33px;}
.rondpic img {width: 114px;margin: 15px 0 0 0;}
.bowhod {padding: 34px 40px 0 36px;display: flex;flex-wrap: wrap;align-content: center;}
.rondpic {width: 23%;}
.inforcont {width: 76%;}
.inforcont p:first-child {font-size: 19px;font-weight: 600;padding-bottom: 0px;height: auto;}
.inforcont p:nth-child(2) {font-size: 14px;padding-bottom: 10px;padding-right: 20px;min-height: 100px;max-height: 100px;width:80%}
.bowhod {padding: 34px 15px 27px 36px;display: flex;flex-wrap: wrap;align-content: center;border-radius: 25px;background-color: #ffcf6f;}
.rndpic {background-color: #ca1c1e;border-radius: 50%;display: flex;align-items: center;width: 99px;height: 99px;justify-content: center;}
.rondpic img {width: 58px;margin: 0 auto;}


/* what drives us */

.taste-like-fruit {padding: 40px 0 50px 0;}
.taste-like-fruit h3 {text-align: center;font-size: 49px;}
.taste-container {margin: 42px auto 0;;max-width: 87%;width:87%;;}
.testefeat {
    flex: 1;
    box-sizing: border-box;
    font-size: 0;
    flex-direction: column;
    display: flex;align-items: stretch;justify-content: space-between;
}
.orngpar

 {
    display: grid;
    flex-wrap: wrap;
    padding: 13px 0 13px 15px;
    margin-bottom: 20px;
    background-color: #fc6f36;
    border-radius: 25px;
    column-gap: 16px;
    row-gap: 30px;
    align-items: center;
    grid-template-columns: .3fr 1fr;
}
.featpic {text-align: center;background-color: #fff;border-radius: 15px;flex: 1;}
.mobtops {padding: 13px 0 25px 15px;margin-bottom: 20px;background-color: #fc6f36;border-radius: 25px;}

.featpic img {margin: 23px auto 21px;max-width: 60px;}
.tascont {padding: 16px 0 0 0px;flex: 1 1 calc(59% - 16px)}
.tascont p:first-child {color: #fff;font-size: 19px;font-weight: 600;padding-bottom: 2px;}
.tascont p:nth-child(2) {color: #fff;font-size: 16px;line-height: 24px;padding-right: 26px;}
.tasfeatslde {
    position: relative;
    flex: 1;
    box-sizing: border-box;overflow:hidden;border-radius:25px;flex-direction: column;
}
#slidpgr {position: absolute;bottom: 34px;z-index: 100;left: 0;right: 0;text-align: center;}
.slidpar {overflow: hidden;border-radius: 50px;}
#slidpgr > span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: #766a63;text-indent: -1000em;margin: 0 4px;cursor: pointer;}
#slidpgr > span.cycle-pager-active {background-color: #fff;}
.tasepic {font-size: 0;width:100%}
/* .tastpar {display: flex;flex-wrap: wrap;column-gap: 21px;row-gap: 16px;}  */
 .what-derives-us h3{padding-bottom: 30px;}

 /* our-mission */
.our-mission {box-sizing: border-box;padding: 53px 0 53px 72px;background-color: #fff2e8;background-image: url("../img/about/sun-rise.png");background-size: 237px;background-repeat: no-repeat;background-position: 93% 100%;border-radius: 24px;}
.missiopar, .infpar {display: flex;flex-wrap: wrap;column-gap: 16px;row-gap: 16px;}
.mittiel h3 {font-size: 49px;text-align: right;margin-top: 10px;line-height: 64px;}
.missiotnpars {flex: 1 1 calc(80% - 16px);}
.mittiel {flex: 1 1 calc(10% - 16px);}
.mispicd img { margin: 0 auto;width: 60px;}
.mispaconte{flex:1 1 calc(74% - 16px)}
.infpar {align-items: center;}
.mispicd {flex: 1 1 calc(3% - 16px);box-sizing: border-box;text-align: center;}
.mispaconte p {font-size: 14px;max-width: 461px;}
.our-misns {background-color: #ca1c1e;border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 99px; height: 99px; margin: 0 auto;}
/* why-you-get */
.what-you-get-fot > h3 {text-align: center;font-size: 49px;padding-bottom: 30px;}
.what-you-get-fot  {padding: 90px 0 56px 0;}
.what-you-get-fot .flips1 {background-color: #ffcf6f;}
.what-you-get-fot .whoycose .chodetails{margin-top: 0;}
.foncolwhite .boxconts p {color: #fff;}
.whygimg {margin: 0 auto;width: 81px;height: 81px; display: flex;align-items: center; background-color: #ca1c1e; border-radius: 50%;}
.box img { margin: 0 auto; width: 39px;}
.moimgs{display: none;}
.most-loved-pic.prodtpar {
    padding: 0;
}
/*=================================================================================================================
                                             Product page
=================================================================================================================*/

.page-container {margin: 0 auto;max-width: 87%;width: 87%;}
/* .breadcrump > ul > li{display: inline-block;vertical-align: middle;margin-right: 14px;position: relative;}
.breadcrump > ul > li:first-child::after{content: ">";position: absolute;top: 0;right: -13px;color: #000;font-size: 21px;}
.breadcrump > ul > li > span {display: block;width: 30px;height: 30px;background-image: url(../img/product/breadcrumb.png);background-repeat: no-repeat;background-size: 21px;    background-position: 2px 2px;}
.breadcrump > ul > li > p {color: #000;font-size: 15.2px;padding: 1px 0 0 0;} */

/* Ready-to-eat  */
a.brcrmbHome {display: block;width: 20px;}
.breadcrump {margin: 35px auto 0;width: 88.4%;}
.redtoeat {padding: 7px 0 0 0px;}
.redtoeat h3 {font-size: 49px;}
.redtoeat p {font-size: 14px;padding: 10px 0 0 0;  width: 73.5%;line-height: 23px;}
.shofiler a, .shofiler1 a {font-weight: 500;color: #000;padding: 13px 21px 13px 49px;display: inline-block;border: 1px solid #000;border-radius: 50px;background-image: url("../img/product/filter.png");background-repeat: no-repeat;background-size: 21px;background-position: 20px 14px;overflow:hidden;position:relative}
.shofiler a:hover, .shofiler1 a:hover {
    color: #fff;background-image: url(../img/product/white-filter.png);
}
.filter {padding: 53px 0 0 0;position: relative;}
.sort {float: right;position: relative;}
.sortfi {position: absolute;top: 0;right: 0; background-color: #000;z-index: 2;padding: 20px 20px 20px 20px;border-radius: 25px;display: none;width:300px}
.sortfi > p{display:block !important;}
.sortfi p:first-child {text-transform: uppercase;font-size: 16px;color: #ccc;padding-bottom: 30px;}
.sortfi ul > li {margin-bottom: 20px;}
a.prod_li.liactive {opacity: 0.5;}
.sortfi ul > li a{display:inline-block;color:#ccc}
.sortfi ul > li a:hover{text-decoration: underline;}
.sortfi p:nth-child(2) {font-size: 16px;color: #fff;text-transform: uppercase;}
.sort p {display: inline-block;margin-right: 6px;font-size: 13px;color: #000;}
.clf {position: absolute;top: 17px;right: 27px;}
.clf > a {width: 25px;height: 25px;color: #000;background-color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.shofiler, .shofiler1 {float: left;}
.sort .siriner > a {padding: 13px 49px 12px 25px;display: inline-block;border: 1px solid #000;border-radius: 50px;position: relative;overflow: hidden;z-index: 2;}
.sort .siriner > a:hover {color:#fff}
.product-infot {padding: 60px 0 0px 0;}
.prod-par {display: grid;flex-wrap: wrap;column-gap: 16px;row-gap: 16px;grid-template-columns: repeat(4, 1fr);}
.siriner {display: inline-block;vertical-align: middle;}
.siriner:hover::after {background-color: #fff;}
.siriner::after {z-index:2;content: "";position: absolute;right: 21px; top: 21px; width: 5px;height: 5px; border-radius: 50%;background-color: #000;}
.product-details {flex: 1 1 calc(25% - 16px);position: relative;border-radius: 25px;overflow: hidden;background-color: #f2f2f2;margin-bottom: 0px;}

.product-details:nth-child(4n) {margin-right: 0;}
.product-infos {padding: 2px 10px 26px 10px;}
.product-infos p {font-weight: 600;font-size: 23px;color: #000;padding-bottom: 8px; padding-left: 7px;}

.soflavers > p {font-size: 15px;padding-bottom: 0px;font-weight: normal;}
.carinfost {display: flex;flex-wrap: wrap;padding: 13px 10px 12px 10px;align-items:center}
/* .carinfost > div {width: 50%;} */
.product-details .carinfost .crtst {
    width: 33%;
}
.product-details .carinfost .mrpt {
    width: 67%;
}
/* .product-details .carinfost .mrpt p {
    flex: auto;
    display: inline-block;margin-right: 0;
}   */

.mrpt {justify-content: right;display:flex;padding-right: 16px;}
.carinfost p.strike-out::before {top: 11px;width: 65%;}
.carinfos > div {width: 45%;}
p.strike-out::before {content: "";position: absolute;right: 0;width: 73%;height: 2px;background-color: #fff;display: inline-block;top: 8px;}
p.strike-out {position: relative;display: inline-block;padding: 0;margin-right: 5px;flex: 1;}
.mrp {text-align: right;display: flex;justify-content: right;align-items: center;}
.mrp p.strike-out, .carinfost .mrpt p.strike-out {flex: none;}
.mrp p.strike-out::before, .carinfost .mrpt p.strike-out::before {width: 100%;}
.lastinfo > div {width: 47%;}
.soflavers {padding-bottom: 17px;}
.crtst p {color: #fff;font-size: 14px;padding: 0;margin: 0;}
.mrpt p {color: #ffce71;text-align: right;padding-right: 0px;font-size: 15px;font-weight: 600;padding-bottom: 0;margin: 0;}
.lastinfot{display: flex;flex-wrap: wrap;align-items: start;}
.frezeds {width: 47%;}
.proties {width: 51%;}
.lastinfot {padding-top:10px;}
.prod-picss{position: relative;overflow: hidden;}
.imgdetlt {position: absolute;left: 0;top: 0;}
.frezeds p {padding: 9px 0 2px 22px;font-weight: 500;font-size: 10px;background-image: url("../img/home/percentage.png");background-repeat: no-repeat;background-size: 18px;background-position: 0px 8px;}
.proties p {font-size: 10px;padding: 9px 0 1px 36px;background-image: url("../img/home/protein.png");background-repeat: no-repeat;background-size: 18px;background-position: 13px 7px;}
.imgdetlt > p {background-color: #000;color: #fff;padding: 10px 17px 11px 34px;font-size: 13.9px;}

/* moment-of-fresh-section */

.fresh-momentst {padding: 62px 0 212px 0;}
.fresh-momentst > h3 {font-size: 49px;text-align: center;}
.fresh-momentst > p {text-align: center;color: #000;font-size: 19px;}
.moment-topos{position: relative;margin-top: 40px;}
.moment-topos .owl-item {margin-right: 20px;}
.moment-topos .owl-controls.clickable{position: absolute;bottom: -95px;margin: 0 auto;width: 22.3%;left: 0;right: 0;text-align: center;}
.moment-topos .owl-pagination{display: inline-block;vertical-align: middle;position: relative;top: 33px;}
.moment-topos .owl-pagination > div { display: inline-block;margin: 0 9px;}
.moment-topos .owl-pagination span {display: inline-block;width: 10px;height: 10px;background-color: #d2d2d2;border-radius: 50%;}
.moment-topos .owl-prev{float: left;background-image: url("../img/home/prev-nav.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0;}
.moment-topos .owl-next {float: right;background-image: url("../img/home/next-nav.png");background-repeat: no-repeat;background-size: 100%;background-position: 0 0}
.moment-topos .owl-prev:hover{background-image: url("../img/home/prev-nav-hover.png");}
.moment-topos .owl-next:hover{background-image: url("../img/home/next-nav-hover.png");}
.moment-topos .owl-page.active span{background-color: #000;}
.moment-topos .owl-buttons > div{width: 45px;height: 45px;text-indent: -1000em;}
.moment-container {margin: 0 auto;width: 87.5%;}
.sliimg {width: 96%;overflow: hidden;border-radius: 25px;font-size: 0;}
/* ============================================================================================= */
/* Price-range-sldier */
/* ========================================================================================== */

.price-range {max-width: 100%;padding: 1rem;}
.range-wrapper {position: relative;height: 6px;background: #ccc;border-radius: 3px;margin-bottom: 1rem;cursor: pointer;}

.range-wrapper::before {content: '';position: absolute;top: 0;left: var(--range-min);right: var(--range-max);height: 100%;background: linear-gradient(90deg, #000, #000);border-radius: 3px;box-shadow: 0 0 0 1px rgba(59,130,246,0.3);}

.range {position: absolute;top: 3px;left: 0; width: 100%;height: 100%;background: transparent;-webkit-appearance: none;appearance: none;pointer-events: none;}
.range::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;height: 20px;border-radius: 50%;background: white;border: 3px solid #000;box-shadow: 0 4px 12px rgba(59,130,246,0.4);cursor: pointer; margin-top: -8px;pointer-events: auto;}

.range::-moz-range-thumb {width: 20px;height: 20px;border-radius: 50%;background: white;border: 3px solid #000;box-shadow: 0 4px 12px rgba(59,130,246,0.4);cursor: pointer;pointer-events: auto;}
.input-wrapper {display: flex;align-items: center;gap: 1rem;}

.field {position: relative;flex: 1;}

.prefix {position: absolute; left: 1rem; top: 50%;transform: translateY(-50%);color: #64748b;}
.input {width: 100%;padding: 0.75rem 1rem 0.75rem 2.5rem;border: 2px solid #e2e8f0;border-radius: 0.5rem;font-size: 1rem;transition: all 0.2s;}

.input:focus {outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59,130,246,0.1);}


.enbt {position: fixed;right: 2%;top: 40%;z-index: 888;opacity: 0;transition: all 1000ms ease ;}
.enbt a {color: #fff;padding: 1px;display: block;margin: 10px 5px;position: relative;}
img.fnrl1 {position: absolute !important;right: 0;top: 0;}
.enbt a>img { width: 45px;border-radius: 50%;display: inline-block;vertical-align: middle;position: relative;z-index: 1;border: 1px solid #a6241a;background-color: #faf0e4;transition: all 500ms ease-in-out;}
.enbt a:hover .fnrl, .enbt a .fnrl1 {opacity: 0;visibility: hidden;}
.enbt a:hover .fnrl1 {opacity: 1;visibility: visible;}

.enbt a:hover >img {border: 1px solid #fff;background-color: #fa6f34;}
.enbt a:hover span {opacity: 1;visibility: visible;transform: translateX(0px);}
a.ewhatsapp.mob {display: none;}
.enbt a span {display: block;position: absolute;top: 3px;text-align: left;background: #ca1c1e;border: 1px solid #ca1c1e;color: #fff;z-index: -1;right: 30px;border-radius: 30px 0 0 30px;padding: 11px 10px 12px 15px;font-size: 0.8em;transform: translateX(20px);visibility: hidden;opacity: 0;text-transform: capitalize;transition: all 500ms ease-in-out;width:120px}
/*===========================================================================================================================*/

/* ===============================================================================================
                Contact us page
/* ============================================================================================= */

.contact-detals {display: flex;flex-wrap: wrap;}
.conect-with-us {margin: 0 auto;width: 87%; padding: 83px 0 0 0;max-width: 87%;}
.contect-head p {color: #fa6f34;font-size: 20px;letter-spacing: 6.9px;padding-bottom: 6px;}
.contect-head {width: 41%;}
.condetail {margin-left: 7.7%;width: 51.3%;position: relative;z-index: 2;}
.dtailpae {padding: 61px 0 35px 72px;background-color: #000;border-radius: 50px 50px 0px 50px;}
.dtailpae > p {color: #fff;font-size: 25px;letter-spacing: 6.5px;padding-bottom: 20px;}
.phno a:nth-child(2){margin-left: 10px;}
.phno a {display: inline-block;color: #fff;font-size: 25px;font-weight: 600;padding-left: 36px;padding-right: 19px;letter-spacing: 1.8px;position: relative;}
.phno a:nth-child(2)::before {content: "";position: absolute;left: 5px;top: 9px;background-color: #fff;width: 3px;height: 21px;}
.phno {padding-bottom: 23px;}
.phno:nth-child(2){background-image: url("../img/contact/contn-call.png");background-repeat: no-repeat;background-size: 30px;;background-position: 0 7px;}
.phno:nth-child(3){background-image: url("../img/contact/cont-mail.png");background-repeat: no-repeat;background-size: 30px;;background-position: 0 7px;}
.factaddress > p { font-size: 20px;padding-bottom: 8px;letter-spacing: 10px; color: #ccc;padding-top: 4px;}
.factaddress > p:nth-child(3) {letter-spacing: 6.8px;}
.dead p {color: #fff;font-size: 20px;padding-bottom: 0px;}
.dead {margin-bottom: 24px;}
.contect-head h1 {font-size: 65px;padding-right: 30px;line-height: 80px;}
.contct-bnr {margin-top: -224px;position: relative;z-index: 0;font-size: 0;}
.contct-bnr img {width: 100%;}
.map-contaienr {margin: 69px auto 0;width: 87.6%;overflow: hidden;border-radius: 10px;}
.locat-details {display: flex;flex-wrap: wrap;background-color: #ffcf6f;align-items: center;}
.map-detail {width: 49.7%;}
.map-adloc {text-align: center;width: 50.3%;padding-bottom: 40px;}
.map-icon {margin-top: 0px;margin-bottom: 18px;}
.map-icon img {margin: 0 auto;width: 74px;}
.vidtie > p {font-size: 49px;font-weight: 600;color: #000;padding-bottom: 2px;}
.map-adloc > p {color: #000;font-size: 28px;padding-bottom: 12px;}
a.down-arrow {display: inline-block;width: 30px;height: 30px;margin: 0 auto;background-image: url(../img/contact/right-arrow.png);background-repeat: no-repeat;background-size: 15px;background-position: 0 0;transform: rotate(90deg);pointer-events: none;}
a.mapss {margin-top: 60px;display: inline-block;font-size: 19.5px;font-weight: 500;letter-spacing: 3.9px;text-decoration: underline;}
.contact-formss {padding: 64px 0 0 0;}
.formcontente {padding: 53px 0 0 0;width: 40.1%;}
.formmpars {display: flex;flex-wrap: wrap;}
.formcontente p {font-size: 20px;padding-bottom: 0px;padding-right: 53px;}
.mailinfos {margin-top: 35px;margin-bottom: 16px;}
.mailinfos > a {display: inline-block;border-bottom: 2px solid #df7370;font-size: 30px;font-weight: 600;}
.formcontain {width: 59.9%;}
.contec-pars {padding: 61px 63px 0 58px;}
.formfield input {font-size: 20px;width: 100%;padding: 0px 0 20px 2px;border-bottom: 1px solid #000;}
.formfield {margin-bottom: 67px;}
.formfield:nth-child(4){margin-bottom: 0;}
.formfield textarea {width: 100%;font-size: 25px;height: 58px;border-bottom: 1px solid #000;}
.sumit {margin-top: 40px;text-align: right;}
.sumit input {color: #fff;padding: 18px 37px 17px 38px;cursor:pointer}
.contec-pars {padding: 61px 63px 51px 58px;border-radius: 25px;background-color: #fff;}
.map-location {padding-bottom: 61px;position: relative;}
.map-location::before{content: "";position: absolute;bottom: 0;left: 0;right: 0;background-color: #fff2e8;height: 80.5%;z-index: -1;}
.formcontente img {width: 61%;}
.map iframe{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.map {position: relative;}
.mob-maps{display: none;}
.submipar{display:inline-block;background-color: #ca1c20;border-radius: 25px;transition: all 1000ms ease ;position:relative;overflow:hidden;z-index: 2;}
/* ===============================================================================================
                login window
/* ============================================================================================= */

.loginwindow {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.7);z-index: 1005;overflow: hidden;display: none;}
.logos img {margin: 0 auto;width: 100px;}
.quote ul li {display: inline-block;margin: 0 15px;position: relative;}
.quote ul li:nth-child(2):before {content: "";position: absolute;top: 10px;left: -23px;border-radius: 50%;background-color: #fff; width: 11px;height: 11px;}
.quote ul li p, .quote ul li h3 {color: #fff;font-size: 20px;text-transform: uppercase; font-weight: 600;}
.quote ul li h3 {letter-spacing: 1.3px;}
.quote {padding-top: 30px;text-align: center;padding-bottom: 30px;}
.dotpic img {margin: 0 auto;width: 61px;padding: 14px;border-radius: 50%;}
.logttpar {display: flex;column-gap: 16px;row-gap: 16px;}

.pipshow {max-height: calc(100vh - 4rem);padding: 30px 14px 30px 30px;margin: 0 auto;max-width: 957px;background-color: #fa6f34;border-radius: 25px;position: relative;}
.pipshow > a {font-size: 15px;display: flex;width: 20px;height: 20px;color: #fff;position: absolute;top: -5px;right: -23px;border-radius: 50%;align-items: center;justify-content: center;font-weight: 600;}

.logos, .dotpic {text-align: center;}
.logdetapar {display: flex;column-gap: 30px;row-gap: 16px;align-items: stretch;}

.dotpic {height: 60px;margin: 0 auto 18px;width: 60px;border-radius: 50%;background-color: #ca1c1e;display: flex;align-items: center;}
.assutap p:first-child {font-size: 15px;font-weight: 600;padding: 0 25px 17px 25px;}
.assutap p:nth-child(2) {font-size: 13px;padding: 0 14px;}
.logforpars {padding-top: 30px;text-align: center;}
.cideta {flex: 1 1 calc(30% - 16px);box-sizing: border-box;text-align: center;border-radius: 25px;overflow: hidden;background-color: #ffcf6f;padding:16px 0}
.logforpars p {color: #000;font-weight: 600;font-size: 20px;max-width: 73%;margin: 0 auto;}
.lgoform {text-align: center;background-color: #fff;border-radius: 10px;flex:1;position:relative;overflow: hidden;}
.loigoform form {padding: 0 20px;}
.sunbfor {font-size: 0;align-items: center;border: 1px solid #555;}
.infor {display: inline-block;vertical-align: middle;width: 23%;border-right: 1px solid #555;}
.sunbfor > div{font-size: 16px;}
.mobcolm {display: inline-block;vertical-align: middle;width: 70%;}
.infor p {color: #000;padding: 9px 6px 9px 0;text-align: right;background: url(../img/login/ind-flag.png) no-repeat scroll 1px 12px / 20px auto;}
.mobcolm > input {padding: 9px 16px 9px 13px;font-weight: 600;}
.foncoot p {font-size: 15px;padding: 13px 0 0 0;}
.sbmite {margin: 11px 0 11px 0;background-color: #ca1c1e;border-radius: 25px;overflow: hidden;position:relative;z-index:2;transition: all 1000ms ease;}
.sbmite input {width: 100%;padding: 9px 0 9px 0;color: #fff; font-weight: 500;}
.sbmite button {width:100%;background-color: transparent;}
.accte{margin-top: 50px;}
.accte p {font-size: 10px;max-width: 98%;margin: 0 auto;}
.accte > p > a{display: inline-block;text-decoration: underline;}
.nlipope {vertical-align: middle;display: table-cell;}
.login-popup {display: table;width: 100%; height: 100%;}
.lrfinfoe {flex: 1 1 calc(28% - 16px);font-size: 0;}
.logislider {display:none;}
.asures {display: flex;flex-wrap: wrap;margin: 0 auto;align-items: center;justify-content: center;}
.asures > div {flex:1}
.dequpcont p {color: #fff;font-size: 16px;font-weight: 600;max-width: 69%;text-align: left;padding-left: 19px;}
.lioic {width: 30px;height: 30px;}
.slidocnt {text-align: center; margin: 0 auto;width: 100%;}
.lioic{height: 60px;margin: 0 auto 18px;width: 60px;border-radius: 50%;background-color: #ca1c1e; display: flex;align-items: center;}
.lioic img {margin: 0 auto; width: 61px;padding: 14px;}
.dequpcont p {color: #fff;font-size: 16px;font-weight: 600;max-width: 69%;}
.topase{display: inline-block;padding: 13px 18px;height: 89px;border-radius: 50px;background-color: #f8926c;border: 1px solid #fff;}
div#logpger {text-align: center;}
.logislider { margin-bottom: 26px;}
.logmobil {position: relative;}
#logpger span {display: inline-block;vertical-align: middle; width: 10px;height: 10px;border-radius: 50%;background-color: #fe9e78;margin: 27px 6px 0 9px;}
#logpger span.cycle-pager-active {background-color: #fff;}
.foncoot label {position: relative;padding-left: 21px;text-align: left;}

.foncoot input{position:absolute;left:0px;top:3px;}
 /* .foncoot label::before{
    content: "";
    position: absolute;
    left: -1px;
    top: 0px;
    width: 10px;
    height: 10px;
    border: 2px solid #000;border-radius:2px;
} */
.foncoot { margin-top: 10px;position: relative;}

.otp-sec { position: absolute; top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;padding:25px 0;border-radius: 20px;z-index:2;opacity:0;visibility:hidden;transition: all 500ms ease-in-out;}
.otp-sec.otpsect{opacity:1;visibility:visible;}
.otp-wrapper {background: #ffffff;padding: 12px 19px;border-radius: 10px;box-shadow: 0 8px 20px rgba(0,0,0,0.08);text-align: center;}
.otp-wrapper h2 {margin-top: 0;}

.otp-inputs {display: flex;justify-content: center;gap: 12px;margin: 13px 0 13px;}
span#otp_error { font-size: 12px;position: relative; top: 0;}

.otp-inputs input {width: 48px;height: 56px;font-size: 24px;text-align: center;border-radius: 8px;border: 1px solid #ccc;outline: none;transition: border-color 0.2s, box-shadow 0.2s;}

.otp-inputs input:focus {border-color: #ca1c1e;box-shadow: 0 0 0 2px rgba(202,28,30,0.15);}

/* button[type="submit"] {
  
  border-radius: 999px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
} */
.alcnet p {font-size: 16px;color: #000;font-weight: 600;padding-bottom:10px}
.num-detail {text-align: center;}
.num-detail > a {margin-left: 0;text-decoration: underline;}
.otp-wrapper button {width: 100%;margin-bottom: 10px;}
button.resnotp {background-color: #fff;color: #000; font-size: 13px;}
    

/* HTML: <div class="loader"></div> */
.loader {width: 60px;aspect-ratio: .5;display: grid;}
.loader:before {content: "";width: 30%;aspect-ratio: 1;border-radius: 50%;margin: auto auto 0;background: #CF4647;animation: l9-0 .5s cubic-bezier(0,800,1,800) infinite;}
.loader:after {content: "";width: 100%;aspect-ratio: 1/cos(30deg);margin: 0 auto auto;clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%); background: #524656;animation: l9-1 .5s linear infinite;}
@keyframes l9-0 {
  0%,2%  {translate: 0   0%}
  98%,to {translate: 0 -.2%}
}
@keyframes l9-1 {
  0%,5%  {rotate:  0deg}
  95%,to {rotate:-60deg}
}
.loader-pars.loaderrmve {
    opacity: 0;
    visibility: hidden;
}
.loader-pars {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: #fff;z-index: 10000;display: flex;align-items: center;justify-content: center;}
/*===========================================================================================================================*/
.slider {width: 50%;margin: 100px auto;}
.slick-slide {margin: 0px 20px;}
.slick-slide img {width: 100%;}
.slick-prev:before, .slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s;opacity: .2;}    
.slick-active {opacity: .5;}
.slick-current {opacity: 1;}
.social.dinne ul {display: none;}


.sarchbox {position: fixed; top: 0; right: 0;background-color: #fff;bottom: 0;width:31rem;max-width:31rem;transform: translateX(100%);transition:all 1000ms ease .1s;z-index:1000; border-radius: 40px 0px 0px 40px;}
.searchparnts {padding: 30px 20px 0 30px;position:relative;}
.srtitle p {font-weight: 600;text-transform: capitalize;font-size: 25px;}
.srchform input {width: 100%;font-size: 18px;padding: 10px 20px;background-color: #f5f5f5;}
.srchform {position:relative;margin-bottom:30px}
.searmneus > ul > li a {display: inline-block;font-size: 20px;font-weight: 600;}
.searmneus > ul > li a:hover {text-transform:underline}
.searmneus > ul > li {margin-bottom: 20px;}
.srbtinc {position: absolute;top: 27px;right: 33px;}
.srbtinc > a { transition: all 1000ms ease;display: flex;justify-content: center;align-items: center;color: #fff;background-color: #000;border-radius: 50%;width: 40px;height: 40px;}
.srbtinc > a:hover

 {background-color: #f5f5f5;color: #000;border: 1px solid #000; transform: rotate(180deg);}
.srchform i {position: absolute;width: 1px;height: 80%;background-color: gray;left: 20px;top: 10%;animation-name: blink;animation-duration: 800ms; animation-iteration-count: infinite;opacity: 1;}
.siriner.hiddot::after{display: none;}
.srchform input:focus+i {display: none;}
@keyframes blink {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.sarchbox.sropns {transform: translateX(0);}
.sortfiss {background-color: #f5f5f5;padding: 10px 10px;border-radius: 20px; position: relative;}
.sortfiss::after{content: ">";position: absolute;right: 15px;top: 31px; font-size: 29px;transform: rotate(90deg);}
.sortfiss label  {display: block;width: 100%;}
.sortfiss select {width: 100%;padding: 11px 0px;position: relative;z-index: 2;}

.totop {position: fixed;right: 32px; bottom: 10px;width: 45px;height: 45px;opacity: 0;cursor:pointer;opacity: 0;z-index:100}
.totop.toview{opacity:1}
.totop:hover span{opacity: 1;;visibility: visible;transform: translateX(0)}
.totop span {display: block;transform: translateX(20px);position: absolute;bottom: 3px; width: 120px;right: 30px;padding: 11px 10px 12px 15px;background-color: #ca1c1e;border-radius: 30px 0 0 30px;z-index: -1;text-align: center;visibility: hidden;opacity: 0;transition: all 1000ms ease;color: #fff;font-size: 0.8em;}
.totop img{background-color:#faf0e4;border-radius: 50%;border:1px solid #000;transition: all 1000ms ease-in-out;padding:10px}
.totop:hover img{background-color:#fa6f34;}
/* ===============================================================================================
                Blog
/* ============================================================================================= */

.blogmsg {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;              /* space between cards */
  align-items: stretch;margin-bottom: 50px;}
  .blogmsgs {grid-template-columns: repeat(5, 1fr);display: grid; gap: 40px;      
  align-items: stretch;margin-bottom: 50px;}
   .blogmsgs1 {grid-template-columns: repeat(2, 1fr);display: grid; gap: 40px;      
  align-items: stretch;margin-bottom: 50px;}

/* Optional: basic card styling */
.blog-dets {border-radius: 8px;overflow: hidden;background: #fff;}

/* Make images full-width */
.blogpic img {width: 100%;height: auto;display: block;}
.blogpic img {aspect-ratio: 4 / 3;border-radius:20px;}
.blog-container{margin: 0 auto; width: 87%; max-width: 87%;}
.blog-container, .blogform {margin: 0 auto;width: 90%;max-width: 90%;box-sizing: border-box; padding: 31px 31px;margin-top: 58px;background-color: #fff;border-radius: 15px;}
.blodetbo {margin-top:30px}
.blodetbo ul li {display: inline-block;vertical-align: middle;padding-left: 27px;padding-right: 20px;position:relative}
.blodetbo ul li:first-child {background: url("../img/blogs/calendar_4864602.png")no-repeat left 1px / 20px auto;}
.blodetbo ul li p{font-size: 14px;}
.blodetbo ul li:nth-child(2) {background: url("../img/blogs/message_5804654.png")no-repeat left 2px / 20px auto;}
.blodetbo ul li:nth-child(2)::before{content: "";position: absolute;top: 3px;left: -14px;width: 1px; height: 16px; background-color: #ccc;}
    .blogonct a {font-size: 20px;font-weight: 600;display: inline-block;margin-top: 20px;margin-bottom: 30px;letter-spacing: 0;}
.redmo > a{display: inline-block;text-decoration: underline;}
.blogdetail-container .abtinsld {border-radius:0px;overflow: hidden;}
.blogdetcont {position: absolute;bottom: 13%;left: 0;right: 0;margin: 0 auto;max-width:78%;width: 78%;}
.blogdetcont ul li p {color: #fff;font-weight: 600;font-size: 18px;}
.blogdetcont .blogonct h1 {color: #fff;font-size: 49px;font-weight: 600;line-height: 53px;max-width: 700px;}
.inblocontainre {margin: 0 auto;max-width: 78%;width: 78%;padding: 50px 0 10px 0;}
.newtopt p { font-size: 16px;padding-bottom: 0;}
.newtopt h2{font-size: 26px;}
.newtopt h3 {font-size: 24px;}
.newtopt h4{font-size: 22px;}
.newtopt > p {padding-bottom: 15px;}
.blgodetc {padding: 10px 0 10px 0;}
.blgodetc h2 {font-size: 30px; padding-bottom: 20px;}
.blogdetcont .blodetbo ul li:nth-child(2), .nexnews .blodetbo ul li:nth-child(2){background-image: none;padding-left: 0px;}
.blogdetcont .blodetbo ul li:nth-child(2)::before{background-color: #555;top: 5px;left: 10px;}
.nexnews a {display: inline-block;background: url(../img/home/left-arrow.png) no-repeat 22px 55% / 20px auto;max-width: 500px;padding: 22px 46px 22px 55px;background-color: #fff;margin-top: 30px;}
.nexnews .rignews a {padding: 22px 68px 22px 38px; background-image: url(../img/home/right-arrow.png);background-position: 94% center;}
.nexnews .blogonct p {font-size: 20px;}
.blosocil  .social ul li a {height:23px;background-color:#000;border-radius: 50%;border:1px solid #000}
.blosocil p, .blosocil  .social {display: inline-block;}
.blosocil  .social {width: auto;margin-right: 0;}
.blosocil  .social ul {margin-top:0}
.blogscommbo {display: flex;margin-top:35px}
.blosocil {flex:1}
.blformpar p:first-child {font-weight: 600;font-size: 22px;padding-bottom: 5px;}
.blformpar p:nth-child(2) {font-size: 16px;padding-bottom: 10px;}
.inpfor { display: flex;}
.nexnews { display: flex;justify-content: space-around;}
.inpfor .inpfiel { flex: 1;position: relative;background-color: #eef2f6;border-radius: 15px;}
.inpfor .inpfiel:first-child{margin-right: 10px;}
.inpfor .inpfiel:nth-child(2){margin-left: 10px;}
.inpfor .inpfiel input { width: 100%;padding: 15px 18px;height: 48px;}
.cmntbox {margin-top: 20px;}
.cmntbox textarea {height: 100px;width: 100%;background-color: #eef2f6;padding: 15px 17px 10px 17px;border-radius: 10px;}
.nexteicont {background-color: #eef2f6;padding:20px 0  40px 0}
.bloglasde {padding: 45px 0;}
.bloglasde-inner {margin:0 auto; max-width: 87%; width: 87%;}
.lasstopar {display: flex;align-items: center;margin-bottom:20px;}
.bloglde, .viall {flex:1}
.viall {text-align: right;}
.bloglde p, .bloglde h4 {font-size: 20px;font-weight: 600;padding-bottom: 0;}

.viall > a{padding: 7px 24px 12px 33px;display: inline-block;border: 1px solid #000;border-radius: 50px; position: relative;overflow: hidden; z-index: 2;}
.viall > a:hover svg {stroke: #fff;}
.viall > a:hover { color: #fff;}
svg.icon.icon-newspaper.icon-md {position: relative;width: 25px; left: -6px; top: 7px;}
.nexnewonte {margin:0 auto;width:78%;max-width:78%}
/* Blog / Filament content table styling */
.newtopt table { width: 100%;border-collapse: collapse;margin: 1.5rem 0;font-size: 0.95rem;}

.newtopt thead { background-color: #f8fafc; /* slate-50 */}

.newtopt thead th {padding: 0.75rem;text-align: left;font-weight: 600;border-bottom: 2px solid #e5e7eb; /* gray-200 */}

.newtopt tbody td {padding: 0.75rem;border-bottom: 1px solid #e5e7eb;}

.newtopt tbody tr:nth-child(even) {background-color: #f9fafb; /* gry-50 */}

/* Hover effect */
.newtopt tbody tr:hover {background-color: #f1f5f9; /* slate-100 */}

/* Unordered lists */
.newtopt ul {list-style-type: disc;padding-left: 1.5rem;margin: 1rem 0;}

/* List items */
.newtopt li {margin: 0.5rem 0;line-height: 1.6;}

/* Nested lists */
.newtopt ul ul {
    list-style-type: circle;
    margin-top: 0.5rem;
}

/* Paragraphs inside list items */
.newtopt li p {
    margin: 0.25rem 0;
}
/* ===============================================================================================
                Profile page
/* ============================================================================================= */

.profile-section {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem;
}

.section-title {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  color: #1f2937;
}

.address-card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 1rem;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.address-info h4 {
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  color: #111827;
}

.address-text {
  margin: 0 0 0.25rem 0;
  color: #6b7280;
  line-height: 1.5;
}

.phone {
  color: #000;
  font-weight: 500;
}

.address-actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-end;
}

.btn-edit, .btn-delete {
  padding: 10px 10px;
  border: none;
  border-radius: 24px;
  font-size: 0.875rem;border: 1px solid transparent;
  cursor: pointer;max-width: 150px;width:150px;transition: all 300ms ease;
}
button.btn-edit:hover, .btn-delete:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

.btn-edit {
    background: #000;
    color: #fff;
}
.btn-delete { background: #ef4444; color: white; }

.default-label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  cursor: pointer;
}

.add-address-form {
  background: #f8fafc;
  padding: 2rem;
  border-radius: 12px;
  margin-bottom: 2rem;
  border: 1px solid #e2e8f0;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.form-group {
  margin-bottom: 1rem;
}

.form-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #374151;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 1rem;
  transition: border-color 0.2s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
}

.form-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
}

.default-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

.btn-primary {
  padding: 0.75rem 2rem;
  background: #10b981;
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
}

.btn-cancel {
  padding: 0.75rem 1.5rem;
  background: #f3f4f6;
  color: #6b7280;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  cursor: pointer;
}

.btn-add-new {
    width: 24%;
    padding: 1rem;
    background: #000;
    color: white;
    border: none;   
    border-radius: 34px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* ===============================================================================================
                Privacy Policy
/* ============================================================================================= */
.inblocontainre h1 {
    text-align: center;
    font-size: 55px;
    padding-bottom: 40px;
}
.poliy > ul > li {position: relative;}
.poliy > ul > li::before {content: "";position: absolute;left: 0px;top: 8px;background-color: #000;width:6px;height:6px;border-radius: 50%;}
.poliy > ul > li p {
    font-size: 16px;
    padding-left: 17px;
}
.poliy > p {
    font-size: 16px;
    padding: 6px 0 20px 0;
}
.groff p {
    font-size: 16px;
    padding-bottom: 0;
}
.groff {padding-bottom: 30px;}
/* ===============================================================================================
                check out page
/* ============================================================================================= */
/* LAYOUT */
        .container {
            max-width: 87%;
            margin: 30px auto;
            padding: 0 0px;
        }

        .checkout {
            display: flex;
            gap: 40px;
        }

        .left,
        .right {
            background: #fff;
            padding: 25px;
            border-radius: 6px;
        }

        .left {
            flex: 1.5;
        }
        .chltriht p {font-weight:600;padding-bottom:0}

        .right {
    flex: 1;
    background: rgba(251, 237, 234, 0.4);
    border-left: 1px solid #fbedea;
}
.ordtotla {position:relative;}
.ordtotla span {
    position: absolute;
    top: -8px;
    right: -7px;
    background-color: #000;
    color: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 4px;
}

        h2 {
            margin: 20px 0 10px;
            font-size: 20px;
        }

        label {
            font-size: 14px;
            margin-bottom: 6px;
            display: block;
        }

       
        .checkout input, .checkout select {width: 100%;border: 1px solid #b1b1b1;border-radius: 5px;padding: 20px 20px}

        .row {
            display: flex;
            gap: 15px;
        }

        .row > div {
            flex: 1;
        }

        .checkbox {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
            margin-bottom: 15px;position:relative;
        }
        .checkbox label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #000;background-color:#ca1c1e;border-radius: 4px;
}
 .checkbox label::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
     background: url("../img/check-out/white-tick.png")no-repeat 2px 2px / contain;width: 12px;height: 12px;
}
input.serch {
    background: url(../img/check-out/search.png) no-repeat 97% center / 20px;
}
.coutrty {background: url(../img/check-out/down-arrow.png) no-repeat 97% center / 20px;}
.checkbox input {
    opacity: 0;
}

        /* PAYMENT */
        .payment-box {
            border: 1px solid #f1b7a1;
            background: #fff1ea;
            padding: 15px;
            border-radius: 6px;
            margin-bottom: 15px;
        }

        .payment-box input {
            width: auto;
        }

        /* BUTTON */
        .btn {
            width: 100%;
            background: #000;
            color: #fff;
            padding: 14px;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
        }

        /* ORDER SUMMARY */
        .product {
            display: flex;
            gap: 15px;
            margin-bottom: 20px;justify-content:space-between;
        }

        .product img {
            width: 70px;
            height: 70px;
            border-radius: 6px;
            object-fit: cover;
        }

       .summary-row {
    display: grid;
    justify-content: space-between;
    margin: 10px 0;
    font-size: 15px;
    grid-template-columns: 1fr 1fr;
}
.summary-row span:nth-child(2n) {
    text-align: right;
}
.summary-row a {
    text-align: right;
}
.summary-row span {
    display: block;
    padding-bottom: 19px;
}

        .total {
            font-size: 18px;
            font-weight: bold;
        }
        .checkbox input {
    width: 10px;
    height: 10px;
}
.shimethod a {
    display: block;
    text-align: center;
    padding: 12px 0;
    background-color: #ccc;
    border-radius: 10px;margin-bottom:20px;
}
.chckfooer a {
    color: #db6b6d;
    display: inline-block;
    margin-right: 10px;text-decoration: underline;
}
.formparnt.chkpage {
    width: 100%;
}
p.ttiss {
    font-size: 20px;
    font-weight: 600;
}
.input-field {margin-bottom: 15px;}
.formparnts {
    display: flex;
    align-items: center;
}
.sumts {
    width: 30%;
    text-align: center;
}
.formparnts .formpars{width:70%}
.sumts button {
    border: 1px solid #b1b1b1;
    padding: 20px;border-radius: 10px;
}
.formparnts .fiedlds input {
    border-radius: 10px;cursor:pointer;
}
p.orcnfrm {
    font-weight: 600;
    color: #000;
    padding-bottom: 10px;
}
span.dipirce::before

 {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    background-color: #000;
    width: 100%;
    height: 2px;
}
span.dipirce {
    display: inline-block;
    padding: 6px 0 6px 0;
    position: relative;font-size:13px;
}
.icoparde .strike-out::before

 {
    background-color: #000;
}
p.offprice {
    font-size: 13px;
    font-weight: 400;
    padding: 4px 0 6px 28px;
    background: url(../img/check-out/tag.png) no-repeat 0 4px / 21px auto;
}
/* ======================================================================================= */
/* ===============================================================================================
               order details page
/* ============================================================================================= */
:root {
            /* --bg: #fff9f3; */
            --card: #ffffff;
            --border: #f0d9c4;
            --primary: #111;
            --muted: #6b7280;
            --accent: #f97316;
            --primary1: #000;
            --accent1: #e53935;
            --border1: #e6e6e6;
            --muted1: #777;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            /* font-family: 'Inter', sans-serif; */
        }

        body {
            background: var(--bg);
            color: var(--primary);
        }

        /* Header */
        .orderheader {
            background: #fff;
            border-bottom: 1px solid #eee;
            padding: 16px 24px;
            display: flex;
            align-items: center;
        }

        .orderlogo {
            font-weight: 800;
            font-size: 22px;
        }

        .ordernav a {
            margin-left: 20px;
            text-decoration: none;
            color: #000;
            font-weight: 500;
        }

        /* Container */
        .container {
            
            margin: 30px auto;
            
        }

        /* Page Title */
        .page-title {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;
        }

        .page-title span {
            font-size: 20px;
            font-weight: 700;
        }

        .page-title small {
            display: block;
            color: var(--muted);
            font-weight: 400;
            margin-top: 4px;
        }

        /* Grid */
        .infosgrid {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 20px;
        }

        /* Cards */
        .ordercard {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 20px;
        }

        .status {
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 600;
        }

        .status .check {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            color: #000;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
        }
        .status span {
    display: block;
}

        .info-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-top: 20px;
        }

        .info h4 {
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 6px;
        }

        .info p {
            font-size: 14px;
            color: var(--muted);
            line-height: 1.5;
        }

        /* Right column */
        .amount {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .note {
            font-size: 14px;
            color: var(--muted);
            line-height: 1.6;
        }

        .product {
            display: flex;
            gap: 12px;
            margin-bottom: 16px;
        }

        .product img {
            width: 70px;
            height: 70px;
            border-radius: 8px;
            object-fit: cover;
        }

        .product h5 {
            font-size: 14px;
            margin-bottom: 4px;
        }

        .price {
            margin-left: auto;
            font-weight: 600;
        }

        .summary {
            border-top: 1px solid #eee;
            padding-top: 12px;
            margin-top: 12px;
            font-size: 14px;
        }

        .summary div {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
        }

        .summary .total {
            font-size: 18px;
            font-weight: 700;
        }

        /* Footer */
        .orderfootewr {
            text-align: center;
            padding: 30px 16px;
            font-size: 14px;
        }

        .orderfootewr a {
            margin: 0 10px;
            color: #dc2626;
            text-decoration: none;
        }

        
        
        /* ===============================================================================================
               order confirmation page
/* ============================================================================================= */
.container1 {
            max-width: 1100px;
            margin: 40px auto;
            padding: 0 20px;
            display: flex;
            gap: 40px;
        }
.left1, .right1 {
            flex: 1;
        }

        /* Confirmation */
        .confirmation1 {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 24px;
        }

        .check1 {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 2px solid var(--accent1);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--accent1);
            font-size: 20px;
        }

        h1 {
            font-size: 22px;
            margin-top: 4px;
        }

        .box1 {
            border: 1px solid var(--border1);
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 24px;
        }

        .box1 h3 {
            margin-bottom: 12px;
            font-size: 16px;
        }

        .muted1 {
            color: var(--muted1);
            font-size: 14px;
        }

        .details1 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
        }

        .details1 p {
            font-size: 14px;
            margin-bottom: 6px;padding-bottom:0
        }
img.currncy {
    width: 25px;
}
        /* Order summary */
        .summary1 {
            background: #fffdf9;
            border-radius: 8px;
            padding: 20px;
            border: 1px solid var(--border1);
        }

        .product1 {
            display: flex;
            gap: 16px;
            margin-bottom: 16px;
        }

        .product1 img {
            width: 70px;
            height: 70px;
            border-radius: 8px;
            object-fit: cover;
            border: 1px solid var(--border1);
        }

        .price-row1 {
            display: flex;
            justify-content: space-between;
            margin: 8px 0;
            font-size: 14px;
        }

        .total1 {
            font-weight: 700;
            font-size: 16px;
        }

        .btn1 {
            background: #000;
            color: #fff;
            padding: 14px;
            width: 80%;
            border-radius: 8px;
            border: none;
            cursor: pointer;
           
            font-size: 14px;
        }
        .shobtin {
    text-align: right;
}

        .chckfooer {
            text-align: center;
            padding: 40px 20px;
            font-size: 13px;
        }

        .chckfooer a {
            color: var(--accent1);
            margin: 0 10px;
            text-decoration: none;
        }
.stacs {display: flex;align-items: center;}
.stacs > div {
    flex: 1;
}

/* ===============================================================================================
                My account page
/* ============================================================================================= */
.card {
        background: #fff;
        border: 1px solid #f1d2b8;
        border-radius: 10px;
        padding: 22px 25px;
        margin-bottom: 25px;
    }

    .card-header {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .card-header p {
        font-size: 22px;
        margin: 0;padding-right: 10px;padding-bottom: 0;
    }

    .edit {
        color: #d85c3a;
        font-size: 14px;
        cursor: pointer;
        display: inline-block;
        align-items: center;
        gap: 5px;
    }
    .cartit p {
    font-size: 20px;
    font-weight: 500;
}

    .edit:hover {
        text-decoration: underline;
    }

    /* PROFILE INFO */
    .profile-name {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 6px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .email > p {
        color:#b1b1b1
    }
    .email > p > span{display: block;font-weight: 500;color:#000}

    /* ADDRESS */
    .address-label {
        color: #777;
        font-size: 14px;
        margin-bottom: 8px;
    }
    .address-label p {
    display: inline-block;
}
.address-label p > span{display:inline-block}

    .address {
        font-size: 15px;
        line-height: 1.6;
    }

    .add {
        color: #d85c3a;
        font-size: 14px;
        cursor: pointer;
    }
    .orderheader {
            background: #fff;
            border-bottom: 1px solid #eee;
            padding: 16px 24px;
            display: flex;
            align-items: center;margin: 0 auto;width:87%; 
        }

        .orderlogo {
            font-weight: 800;
            font-size: 22px;
        }

        .ordernav a {
            margin-left: 20px;
            text-decoration: none;
            color: #000;
            font-weight: 500;
        }
        .ordernav {flex:1}
        .udslo ul > li > a {
    display: block;background: url("../img/check-out/down-arrow.png")no-repeat 97% center / 20px;padding-right:30px;}
    .udslo a img {
    width: 31px;
    height: 31px;
}
.userssname {
   display: none;
    position: absolute;
    width: 246px;
    /*left: -40px;*/
    background-color: #fff;
    box-shadow: 0px 0px 23px 0px #ccc;
    padding: 20px 26px 23px 26px;
    border-radius: 5px;
    right: -15px;
    top: 59px;z-index: 100;
}
.userssname::before {
    content: "";
    position: absolute;
    top: -30px;
    right: 88px;
    border-top: 15px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
}
.userssname p {
    padding-bottom: 15px;
}
.userssname a {
    padding: 5px 0px;display: block;
    margin-top: 10px;
}
.userssname a:nth-child(2){background: url("/img/login/orders.png") no-repeat center / 15px 15px;}

.userssname a:last-child {
    border: none;
    color: #ca1c1e;
    font-weight: 600;
}
.udslo ul li {
    position: relative;
}
/* ===============================================================================================
                order page
/* ============================================================================================= */
.cartit p {
    font-size: 20px;
}
.cont p span {
    display: block;
}
.cont p {
    display: inline-block;
    max-width: 222px;
    width: 210px;
    background-color: #fcf2e9;
    padding: 8px 0px 8px 37px;
    border-radius: 10px;
    background-image: url(../img/check-out/tick-mark.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 20px;margin-bottom: 20px;
}
.ordinfonf{overflow: hidden; height: 228px;}
.ordinfonf img {
    border-radius: 10px;
}
.orpirce p:first-child, .orpirce p:last-child {
    font-weight: 600;
    padding-bottom: 0;
}
p.ornumber {
    color: #b1b1b1;
    padding-bottom: 0;
}
.buagain a {
    display: block;
    text-align: center;
    border: 1px solid #fcf2e9;
    padding: 15px 0;
    margin-top: 10px;
    border-radius: 5px;
}
.orderparent {display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    align-items: stretch;
    margin-bottom: 50px;
}
.orprodts {
    padding: 18px;
    border: 1px solid #fcf2e9;
}

/* br {display: none} */
.pnotity {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: 0 auto;
    width: 500px;
    background-color: #fff2e8;
    text-align: center;
    border-radius: 20px;
    transform: translateY(60px);
    transition: all 300ms ease;
    box-shadow: 0px 0px 9px -5px #000;z-index: 1000;
}
.pnotity.sactive, .pnotity.eactive{transform: translate(0px);}
.pnotity p {
    padding: 8px 0;
    color: #000;
}
.pnotity.errors p {
    color: #7d1515;
}

.prichcld label {
    display: inline-block;
    width: 94%;
    margin: 0 0 15px 6px;
}
.logout-link {
    background: none !important;
    border: none !important;
    color: red !important;
    cursor: pointer;
    padding: 5px 0px !important;
    margin-top: 10px;
}
.error {
    color: red;
}
.menu_a {
    display: inline !important;
    font-size: 0px !important;

}
header.tsthedr {
    position: sticky;
    top: 0;z-index:1000;
}
.swiper-button-prev.thumbs-prev{
    width: 44px;
    height: 44px;left: 0;
}

.swiper-button-next.thumbs-next {
    width: 44px;
    height: 44px;
    bottom: -15px !important;
    left: -38%;
}
.offer-itema.cart-empty{margin-top: 90px;}

    /* ===============================================================================================
                responsive
/* ============================================================================================= */

@media only screen and (max-width:1400px){
.box-details {padding: 41px 20px 0 38px;}
.page-container {margin: 0 auto;max-width: 89%;}
.featpic img {
    margin: 13px auto 13px;}
    
}
@media  only screen and (max-width:1366px) {
.bnrcontent {top: 69px;left: 80px;}
.video-instruction h3 {font-size: 48px;}
.product-info {padding: 14px 16px 26px 10px;}
.page-container {max-width: 95%;}
.product-details .carinfost .mrpt{display: inline-block;text-align: right;position: relative;top:-3px}
.product-details .carinfost .mrpt p.strike-out::before{width: 100%;}
}
@media  only screen and (max-width:1280px) {
.abtbnrcontent {top: 36px;left: 50px;}
.bowhod {padding: 25px 20px 25px 20px;}
.inforcont p:first-child{height: 70px;}
.contect-head h1 {font-size: 54px;}
a.mapss {margin-top:0 ;}
.product-info > p {font-size: 22px;}
.quiimg > p{width: 43%;}
.product-details .carinfost .mrpt p {font-size: 11px;}
}

@media only screen and (max-width:1025px){
    /*================================================ mobile-menu ==================================*/
.despic{display: none;}
.mobpic {display: block;}
.main{overflow-x: hidden;}
.mobmenu {display: block;}
.moblnk {display: inline-block;}
a.moblnk {position: relative;}
a.moblnk span, a.moblnk span::after, a.moblnk span::before {background: #000;height: 2px;right: 0;pointer-events: none;position: absolute;width: 30px;}
a.moblnk span {top: 12px;}
.state-of-art h3 {padding-left: 20px;padding-right:20px}
a.moblnk span::before {top: -8px;}
a.moblnk span::after {top: 8px;}
a.moblnk {color: #000;font-size: 1rem;margin: 0px 0 0;padding: 1px 10px 8px 30px;text-indent: -1000em;}
a.moblnk span::after, a.moblnk span::before {content: "";display: block;pointer-events: none;}
.acc-details ul li {margin: 0 9px;}
.menu{display: none;}
.acc-details > ul > li {vertical-align: top;}
.top-text p {font-size: 13px;padding: 10px 0 10px 0;}
ul.opts{position: relative;}
/* ul.opts::before {content: "";position: absolute;top: 10px;left: 0;right: 0; background-color: #ccc; width: 40px;height: 5px; margin: 0 auto; border-radius: 10px;} */
.sumnuepr { position: absolute;left: 20px;right: 20px;top: 0;background-color: #fff;z-index: 1001;padding: 15px 0 0 0;transform: translateX(110%);transition: transform .6s cubic-bezier(.7,0,.2,1);}
.submnudetail {display: flex;flex-wrap: wrap;column-gap: 16px;row-gap: 16px;margin-top: 30px;height:450px;overflow-y:scroll}
.indetail {flex: 1 1 calc(50% - 16px);border-radius: 15px;overflow: hidden;}
.pifcontg p:first-child {font-size: 15px;font-weight: 600;}
.prodpics{font-size: 0;}
.pifcontg p:first-child {font-size: 15px;font-weight: 600;padding-bottom: 10px;background: url("../img/home/right-arrow.png") no-repeat right 7px / 14px auto;}
.pifcontg p:nth-child(2) {font-size: 11px;padding-bottom: 0;}
.pifcontg {padding: 15px 12px;background-color: #faf0e4;} 
.nckmenu a {display: inline-block;padding: 9px 0 8px 20px;position: relative;font-size: 16px;font-weight: 600;color: #555;}
.nckmenu a::before {content: "<";position: absolute;left: 0;top: 0;font-size: 27px;}
.main-header {padding: 18px 0 14px 0;}
.mobmenu {position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 1000;border-radius: 10px 10px 0px 0px;height: calc(100% - 180px);transform: translateY(100%);transition: all 1000ms ease-in-out .5s;overflow: hidden;}
.mobmenu.opts-open {transform: translateZ(0)}
.ligin a { display: inline-block;background-color: #000;color: #fff;padding: 6px 24px 8px 39px;border-radius: 25px;background-image: url(../img/home/user-login.png);background-repeat: no-repeat;background-size: 25px;background-position: 8px 4px;}
.socilme {text-align: right;}
.socilme > ul > li {display: inline-block;margin: 0 6px;}
.socilme > ul > li > a {width: 35px;height: 35px;display: inline-block;}
.socilme > ul > li:first-child > a{background: url("../img/home/insta.png") no-repeat scroll -5px 0px / 45px auto;} 
.socilme > ul > li:nth-child(2) > a{background: url("../img/home/fb.png") no-repeat scroll 1px 0px / 33px auto;} 
.sumenu > a::after {content: ">"; position: absolute; right: 0; top: -8px; font-size: 28px;}
.sumnuepr.subopen {transform: translateX(0);}
.acc-details ul li:last-child{display: inline-block;}
    /* ======================================================================== */
    
  .header-container, .slide-container,.video-container, .picked-item-details, 
  .stat-container, .test-container, .quick-container, .moment-container, .certif-container, .accor-container, .productContainer, .pick-container, .footer-container {max-width: 100%;padding: 0 20px;width: 100%;}
  .privicontaienr, .blog-container, .blogform, .bloglasde-inner {width: 96%;padding: 20px 20px 30px 20px;max-width: 96%;}
  .picked-item-details {margin-left: 12px;}
  .productInfoContent {width: 100%;box-sizing: border-box;padding-left: 0;}
  .abousld{width: 100%;padding: 0 0px;margin: 0 auto;}
  .map-contaienr{padding: 0 30px;width: 100%;}
  .containerflow ul li > p {font-size: 16px;}
  .scroll-container { padding: 12px 0 12px 0;}
  ul.opts {padding: 36px 20px 0 20px;}
  ul.opts > li > a {display: block;font-weight: 600;font-size: 18px;position: relative;}
  ul.opts > li {margin: 20px 1px;}
.bottomlinks {position: absolute;bottom: 0;left: 0;right: 0;background-color: #fff5e1;padding: 15px 0 20px 0;}
.logde {padding: 0 20px;box-sizing: border-box;display: flex;}
.logde > div{width: 50%;}
.pipshow{max-width: 93%;}
.pipshow {padding: 30px 14px 30px 14px;}   
.testi-slider .owl-controls, .detail-sldier .owl-controls, .moment-slides .owl-controls, .quicslide .owl-controls{display: none !important;}

 /*================================================ Home Page ==================================*/
 .top-head h3, .state-of-art h3, .testimonial h3, .taste-like-fruit h3, .quick-deal h3, 
 .fresh-moments > h3, .certification > h3, .accordon h3, .redtoeat h3, .fresh-momentst > h3, .abtbnrcontent h3,
  .fot-advantage h3, .mittiel h3, .what-you-get-fot > h3,.vidtie > p, .contect-head h1, .product-title, .blog-container h1, .inblocontainre h1  {font-size: 40px;}
 .abtbnrcontent h1, .abtbnrcontent h2, .abutbann-content h3 {color: #000;font-size: 40px;line-height: 50px;}

.tastpar {padding: 0 2px;}
.bnrcontent h1 {font-size: 30px;line-height: 44px;}
.bnrcontent h2 {font-size: 27px;}
.bnrcontent {top: 29px;left: 32px;}
.bnrcontent p {padding-top: 7px;margin-bottom: 0px;}
.navig > span {width: 24px;height: 24px;}
.navig {bottom: 14px;left: 19px;right: 19px;}
div#banpgr{bottom: 9px;left:0;right: 0;}
.how-to-prepare {padding-top: 40px;padding-bottom: 30px;}
.video-par{align-items: start;}
.video-instruction {flex: 1 calc(100% - 40px);}
.videocontainer {flex: 1 calc(100% - 40px);order: 2;}
.video-par {row-gap: 25px;}
.video-instruction h3 {text-align: center;padding-bottom: 10px;}
.product-info {text-align: left;}
.product-info > p {font-size: 20px;}
.soflaver > p{font-size: 14px;}
.most-loved-pic {padding: 53px 0 60px 0;}
.product-detail .crts p { background: url(../img/home/eye.png) no-repeat scroll 35% 52% / 26px auto; text-indent: -1000em;}

.crtst p{background: url(../img/home/eye.png) no-repeat scroll 52% 52% / 26px auto;text-indent: -1000em;}
.pick-your-pack {padding: 40px 0 40px 0;}
.select-picks > h3 {font-size: 40px;margin: 0 auto;width: 91%;line-height: 52px;}
.state-of-art {padding: 50px 0 0 0;}
.stayconte > h3 {font-size: 36px;}
.offpar a:first-child{margin-right: 0 }
.offpar a{width: 90%;}
.offpar a:first-child{margin-bottom: 20px;}
.offpar p:first-child{margin-right: 0 }
.offpar p{width: 90%;}
.offpar p:first-child{margin-bottom: 20px;}
.quick-deal {padding: 40px 0 60px 0;}

.social.dinne ul{display: block;margin-top: 0;}
.redtoeat p{width: 100%;}
.fresh-momentst {padding: 62px 0 30px 0;}
.sort{display: none;}
.shofiler, .shofiler1 {float: none;position: fixed;bottom: 75px;z-index: 100;left: 0;right: 0;text-align: center;margin:0 auto;width: 44%;}
.shofiler a, .shofiler1 a {color: #fff;background-color: #000;background-image: url(../img/product/white-filter.png);background-repeat: no-repeat;background-position:  11% 60%;background-size: 26px auto;}
.mobmenu {padding: 0px 0 0 0;}
.filter{padding: 0;}
.product-infot {padding: 40px 0 0 0;}
body{min-width: 320px;}
.abutbann-content {background-color: #fff2e8;}
.about-banners::before{background-color: #fff;}
.abtbanr-container{width: 100%;max-width: 100%;padding: 0 20px;}
.choimg {display: none;}
.whoycose h3 {font-size: 40px;line-height: 56px; padding: 0 20px;}
.chodetails.foncolwhite {padding: 0 0px;margin-left: 0 ;}
.why-chose-it {padding: 40px 0 0 0;}
.fot-advantage {padding: 40px 0 0 0;}
.four-box-cols {margin-top: 30px;padding: 0 0px;}

.rndpic{width: 80px;height: 80px;}
.rondpic img {width: 40px;}
.testefeat, .tasfeatslde{padding: 0 20px;}
.whu-chose-par{padding: 0 0px;}
#slidpgr {display: none;}
.our-mission {width: 92%;margin: 0 auto;padding: 37px 20px 36px 20px;}
.conect-with-us {width: 100%; padding: 40px 0px 0 0px;}
.contect-head p, .contect-head h1{text-align: center;}
.contect-head h1 {margin-bottom: 30px;}
.contect-head{width: 100%;}
.condetail{width: 100%;margin-left: 0;}
.dtailpae {padding: 40px 20px 35px 20px;}
.contct-bnr{margin-top: 30px;}
.dtailpae { padding: 40px 20px 35px 20px;}
.dtailpae{border-radius: 50px;}
.productSlide {width: 100%;}
.productViewInfo {display: block;}
.product-gallery, .breadcrump{display: none;}
.ngalslid{display: block;}
.productViewInfo{padding-top: 40px;}
.productInfoContent{margin-top: 30px;}
.favmeaal p {font-size: 16px;}
.quiimg > p {width: 52%;}
.prdinstructions{width: 100%;}
.inforcont p:nth-child(2){width:100%}

.tastpar {display:block}
.taste-like-fruit.what-derives-us .testefeat {margin-bottom: 30px;}
.pictislipar .carinfos {padding: 13px 0 12px 0px;}
.pictislipar .mrp p{padding-right:3px}
a.clsfiltr:hover

 {
    color: #fff;
    background-color: #000;
    border: 1px solid transparent
}
    .enbt {
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: space-around;
        background-color: #000;border-radius: 20px 20px 0 0 ;
    }
    .enbt a {
        text-align: center;
    }
        .enbt a:hover .fnrl {
        opacity: 1;
        visibility: visible;
    }
        .enbt a:hover .fnrl1 {
        opacity: 0;
        visibility: hidden;
    }
        .enbt a span {
        display: block;font-size:0.6em;
        width: auto !important;
        position: static;
        color: #fff;
        opacity: 1;
        visibility: visible;
        background-color: transparent;
        border: none;
        padding: 10px 0 0 0;
        transform: translateX(0);
    }
    .enbt a>img {width:30px}
    a.ewhatsapp.desk {display: none;}
    a.ewhatsapp.mob{display: block;}
    .prodtype {
    margin-bottom: 20px;
}
.filerpar {padding: 30px 20px 0 20px;}
.sttockavnl {padding: 26px 0 0 0}
.stilet p{padding-bottom:10px}
span.packNo{font-size: 1em;}
.page-container {max-width: 100%;padding: 0 20px;width: 100%;}
.testefeat {margin-bottom: 20px;}
.container{max-width: 100%;padding: 0 20px;width: 100%;}
.offpar a, .offpar p {padding: 10px 65px}
.stayconte > h3 {padding-bottom: 6px;}
}



@media only screen and (max-width:1023px){
.logitile, .box-details h3, .desks, .conect-with-us .contct-bnr {display: none;}
.logdetapar, .logislider, .mobs,  .mob-maps {display: block;}
.select-picks, .make-your-box {flex: 1 1 calc(100% - 0px);padding: 48px 11px 36px 11px}
.container-picks{row-gap: 0;}
.box-details {padding: 25px 12px 0 12px;}
.buicont{display: none;}
.buicont.mobcont {display: block;}
.buicont.mobcont p {text-align: center;margin: 0 auto 22px;width: 81%;}
.watxt, .shpnow  {flex: 1 1 calc(100% - 16px);}
.walthrogh {padding-top: 10px;}
.shpnow a{margin-top: 0;}
.testimonial > p {font-size: 15px;}
.testimonial {padding: 48px 0 0px 0;}
.taste-like-fruit {padding: 40px 0 49px 0;}
.certification {padding: 0px 0 68px 0;}
.fresh-moments {padding: 62px 0 50px 0;}
.ceritipic {row-gap: 16px;}
.sfpic { flex: 1 1 calc(50% - 16px);}
.formparnt{width: 89%;}
.accordon {padding: 40px 0 40px 0;}
.social {width: 26%;margin-right: 3%;}
.quiklink3 {width: 29%;}
.social {width: 100%;margin-right: 0;}
.social ul{display: none;}
.social p {padding: 31px 8px 30px 4px;font-size: 16px;}
.quiklink1, .quiklink2, .quiklink3, .quiklink4, .quiklink5, .quiklink6{width: 100%;margin-bottom: 25px;}
.quiklink1 p > a, .quiklink2 p > a, .quiklink3 p > a, .quiklink4 p > a, .quiklink5 p > a, .quiklink6 p > a {pointer-events: all;position: relative;display: inline-block;}
.quiklink1 p > a::after, .quiklink2 p > a::after, .quiklink3 p > a::after {content: ">";position: absolute;right: -21px;top: 2px;font-size: 20px;transform: rotate(90deg);}
.accor-title > li a {padding: 18px 36px 14px 17px;}
.footpar ul {display: none;}
.product-details { flex: 1 1 calc(50% - 16px);}
.product-infos > p {font-size: 15px;}
.soflavers > p {font-size: 11px;}
.proties p {padding: 9px 0 1px 25px;background-position: 0px 8px;margin-top: 0px;}
.sliimg{margin: 0 auto;}
.abutbann-content {padding: 30px 20px 10px 20px;margin-top: 30px;}
.inforcont p:nth-child(2){padding-right: 0;}
.rndpic {margin: 0 auto;}
.rondpic {text-align: center;width: 100%;margin: 0 auto 20px;}
.inforcont{width: 100%;text-align: center;}
.testefeat {flex: 1 1 calc(100% - 16px);}
.mittiel h3 > br {display: none;}
.mittiel h3 {text-align: center;}
.mittiel {flex: 1 1 calc(100% - 16px);}
.mispicd { flex: 1 1 calc(100% - 16px);}
.mispaconte {flex: 1 1 calc(100% - 16px);text-align: center;}
.mispaconte p {font-size: 16px;max-width: 100%;}
.moimgs{display: block;}
.our-mission {background-image: none;}
.our-mission {padding: 37px 20px 0px 20px;}
.moimgs {display: block;margin: 29px auto 0; width: 50%;}
.what-you-get-fot {padding: 40px 0 56px 0;}
.what-you-get-fot > h3{margin: 0 auto;width: 59%;}
.whu-chose-par.mobwechose .chodetails {margin-top: 0;margin: 0 auto;width: 85%;}
.whu-chose-par.mobwechose .flips1 { flex: 1 1 calc(100% - 16px);}
.whu-chose-par.mobwechose .choimg{display: block;}
.whu-chose-par.mobwechose .choimg { order: 2; flex: 1 1 calc(100% - 16px);padding: 0 15px;margin-bottom: 30px;}
.locat-details > div{width: 100%;}
.map-icon img {margin: 0 auto;width: 60px;}
.map-icon {margin-top: 40px;}
.aftre p {padding: 18px 0 16px 14px;}
.aftrer p, .ingrents2 p:nth-child(2),.ingrents2 p:nth-child(3), .instruct p:nth-child(2), .procont p{font-size: 16px;}
.qulconpar {column-gap: 0;}
.description p:first-child{display: none;}
.description p:nth-child(2) {font-size: 20px;padding: 0px 0 0px 0px;}
.description p {font-size: 16px;line-height: 26px;}
.ingrents2 p:first-child, .instruct p:first-child, .ongoing-ofers > p{font-size: 20px;}
.testimonial.proddetl-testi {padding-bottom: 40px;}
.show-filters {top: auto;max-width: 100%; height: calc(100% - 116px); width: 100%;border-radius: 50px 50px 0px 0px;transform: translateX(0);transform: translateY(100%);}
a.clsfiltr{right: 30px;top:37px}
.shwfltrs.show-filters {transform: translateY(0%);}
.quiimg > p {width: 65%;top:25px;left: -39px}
.mobosor{display: block;}
 .checkout-main {display:block;margin-bottom: 60px;}
 .checkout {
                flex-direction: column;
            }
            .card {
            padding: 18px;
        }

        .card-header h2 {
            font-size: 16px;
        }
        .container1, .stacs{display: block;}
        .stacs {margin-bottom: 20px;}
        .shobtin {text-align: left;}
        .btn1 {width:100%}
        .top-head {
    text-align: center;
    padding: 0 5px;
}
.prichcld label {
    
    width: 92%;
    
}
.inforcont p:nth-child(2){min-height: 110px;max-height: 110px;}
.soflaver > p,.product-info > p{height: auto;}
.quick-deal > p{padding-left: 20px;padding-right:20px}
.quick-container {margin-top: 20px;}
.quiimg > p{font-size: 14px;}
.styapics, .stayconte{flex:1 1 calc(100% - 0px)}
.userssname{right: 24px;}
.userssname::before{right: 109px;}
}

@media only screen and (max-width:767px){
    .desk-pic{display: none;}
    .mob-pic{display: block;}
.video-instruction h3 { font-size: 40px;}
.inst-child p, .top-head p {font-size: 0.9em;}
.desk, .navig{display: none;}
.mob{display: block;}
.bnrcontent p {width: 74%; font-weight: 400;margin: 0 auto;font-size: 14px;}
.top-text p {font-size: 10px;}
.logo > a > img {width: 70px;}
.acc-details ul li { margin: 0 4px;}
.acc-details > ul > li > a {width: 25px;height: 24px;}
.bnrcontent {top: 29px;left: 0;right: 0;text-align: center;}
.bnrcontent h1 { font-size: 40px;}
.bnrcontent h2 {font-size: 37px;}
.top-head h3 {line-height: 50px;padding: 0 25px 10px 25px;}
.watxt, .shpnow  {text-align: center;}
.shpnow a {display: inline-block;padding: 10px 36px 14px 36px;margin: 0 auto;width: 76%;}
.watxt p:first-child{font-size: 24px;}
.watxt p:nth-child(2) {margin: 0 auto; width: 80%;}
.review {text-align: center;margin: 0 auto;width: 87%;}
.ceritipic{display: block;}
.mobcettif{margin-top: 28px;}
.ceritocnt{height: 150px;}
.ceritocnt p {max-width: 224px;font-size: 15px;font-weight: 600;line-height: 30px;}

.stayconte > h3 {padding-top: 40px;}
.stayconte > p{font-weight: 400;padding:0 20px 15px 20px}
.stayconte > p > span {color: #000;font-weight: 600;}
.respct p {font-size: 16px;margin: 0 auto 25px; width: 73%;}
.carinfost {padding: 13px 0 12px 0px;align-items: center;align-items: center;}
.carinfost > div.crtst {width: 23%;}
.carinfost > div.mrpt {width: 77%;}
.crtst p {background: url(../img/home/eye.png) no-repeat scroll 52% 52% / 17px auto; text-indent: -1000em;font-size: 12px;}
.fresh-momentst > h3 {margin: 0 auto;width: 82%;}
.abtbnrcontent{text-align: center;left: 0;right: 0;}
.abtbnrcontent p {width: 90%; margin: 0 auto;}
.abtbnrcontent p:first-child {padding-bottom: 0;margin-bottom: 0;}
.abutbann-content{text-align: left;}
.abutbann-content p {width: 100%;}
.inforcont p:first-child {font-size: 16px;padding-bottom: 8px;}
.inforcont p:nth-child(2){height: auto;}
.moimgs {width: 60%;}
.certification > h3 {width: 67%;margin: 0 auto;}
.certification > p{margin: 0 auto;width: 82%;}
.phno a:nth-child(2)::before {display: none;}
.dtailpae > p, .phno a{font-size: 20px;}
.phno:nth-child(2), .phno:nth-child(3){background-position: 0 2px;}
.factaddress {padding-top: 10px;}
.factaddress > p{color: #555;}
.dead p{font-size: 20px;}
.formcontente {padding: 53px 0 0 0;width: 100%;order: 2;text-align: center;}
.contact-formss { padding: 41px 0 0 0;}
.formcontain{width: 100%;}
.contec-pars {padding: 40px 25px 51px 25px;}
.sumit{text-align: left;}
.formcontente p {font-size: 19px;padding-right: 0; text-align: center;}
.mailinfos {margin-top: 14px;text-align: center; margin-bottom: 33px;}
.mailinfos > a {display: inline-block;border-bottom: 2px solid #df7370;font-size: 25px;font-weight: 600;}
.map-location {padding-bottom: 40px;}
.locat-details {border: 1px solid #ffcf6f;border-radius: 25px; overflow: hidden;}
.ipropar > div{vertical-align: middle;}
.procont p{font-size: 14px;}
.porpic{width: 38%;}
.procont{width: 62%;}
.ongoing-ofers {padding: 32px 0 42px 0;}
.quiimg > p {top: 31px;left: -52px;}
.shonowar, .fllas {float: none}
.phno a:nth-child(2){margin-left: 0;}
.mobslik .slick-slide, .mobslicks  .slick-slide, .mslicks .slick-slide{opacity: 1;}
.mobslik .orngpar {display:block}
.tascont, .featpic {flex: 1 1 calc(100% - 0px);}
.mobslik .orngpars {display: inline-block;text-align: center;}
.featpic {margin: 0 auto;width: 36%;}
.fotadslider .owl-wrapper-outer, .detail-sldier .owl-wrapper-outer,
 .testi-slider .owl-wrapper-outer, .quicslide .owl-wrapper-outer,
  .moment-slides .owl-wrapper-outer, .mobcettif .owl-wrapper-outer, .offerslider .owl-wrapper-outer{overflow: visible !important;}
 .detail-sldier .owl-wrapper-outer .owl-item,  .testi-slider .owl-wrapper-outer .owl-item{width:329px !important}
.testi-slider .testi {width: 90%;}
.bowhod {width: 100%;}
.inslisd {flex: 1 1 calc(100% - 16px);}
.orngpar {padding: 13px 0 13px 0px;}
.featpic img {width: 100%;max-width: 100%;margin-bottom: 0;object-fit: cover;}
.featpic {width:68%}
.featpic img {margin: 0px auto 0px;}
.tascont {text-align: center;width: 100%;}
.tascont p:first-child {font-size: 18px;margin: 0 auto;max-width: 86%;}
.tascont p:nth-child(2){font-size: 13px;padding-right: 20px;padding-left: 20px;}
.mobslicks .slick-list{overflow: visible;}
.slick-next.slick-arrow {display: none !important;}
.sarchbox {height: calc(100% - 100px);top: auto; width: 100%;max-width: 100%; border-radius: 40px 40px 0px 0;}
.fresh-moments > h3 {margin: 0 auto;width: 90%;}
.fresh-moments > p {margin: 9px auto;width: 84%;}
.loginwindow {overflow:auto}
.pipshow {height: auto;max-height: 100%;}
.product-infos {padding: 2px 5px 26px 5px;}
.mrpt p{padding-right: 15px;}
.product-infos > a:first-child > p {font-size: 18px;}
.cenoics {text-align: center;background-color: #fc6f36;padding: 23px 0;border-radius: 25px;}
.featpic {padding: 10px 0;}
.cenoics > .featpic img {width: 59px;margin: 0 auto;max-height: 100px;}
.cenoics {text-align: center;}

.quickslids > a{width:93%}
.cartpage {width: 100%;}
.soflavers > p {font-size: 11px;}
.pridlidi {width: 100%;}
.selected-slids{display: block;position: relative;padding-bottom: 60px;}
.pridlid {width: 100%;}
.select-picks {padding:42px 11px 0 11px}
 .make-your-box { padding: 0px 11px 0 11px;}
 .tadpicig {margin: 0 auto 30px;width: 100%;padding: 0 20px;}
 .testimonial.proddetl-testi{padding-bottom: 0px;}
  .review {margin: 29px auto 0}
  .featpic img{width:100px;height:auto}
 .taste-like-fruit.what-derives-us .featpic { width: 50%;}
.whu-chose-par.mobwechose .whoycose { margin-bottom: 20px;}
.inlcs { margin: 12px 0 0 0px;}
.propics { width: 43%;text-align: center;margin: 18px 0 0 93px;}
.quote {padding-top:20p;padding-top: 20px;}
#logpger span {margin-top :15px}
    .pipshow { max-width: 88%;}
    .pipshow > a {top: 16px;right: 9px;}
    .aply {position: static}
    .form-row {grid-template-columns: 1fr;}
  
  .address-card { flex-direction: column; gap: 1rem;}
  
  .address-actions {align-items: stretch;}
  .form-actions {display:block}
  .form-actions > button:nth-child(2){margin:10px 0;width: 100%}
  .form-actions > button:nth-child(3){width: 100%}
  .left {padding:0}
  .right {padding:8 11px}
  .chckfooer {margin-top: 30px;}
.chckfooer a {width:37%}
.chckfooer a:first-child, .chckfooer a:nth-child(2) {margin-bottom: 10px;}
 .infosgrid{display:block}
        .ordercard:first-child{margin-top: 21px;}
        .nexnews {display: block;}
        .qty-control {padding: 10px 0 10px 0px;margin-top: 25px;}
    .promcontpa{width: 50%;}
    .otp-sec {overflow: scroll;}
    .accordon p {text-align: left}
    .accordon > h3, .accordon > p {
    padding-left: 20px;
    padding-right: 20px;
}
.accordon > p {text-align: center;}
.chodetails {display: block;}
.chodetails.foncolwhite {display:grid;row-gap: 16px;}
.flips1{margin-bottom: 0px;align-items: start;}
.flips1:last-child {margin-bottom: 0;}
.boxconts p:first-child {font-size: 18px;}
 .info-grid {display:block}
 .prod-par {grid-template-columns: repeat(2, 1fr);}
.product-infos a:nth-child(2) {width: 100%;}
.bowhod {padding: 25px 10px 25px 10px;}
.mobcettif .owl-item, .four-box-cols .owl-item {margin-right: 10px;}
.lastinfot > div {width: 100%;}
.orderparent {grid-template-columns: repeat(1, 1fr);}
.taste-like-fruit.what-derives-us .mslicks {
    margin-bottom: 30px;
}
.mob-pic .tasepic, .tadpicig img {overflow:hidden;border-radius: 20px;}
.slick-track {display: flex}
.slick-slide {height: auto !important;
}
.foncolwhite .boxconts p:nth-child(2) {
    height: 100px;
}
.whu-chose-par.mobwechose .choimg {
    margin-bottom: 0;
}
.what-you-get-fot {padding: 40px 0 0px 0;}
.mslicks .tascont {
    height: 117px;
}
.mobslicks .tascont {
    height: 149px;
}
.mobslicks .featpic {height: 122px;}
.blogmsg, .blogmsgs, .blogmsgs1 {grid-template-columns: repeat(1, 1fr);}
.pnotity.sactive, .pnotity.eactive{transform: translateY(-69px);width: 94%;}
.mobwechose .whoycose .flips1 {
    margin-bottom: 20px;
}
.mobwechose .whoycose .flips1:last-child {
    margin-bottom: 0;
}
.testimonial h3 {
    padding: 0 20px;
}
.fllas, .shonowar {text-align: center;}
.fllas p:first-child {font-size: 20px;}
.abtbanr-container.aboutuspge{padding-bottom: 50px;}
.mrpt p.strike-out {
    padding-right: 0;
    margin-right: 5px;
}
.prod-quant a.up {top:0}
.carprec {
    padding: 10px 17px 10px 11px;
}
.mrp p {flex: inherit;}
.addcprc span:first-child{padding-right: 14px;}
.price-row {display: block !important;}
p.make_perfect {
    font-size: 15px;
}
.product-details .carinfost .mrpt p {padding-right: 0;}
.product-details .carinfost .mrpt {
padding-right: 10px;}
.product-details .carinfost .crtst {
    width: 45%;
}
.product-details .carinfost .mrpt {
    width: 45%;
}
.product-details .carinfost .mrpt p::before{width: 94%;} 
.product-details .carinfost .mrpt p{padding-left: 0;}
.pnotity {width: 88%;}
.userssname{top: 56px;right: 2px;}
.userssname::before{right: 102px;}
}
.shofiler1 {
    margin-left: 5px
}
.onlyship{
    left:auto !important;
}