







html{scroll-behavior:smooth;}
.dnd-section.full-width-forcedd{padding:0!important}
.dnd-section.full-width-forcedd>div,.dnd-section.full-width-forcedd>div>div{padding-left:0px!important;padding-right:0px!important;max-width:none!important}

.set-bg, .bg{ background-size:cover; background-position:center; position:relative; }
.overlay{ position: relative;  }
.overlay:before { content:'';  top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; background: linear-gradient(135deg, rgba(0, 167, 225, 0.6) 0%, rgba(104, 59, 163, 0.6) 100%);}
.overlay.V2:before { background: rgba(31, 84, 113, 0.43);}
.overlay > * { position:relative; z-index:2; }

.BoxOverlay{ position: relative;  }
.BoxOverlay:before { content:'';  top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; background: linear-gradient(0deg, rgba(21, 21, 21, 0.35), rgba(21, 21, 21, 0.35));}
.BoxOverlay > * { position:relative; z-index:2; }

.uppercasetitle {text-transform: uppercase;}
.LowercaseTitle *,.LowercaseTitle h1,.LowercaseTitle h2,.LowercaseTitle h3,.LowercaseTitle h4,.LowercaseTitle h5,.LowercaseTitle h6,.LowercaseTitle p,.LowercaseTitle span{text-transform:lowercase;}

.noListStyle ul, .listStyle ul{ margin:0; padding:0; list-style:none; }
.listStyle * + ul{ margin-top:20px; }
.listStyle ul li { padding-left:22px; position:relative;margin: 0;}
.noListStyle ul li {margin: 0;}
.listStyle ul li + li {margin-top:10px;}
.listStyle ul li:before { position:absolute; left:0; top:0; content:'';width: 22px;height: 22px;background-position: center;background-size: contain;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Ccircle cx='13.5' cy='13.5' r='3.5' fill='%23333'/%3E%3C/svg%3E");}

.fontWhite, .fontWhite a, .fontWhite h1, .fontWhite h2, .fontWhite h3, .fontWhite h4, .fontWhite h5, .fontWhite h6 { color:#fff; }
.fontLight, .fontLight a, .fontLight h1, .fontLight h2, .fontLight h3, .fontLight h4, .fontLight h5, .fontLight h6 { color:#FFFEF2; }
.primary_color, .primary_color a, .primary_color h1, .primary_color h2, .primary_color h3, .primary_color h4, .primary_color h5, .primary_color h6 { color:#37331E; }
.secondary_color, .secondary_color a, .secondary_color h1, .secondary_color h2, .secondary_color h3, .secondary_color h4, .secondary_color h5, .secondary_color h6 { color:#262613; }
.tertiary_color, .tertiary_color a, .tertiary_color h1, .tertiary_color h2, .tertiary_color h3, .tertiary_color h4, .tertiary_color h5, .tertiary_color h6 { color:#6F7162; }
.quaternary_color, .quaternary_color a, .quaternary_color h1, .quaternary_color h2, .quaternary_color h3, .quaternary_color h4, .quaternary_color h5, .quaternary_color h6 { color:#333; }
.light_gray, .light_gray a, .light_gray h1, .light_gray h2, .light_gray h3, .light_gray h4, .light_gray h5, .light_gray h6 { color:#F6F5F3; }
.gray, .gray a, .gray h1, .gray h2, .gray h3, .gray h4, .gray h5, .gray h6 { color:#AAA; }
.fontLightV2, .fontLightV2 a, .fontLightV2 h1, .fontLightV2 h2, .fontLightV2 h3, .fontLightV2 h4, .fontLightV2 h5, .fontLightV2 h6 { color: #FCF6EC; }
.Light_black_color, .Light_black_color a, .Light_black_color h1, .Light_black_color h2, .Light_black_color h3, .Light_black_color h4, .Light_black_color h5, .Light_black_color h6 { color:#282828; }
.black_color, .black_color a, .black_color h1, .black_color h2, .black_color h3, .black_color h4, .black_color h5, .black_color h6 { color:#000; }
.fontWhite svg path {fill:#fff;}
.darkgray, .darkgray a, .darkgray h1, .darkgray h2, .darkgray h3, .darkgray h4, .darkgray h5, .darkgray h6 { color:#787878; }
.darkgrayV2, .darkgrayV2 a, .darkgrayV2 h1, .darkgrayV2 h2, .darkgrayV2 h3, .darkgrayV2 h4, .darkgrayV2 h5, .darkgrayV2 h6 { color: #4A5A45; }
.darkgraylight span,.darkgraylight p { color: rgb(74 90 69 / 40%); }
.darkgrayV3, .darkgrayV3 a, .darkgrayV3 h1, .darkgrayV3 h2, .darkgrayV3 h3, .darkgrayV3 h4, .darkgrayV3 h5, .darkgrayV3 h6 { color: #4A5A45; }
.Tan,.Tan h1,.Tan h2,.Tan h3,.Tan h4,.Tan h5,.Tan h6,.Tan p,.Tan span{color:#D1C4AA;}

.GradientBorder {background-origin: border-box;background-clip: padding-box, border-box;}
.GradientBorder:hover {border: 1px solid transparent;}
.GradientBorder:hover {background-image: linear-gradient(135deg, #00A7E1 0%, #683BA3 100%);}

.light_bg  { background-color: #FFFEF2;}
.primary_bg  { background-color:#37331E;}
.secondary_bg  { background-color:#262613;}
.tertiary_bg  { background-color:#6F7162;}
.quaternary_bg  { background-color:#333;}
.BeigeGrayBg  { background-color:#C2C2AF;}
.blackBg  { background-color:#000;}

.PrivacyPolicyContent a {color: #6F7162;}
.PrivacyPolicyContent a:hover {color: #000;}

.body_color_bg ,.mfp-close-btn-in .body_color_bg button.mfp-close { background-color:#FFFEF2;}

.Altfont1,.Altfont1 a, .Altfont1 h1, .Altfont1 h2, .Altfont1 h3, .Altfont1 h4, .Altfont1 h5, .Altfont1 h6    {font-family: "Zapf Humanist", serif !important;}
.Altfont2,.Altfont2 a, .Altfont2 h1, .Altfont2 h2, .Altfont2 h3, .Altfont2 h4, .Altfont2 h5, .Altfont2 h6   {font-family: "TWK Lausanne", serif !important;}
.Altfont3,.Altfont3 a, .Altfont3 h1, .Altfont3 h2, .Altfont3 h3, .Altfont3 h4, .Altfont3 h5, .Altfont3 h6, .Altfont3 p{ font-family: 'Studio6',sans-serif !important;}

.bold,.bold a, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6  { font-weight:700; }
.semibold,.semibold a, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6  { font-weight:600; }
.medium,.medium a, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6 { font-weight:500; }
.normal,.normal a, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 { font-weight:400; }
.light,.light a, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { font-weight:300; }

.HedFont14 { font-size: 14px;line-height: 1.42;}
.Font10,.Font10 h1,.Font10 h2,.Font10 h3,.Font10 h4,.Font10 h5,.Font10 h6,.Font10 p,.Font10{font-size:10px;}
.Font11,.Font11 h1,.Font11 h2,.Font11 h3,.Font11 h4,.Font11 h5,.Font11 h6,.Font11 p,.Font11{font-size:11px;}
.Font12,.Font12 h1,.Font12 h2,.Font12 h3,.Font12 h4,.Font12 h5,.Font12 h6,.Font12 p,.Font12{font-size:12px;}
.Font13,.Font13 h1,.Font13 h2,.Font13 h3,.Font13 h4,.Font13 h5,.Font13 h6,.Font13 p,.Font13{font-size:13px;}
.Font14,.Font14 h1,.Font14 h2,.Font14 h3,.Font14 h4,.Font14 h5,.Font14 h6,.Font14 p,.Font14{font-size: 14px;}
.Font15,.Font15 h1,.Font15 h2,.Font15 h3,.Font15 h4,.Font15 h5,.Font15 h6,.Font15 p,.Font15{font-size: 15px;}
.Font18,.Font18 a, .Font18 h1, .Font18 h2, .Font18 h3, .Font18 h4, .Font18 h5, .Font18 h6  { font-size:18px; }
.Font20,.Font20 a, .Font20 h1, .Font20 h2, .Font20 h3, .Font20 h4, .Font20 h5, .Font20 h6  { font-size:20px; }
.Font24,.Font24 a, .Font24 h1, .Font24 h2, .Font24 h3, .Font24 h4, .Font24 h5, .Font24 h6  { font-size:24px; }
.Font30,.Font30 a, .Font30 h1, .Font30 h2, .Font30 h3, .Font30 h4, .Font30 h5, .Font30 h6  { font-size:30px; }
.Font32,.Font32 a, .Font32 h1, .Font32 h2, .Font32 h3, .Font32 h4, .Font32 h5, .Font32 h6  { font-size:32px; }
.Font40,.Font40 a, .Font40 h1, .Font40 h2, .Font40 h3, .Font40 h4, .Font40 h5, .Font40 h6  { font-size:40px; }

.Linkbtn a {color: #FCF6EC;font-size: 11px;font-weight: 150;line-height: 1.5;text-decoration-line: underline !important;text-underline-position: from-font;}
.Linkbtn a:active,.Linkbtn a:focus,.Linkbtn a:hover {opacity:.7;}

.hs-input::-webkit-input-placeholder { color:#EAECF0 !important;}
.hs-input::-moz-placeholder { color:#EAECF0 !important;}
.hs-input:-ms-input-placeholder { color:#EAECF0 !important;}
.hs-input:-moz-placeholder { color:#EAECF0 !important; }

.lshp12 h1, .lshp12 h2, .lshp12 h3, .lshp12 h4, .lshp12 h5, .lshp12 h6  { letter-spacing: 0.012rem;}
.lshp36 h1, .lshp36 h2, .lshp36 h3, .lshp36 h4, .lshp36 h5, .lshp36 h6  { letter-spacing: 0.036rem;}
.lsh24 h1, .lsh24 h2, .lsh24 h3, .lsh24 h4, .lsh24 h5, .lsh24 h6  { letter-spacing: -0.024rem;}
.lsh28 h1, .lsh28 h2, .lsh28 h3, .lsh28 h4, .lsh28 h5, .lsh28 h6  { letter-spacing: -0.028rem;}
.lsh30 h1, .lsh30 h2, .lsh30 h3, .lsh30 h4, .lsh30 h5, .lsh30 h6  { letter-spacing: -0.030rem;}
.lsh33 h1, .lsh33 h2, .lsh33 h3, .lsh33 h4, .lsh33 h5, .lsh33 h6  { letter-spacing: -0.033rem;}
.lsh56 h1, .lsh56 h2, .lsh56 h3, .lsh56 h4, .lsh56 h5, .lsh56 h6  { letter-spacing: -0.056rem;}
.lsh72 h1, .lsh72 h2, .lsh72 h3, .lsh72 h4, .lsh72 h5, .lsh72 h6  { letter-spacing: -0.072rem;}
.lsh96 h1, .lsh96 h2, .lsh96 h3, .lsh96 h4, .lsh96 h5, .lsh96 h6  { letter-spacing: -0.096rem;}
.lsh128 h1, .lsh128 h2, .lsh128 h3, .lsh128 h4, .lsh128 h5, .lsh128 h6  { letter-spacing: -0.128rem;}

.SectionTitle + .SectionTitle {padding-top: 23px;}

.lh91 h1, .lh91 h2, .lh91 h3, .lh91 h4, .lh91 h5, .lh91 h6 {line-height: 0.91;}

.transition3 {    transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;}

.HeroMainBannerColLeft {max-width: 405px;width: 100%;}
.HeroMainBanner {min-height: 100vh;height: auto;display: flex;flex-wrap: wrap;align-items: end;width: 100%;}
.HeroMainBanner .baseModuleParent {width: 100%;}

.baseModuleParent.TabsMainSection {z-index: inherit;}

.OrderSamplesRow {border-radius: 8px;background: rgba(0, 0, 0, 0.60);backdrop-filter: blur(10px);padding: 10px;display: flex;flex-wrap: wrap;width: 100%;}
.OrderSamplesLeft {width: 50%;opacity: 0.8;background: rgba(193, 186, 176, 0.25);mix-blend-mode: plus-lighter;backdrop-filter: blur(16.5px);position: relative;}
.OrderSamplesLeft > span {border-radius: 2px;background: rgba(14, 16, 12, 0.40);color: rgba(252, 246, 236, 0.75);font-size: 9px;font-style: normal;font-weight: 300;letter-spacing: 0.045rem;line-height: 1.88;padding: 1px 6px;display: inline-block;position: absolute;left: 4px;top: 4px;}
.HeroMainBannerColRight {max-width: 480px;width: 100%;}
.OrderSamplesRight {width: 50%;padding: 8px 8px 8px 18px;}
.OrderSamplesTitle .NextButton {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 6px;}
.OrderSamplesTitle .NextButton span {display: block;}
.OrderSamplesTitle .NextButton span + span {width: 14px;line-height: 0;}
.OrderSamplesTitle .NextButton span svg {width: 100%;height: auto;}
.OrderSamplesTitle .NextButton span:first-child {width: calc(100% - 20px);}
/* .OrderSamplesImage {max-width: 165px;width: 100%;margin: 0 auto;} */
.OrderSamplesImage img {width: 100%;height: auto !important;}
.OrderSamplesImage img {height: 100%;object-fit: contain;}

.PartnerLogosRow {display: flex;align-items: center;justify-content: space-around;gap: 20px;flex-wrap: wrap;}
.PartnerLogosCol {background-color: rgba(254, 254, 243, 1.0);}
.PartnerLogosCol img {height:51px !important;width: auto;object-fit: contain;mix-blend-mode: luminosity;filter: opacity(0.5);}
.PartnerLogosWrap{overflow:hidden;}
.PartnerLogosWrap .PartnerLogosCol{align-content:center;display:block;flex:0 0 auto;height:55px;width:120px;text-align:center;}

.FeaturedTop {border-bottom: 1px solid #DCDCDC;}
.FeaturedColBox {height: auto;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;padding: 14px 11px;background-color: #F2F0E5;}
.FeaturedColInner {padding: 0 10px;}
.FeaturedCol {width: 33.33%;}
.FeaturedIconBtn,.FeaturedButton {width: 100%;}
span.FeaturedLike {width: 16px;display: block;line-height: 0;}
span.FeaturedLike svg {width: 100%;height: auto;}
.FeaturedRow .slick-list.draggable {padding-right: 42px !important;}
span.FeaturedTopic {width: 85px;display: inline-block;color: #333;font-size: 12px;font-weight: 300;letter-spacing: -0.036rem;border-radius: 3px;border: 1px solid rgba(51, 51, 51, 0.20);padding: 2px;text-align: center;}
.FeaturedIconBtn { position: relative;display: flex;align-items: center;gap: 10px;justify-content: space-between;}
.FeaturedButton a {width: 100%;}
.Featuredbtnwrap {display: inline-flex;gap: 8px}
.FeaturedTopRow {align-items: center;display: flex;gap: 20px;justify-content: space-between}
.Featuredbtnwrap span {line-height: 0;width: 42px;height: 42px;display: inline-block; cursor: pointer;}
.Featuredbtnwrap span.prev-btn {transform: rotate(180deg);}
.Featuredbtnwrap span.slick-disabled {opacity: 0.3;filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));}
.Featuredbtnwrap span svg {width: 100%;height: auto;}
.whitetheme span.FeaturedTopic {border-color: rgba(37, 37, 37, 0.20);background: #FFFEF2;}

.MarketplaceRow {display: none;}
.MarketplaceRow.active {display: block;}
.MarketplaceCategory  ul {display: inline-flex;}
.CategoryList ul li {cursor: pointer;opacity: 0.5;padding: 8px 0;position: relative;transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;}
.CategoryList ul {gap: 30px;border-bottom: 1px solid #D6D1CA;}
.CategoryList ul li:hover,.CategoryList ul li.current {opacity: 1;}
.CategoryList ul li:after {content: '';position: absolute;display: block;width: 0;height: 1px;background: #3D3935;bottom: -1px;left: 0;transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;}
.CategoryList ul li:hover:after, .CategoryList ul li.current:after {width: 100%;}

.MarketplaceCol.SubTabContent {display: none;}
.MarketplaceCol.SubTabContent.active {display: block;}
.MarketplaceSubCategory ul {gap: 30px;}
.MarketplaceFilterbyLeng {line-height: 0;width: 26px;}
.MarketplaceFilterbyLeng svg {width: 100%;height: auto;}
.MarketplaceFilterByLink {width: 138px;border-radius: 4px;border: 1px solid rgba(51, 51, 51, 0.20);padding: 20px 0;display: flex;justify-content: center;gap: 22px;line-height: 1.3;align-items: center;  cursor: pointer;}
.MarketplaceFilterByLink span + span {width: 15px;line-height: 0;}
.MarketplaceFilterbyRow {gap: 30px;}

/* .baseModuleStyle.FeaturedSection {z-index: 1;} */
.FeaturedOrderSamples {border-radius: 8px 8px 0px 0px;border: 0.5px solid rgba(255, 250, 243, 0.60);border-bottom: 0; background: #FFFFFFB2;;backdrop-filter: blur(10.699px);padding: 20px 20px;font-weight: 150;opacity: 0;visibility: hidden;}
.FeaturedOrderSamples ul li {display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 5px 3px;}
.FeaturedOrderSamples ul li + li {border-top: 1px solid  rgba(255, 250, 243, 0.60);}
.FeaturedColBox:hover .FeaturedOrderSamples {opacity: 1;visibility: visible;}
span.expandTabmenu {display: none;}
.FilterbysearchBox input[type='search'] {outline: 0;background: rgba(202, 200, 195, 0.2);border: 0;font-weight: 300;font-size: 16px;line-height: 1.14;letter-spacing: -0.013rem;color:#989898;padding: 15px 20px 15px 52px;display: block;width: 100%;border-radius: 4px;}
.FilterbysearchBox {position: relative;width: 100%;}
.FilterbysearchBox span.Filterbysearchicon {position: absolute;left: 20px;top: 14px;width: 20px;height: 20px;display: block;}
.FilterbysearchBox span.Filterbysearchicon svg {width: 100%;height: auto;}
.FilterbysearchBox input[type='search']::-webkit-input-placeholder { color:#989898 !important;}
.FilterbysearchBox input[type='search']::-moz-placeholder { color:#989898 !important;}
.FilterbysearchBox input[type='search']:-ms-input-placeholder { color:#989898 !important;}
.FilterbysearchBox input[type='search']:-moz-placeholder { color:#989898 !important; }
.FilterbyPopupCol {width: calc(100% - 288px);padding: 12px 20px;border-radius: 4px;background: #fff;box-shadow: 0px 4px 49px 0px rgba(0, 0, 0, 0.15);}
.FilterbyPopup {background: rgba(224, 223, 214, 0.40);backdrop-filter: blur(6.650px);position: fixed;top: 0;width: 100%;height: 100vh;left: 0;z-index: 999;display: flex;align-items: center;flex-wrap: wrap;}
.FilterbyPopupRow {width: 100%;padding: 100px;}
.FilterbyPopupBoxLeft {width: 240px;}
.FilterbyPopupBoxRight {width: calc(100% - 240px);padding-left: 18px;}
.FilterbyPopupBoxLeft ul li {padding: 8px;display: flex;align-items: center;gap: 15px;border-radius: 4px;cursor: pointer;}
.FilterbyPopupBoxLeft ul li span:first-child {line-height: 0;border-radius: 4px;}
.FilterbyPopupBoxLeft ul li:hover,.FilterbyPopupBoxLeft ul li.current {background: #F5F5F5;}
.FilterbyPopupBoxLeft ul li span:first-child svg {width: 40px;height: 40px;}
.FilterbyTabList ul li {display: flex;justify-content: space-between;padding: 9px 12px;gap: 12px;border-radius: 4px;cursor: pointer;}
.FilterbyTabList ul li:hover,.FilterbyTabList ul li.current {background: rgba(202, 200, 195, 0.20);}
.FilterbyTabTitle {padding-left: 12px;}
.FilterbyTabBox {display: none;}
.FilterbyTabBox.active {display: block;}
.FilterbyPopupMainBox {display: none;}
.FilterbyProduct {border-radius: 4px;background: #fff;box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.12);position: absolute;width: 275px;left: calc(100% + 33px);top: 0;padding: 12px;}
.FilterbyPopupBoxRow {position: relative;}
.FilterbyProductText {padding: 12px 4px 4px;color: #747474;line-height: 1.42;}
.FilterbyProductImages img {border-radius: 2px;width: 100%;height: auto;}
.FilterbyProduct {opacity: 0;visibility: hidden;transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;}
.FilterbyProduct.active {opacity: 1;visibility: visible;}
.FilterbyPopupMain {position: relative;}
.FilterbyPopupBoxRow {height: 60vh;overflow-y: auto;}
.FilterbyProduct a {width: 100%;height: 100%;position: absolute;display: block;left: 0;top: 0;}

/*  */
.contWithImg .content-wrapper { max-width: 100%; padding: 0; }
.contWithImg .leftColWrp,
.contWithImg .rightColWrp { width: 50%; }
.contWithImg .leftColWrp .contentMain { border-top: 2px solid #4A4A4A; }
.contWithImg .leftColWrp .SectionTitle>* { line-height: 1; }
.contWithImg .rightColWrp img { width: 100% !important; height: 100% !important; object-fit: cover; }
.contWithImg .leftColWrp .leftColInner { padding: 60px 30px; }
.contWithImg .rightColWrp .rightColImgWrp { min-height: 400px;height:100%; }
.contWithImg .leftColWrp { align-content: center;}

/*  */
.ourOffersWrapper .content-wrapper{max-width:100%;padding:0;}
.ourOffersWrapper .leftColWrp,
.ourOffersWrapper .rightColWrp{width:50%;}
.ourOffersWrapper .rightColImgWrp{height:100%;}
.ourOffersWrapper .rightColWrp img{width:100%;height:100%!important;object-fit:cover;}
.ourOffersWrapper .offerItems{counter-increment:list-counter;padding:18px 20px 18px 35px;position:relative;}
.ourOffersWrapper .offerItems:not(:last-child){border-bottom:1px solid #37331E80;}
.ourOffersWrapper .offerItemsWrp{counter-reset:list-counter;}
.ourOffersWrapper .leftColWrp .leftColInner{padding:60px 30px;}
.ourOffersWrapper .offerItems::before{content:counter(list-counter,decimal-leading-zero);color:#A39B8B;font-family:"Zapf Humanist",serif!important;position:absolute;left:0;}
.ourOffersWrapper .leftColWrp .topHead h3{letter-spacing:-0.8px;}
.ourOffersWrapper .leftColWrp{align-content:center;}
.ourOffersWrapper  {margin-left:15px;margin-right:15px;}
.ourOffersWrapper .rightColImgWrp{min-height:400px;}
.ourOffersWrapper .rightColWrp .overlayBtnWrp{position:absolute;margin-bottom:26px;right:0;margin-right:22px;bottom:0;margin-left:22px;}
.ourOffersWrapper .rightColWrp .overlayBtnWrp .button a{border-radius:8px;background:#E3E0D599;border:0.5px solid #FFFFFF80;backdrop-filter:blur(21.899999618530273px);font-size:14px;font-weight:300;line-height:1.21428571429;padding-left:52px;padding-right:20px;}
.ourOffersWrapper .rightColWrp .overlayBtnWrp .button a::before{content:'';background:#E3E0D54D;border:0.5px solid #FFFFFF80;backdrop-filter:blur(9px);width:28px;height:28px;top:50%;left:9px;border-radius:6px;border-width:0.5px;position:absolute;transform:translateY(-50%);}
.ourOffersWrapper .rightColWrp .overlayBtnWrp .button a::after{content:'';background-image:url(https://46320820.fs1.hubspotusercontent-na1.net/hubfs/46320820/bridging-tables-theme/images/right-arrow.svg);position:absolute;left:16px;z-index:1;width:13px;background-size:contain;height:11px;background-position:center;background-repeat:no-repeat;top:50%;transform:translateY(-50%);}
.ourOffersWrapper .rightColWrp .overlayBtnWrp .button a:hover{background-color:#262613;}

/*  */
.FeaturedFarmerSection .button.PrimaryV2 a{border:1px solid #fff;color:#fff;}
.FeaturedFarmerSection .FeaturedColBox:hover .button.PrimaryV2 a{border-color:#333;}
.FeaturedFarmerSection .FeaturedOrderSamples{border-bottom:0;}
.FeaturedFarmerSection .farmerBtnWrp .hoverBtn{position:absolute;width:100%;bottom:0;left:0;right:0;opacity:0;}
.FeaturedFarmerSection .farmerBtnWrp{position:relative;}
.FeaturedFarmerSection .farmerBtnWrp .normalBtn{opacity:1;}
.FeaturedFarmerSection .FeaturedColBox:hover .normalBtn{opacity:0;}
.FeaturedFarmerSection .FeaturedColBox:hover .hoverBtn{opacity:1;}
.FeaturedFarmerSection .FeaturedColMain::before{content:'';background:linear-gradient(0deg,#EDEDED,#EDEDED),linear-gradient(180deg,rgba(0,0,0,0) 57.34%,rgba(0,0,0,0.75) 100%);position:absolute;top:0;left:0;mix-blend-mode:multiply;right:0;height:100%;width:100%;}
.FeaturedFarmerSection .FeaturedColMain{position:relative;}
.FeaturedFarmerSection .FeaturedColBox{background-color:transparent;transition:all .3s ease-in;}
.FeaturedFarmerSection .FeaturedColMain:hover .FeaturedColBox{backdrop-filter:blur(5px);}
.FeaturedFarmerSection .FeaturedFarmName {line-height: 1.46;}
.FeaturedFarmerSection .FeaturedFarmDesc {line-height: 1.7;}
.FeaturedFarmerSection .FeaturedOrderSamples ul li span {width: 50%;text-align: left;}
.FeaturedFarmerSection .FeaturedOrderSamples ul li span:last-child {text-align: right;}

/*  */
.testimonialSection .testauthorLeft .testauthorImgWrp{width:128px;box-shadow:-20px 40px 40px 5px #0F0F2914;height:128px;border-radius:50%;overflow:hidden;}
.testimonialSection .testauthorLeft img{height:100%!important;width:100%;object-fit:cover;}
.testimonialSection .testauthorRight{padding-left:28px;width:calc(100% - 128px)}
.testimonialSection .testauthorRight .testauthorName,
.testimonialSection .testauthorRight .testauthorBio{line-height:1.28571428571;}
.testimonialSection .video_productionsCatBtn .btn{background-image:url('https://46320820.fs1.hubspotusercontent-na1.net/hubfs/46320820/bridging-tables-theme/images/Vector%2024.svg');width:22px;height:32px;position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain;top:50%;left:50%;transform:translate(-50%,-50%);}
.testimonialSection .testauthorLeft{position:relative;}
.testimonialSection .testauthoWrp{max-width:377px;margin:0 auto;}
.mfp-content:has(.video_popup_modal) {max-width:85%;margin:0 auto;}
.video_popup_modal video{width:100%;height:100%;object-fit:cover;}
.testimonialSection .testimonialContMain h3{line-height:1.17948717949;color:gray;}

/*  */
.BtFormMainBox {min-height: 100vh;height: auto;}
.BtFormMainBox {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.BtFormMainBox .baseModuleParent {width: 100%;}
.BtFormInner {max-width: 507px;width: 100%;margin: 0 auto;box-shadow: 0px 36px 94.4px 0px rgba(0, 0, 0, 0.25);background: rgba(254, 254, 243, 1);padding: 45px 50px 30px;}
.BtFormMain input[type='text'],.BtFormMain input[type='email'],.BtFormMain input[type='password'],.BtFormMain input[type='tel'],.BtFormMain input[type='number'].BtFormMain select,.BtFormMain textarea {border-radius: 6px;background: rgba(209, 204, 191, 0.26);border-bottom: 1px solid rgba(154, 157, 134, 0.2);padding: 14px 24px;}
.BtFormMain .hs-form-field {margin-bottom: 12px;}
.BtFormMain  form input[type='submit'],.BtFormMain form .hs-button {text-align: left;width: 100%;padding: 20px 24px;font-weight: 300;font-size: 14px;letter-spacing: -.02rem;line-height: 1;border-radius: 4px;}
.BtFormMain form .actions {margin-top: 54px; position: relative;}
.BtFormMain form .actions::before{content:'';background-image:url('https://46320820.fs1.hubspotusercontent-na1.net/hubfs/46320820/bridging-tables-theme/images/rightArrow.svg');position:absolute;right:24px;top:50%;background-size:contain;width:12px;height:10px;background-position:center;transform:translateY(-50%);transition:all .3s ease-in;}
.BtFormMain form .actions:hover::before { right: 18px;}
.BtFormLogo {max-width: 107px;width: 100%;margin: 0 auto;}
.BtFormInner {border-radius: 12px;}
.BtFormMain form .actions input.hs-button {margin-top: 0;}
.BtFormMain input::-webkit-input-placeholder { color:#333 !important;}
.BtFormMain input::-moz-placeholder { color:#333 !important;}
.BtFormMain input::-ms-input-placeholder { color:#333 !important;}
.BtFormMain input::-moz-placeholder { color:#333 !important; }
.BtFormMain label:has(span:empty) {display: none;}
.BtFormLogo img {width: 100%;height: auto;}
.BTbgtargetSection{height:100vh;overflow:hidden;}
.BTbgtargetInner{height:100%;width:100%;background-size:cover;background-position:center;transform:scale(1.5);overflow:hidden;transition:all 1s ease-in-out;top:0;left:0;z-index:-1;}
.BTbgtargetSection.Sectionfix .BTbgtargetInner {position: fixed;}
.BTbgtargetSection.zoom-out .BTbgtargetInner{transform:scale(1);}

/*  */
.BtFormMain form .hs-richtext.hs-main-font-element,
.BtFormMain form .hs-richtext.hs-main-font-element p,.BtFormMain .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span {font-size: 9px;line-height: 1.7;color:#221E23BF;}
.BtFormMain form .hs-form-checkbox label.hs-form-checkbox-display input+span,.BtFormMain form .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span {padding-left: 16px;}
.BtFormMain .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before {width: 11px;height: 11px;top: 1px;}
.BtFormMain .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after {width: 3px;height: 6px;left: 4px;top: 2.5px;border-width: 0 1px 1px 0;}

/*  */
.OriginBannerRow {background: linear-gradient(180deg, #FFFEF2 0%, rgba(255, 254, 242, 0.80) 100%);backdrop-filter: blur(5px);}
.OriginBannerCol {width: 50%;}
.OriginBannerCol.OriginBannerColText {padding: 48px;}
.OriginBannerCol.OriginBannerColImage img {height: 100% !important;width: 100%;object-fit: cover;}
.OriginBannerBottom {max-width: 1088px;width: 100%;margin: 0 auto;}
.OriginBannerButton .button:not(.button--secondary) a{border-radius:0;position:relative;padding-right:80px;display:inline-block;text-align:left;}
.OriginBannerButton .button:not(.button--secondary) a::after{position:absolute;content:'';right:25px;top:50%;transform:translateY(-50%);height:10px;width:12px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"><path d="M7.224 0.575L12 5.525L7.224 10.5H5.64L9.96 6.1H0V4.9H9.96L5.64 0.5H7.224V0.575Z" fill="%23FFF"/></svg>');background-size:cover;background-repeat:no-repeat;background-position:center center;}
.OriginBannerButton .Overridebutton .button:not(.button--secondary) a::after{background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"><path d="M7.224 0.575L12 5.525L7.224 10.5H5.64L9.96 6.1H0V4.9H9.96L5.64 0.5H7.224V0.575Z" fill="%23333"/></svg>');}
.OriginBannerButton {max-width: 280px;width: 100%;}
.OriginBannerButton a {width: 100%;}
.OriginTowColMain  .content-wrapper {max-width: 100%;padding: 0;}
.OriginTowColLeftPart,.OriginTowColRightPart {width: 50%;}
.OriginTowColRightPart {padding: 40px;display: flex;align-items: center;justify-content: center;}
.OriginTowColContentBox {max-width: 534px;width: 100%;margin: 0 auto;}
.OriginTowColText {border-bottom: 2px solid #4A4A4A;}
.OriginTowListngCol {border-bottom: 1px solid #D5D4C9;}
.OriginTowListngText {max-width: 353px;width: 100%;}
.OriginTowColImgWrapper {height: 100%;width: 100%;}
.OriginTowColImgWrapper img {width: 100%;height: 100% !important;object-fit: cover;}
.AlternateMain .OriginTowColRightPart {align-items: start;justify-content: start;}
.AlternateMain .OriginTowColContentBox {margin: 0;}
.OriginTowColTextImg .SectionTitle+.SectionTitle {padding-top: 0;}
.AlternateMain .OriginTowColLeftPart {min-height: 100vh;height: auto;align-items: end;display: flex;}
.AlternateMain .OriginTowColTextImg {padding: 48px;width: 100%;}
.AlternateMain .OriginTowColContentBox .Font18 p {opacity: 0.5;}
.AlternateMain .OriginTowColContentBox {height: 100%;width: 100%;}
.OriginTabListMain {height: 100%;width: 100%;display: flex;gap:20px;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
.OriginTabListContent {max-width: 400px;width: 100%;}
.OriginTabList ul li {cursor: pointer;opacity: 0.5;}
.OriginTabList ul li:hover,.OriginTabList ul li.current {opacity: 1;}
.OriginTabListText {display: none;opacity: 0;transform: translateY(30px);}
.OriginTabListText.active {display: block;animation: slideUp 0.8s ease forwards;}
@keyframes slideUp {
    0% {opacity: 0;transform: translateY(30px);}
    100% {opacity: 1;transform: translateY(0);}
}
.OriginVideoCol {width: 50%;}
.OriginVideoSection {min-height: 100vh;height: auto;}
.OriginVideoButton.OriginBannerButton {max-width: 238px;}
.OriginVideoPopup.popupiframeStyle {max-width: 100%;width: 50%;margin: 0;background: #FFFEF2;box-shadow: 4px 4px 73.1px 0px rgba(0, 0, 0, 0.25);padding: 110px 50px;}
.mfp-close-btn-in .OriginVideoPopup button.mfp-close {top: 30px;right: 30px;width: 19px;height: 19px;line-height: 1;}
.OriginVideoPopup  button.mfp-close:before,.OriginVideoPopup  button.mfp-close:after {width: 2px;height: 17px;right: 8px;top: 2px;}
.OriginVideoPopupBox {padding: 30px 0 30px;border-top: 1px solid rgba(40, 40, 40, 0.10);}
.OriginVideoPopupContent *+p {margin-top: 30px;}
.OriginVideoPopupContent p {font-size: 14px;font-weight: 150;line-height: 1.35;}
.OriginVideoPopupContent {width: 90%;}
.OriginVideoPopupButton a {display: flex;flex-wrap: wrap;align-items: center;gap: 20px;font-size: 14px;font-weight: 300;}
.OriginVideoPopupButton a span:first-child {width: 28px;display: flex;border: 1px solid #CBC9C9;height: 28px;border-radius: 50%;align-items: center;justify-content: center;}
.OriginVideoPopupButton a span + span {width: calc(100% - 48px);}
.OriginVideoPopupButton a span:first-child svg {width: 10px;height: auto;}


/* Start Producers Service - Intro Swap Module Css  */

/* ===  all Css for module  === */

.ProducerSerSwapMain .content-wrapper{max-width:100%;padding:0;}
.ProducerSerSwapMain .FeatureContentInner .LeftPart{width:50%;}
.ProducerSerSwapMain .FeatureContentInner .RightPart{width:50%;}
.ProducerSerSwapMain .FeatureContentInner .LeftPart .BottomContent.SlideGallery{width:100%;}
.ProducerSerSwapMain .FeatureContentInner .LeftPart .LeftPartInner{height:100%;display:flex;flex-direction:column;justify-content:space-between;}
.ProducerSerSwapMain .FeatureContentInner .LeftPart .TopContent{padding:80px 45px;display:flex;flex-direction:column;justify-content:center;}
.ProducerSerSwapMain .FeatureContentInner .LeftPart .LeftPartInner.WithoutBotContent .TopContent {height: auto;}
.ProducerSerSwapMain .FeatureContentInner .RightPart .ImgWrapper img{width:100%;height:100%!important;object-fit:cover;display:block;}
.ProducerSerSwapMain .FeatureContentInner .LeftPart .GalleryGroup .GalleryItem{width:25%;height:inherit;}
.ProducerSerSwapMain .FeatureContentInner .LeftPart .GalleryGroup .GalleryItem img{width:100%;height:100% !important;object-fit: cover;}
.ProducerSerSwapMain .LeftPart .GalleryItem .ImgWrapper::before{background-color:rgba(246,245,243,50%);content:'';position:absolute;top:0;left:0;bottom:0;right:0;display:block;height:100%;width:100%;}
.ProducerSerSwapMain .LeftPart .GalleryItem .ImgWrapper{position:relative;height:100%;}
.ProducerSerSwapMain .LeftPart .GalleryItem.slick-current .ImgWrapper::before{display:none;}
.ProducerSerSwapMain .FeatureContentInner .RightPart .slick-slider,
.ProducerSerSwapMain .FeatureContentInner .RightPart .RightPartInner,
.ProducerSerSwapMain .FeatureContentInner .RightPart .slick-list,
.ProducerSerSwapMain .FeatureContentInner .RightPart .slick-slider .slick-track{height:100%}
.ProducerSerSwapMain .ButtonContent .button:not(.button--secondary) a{position:relative;min-width:280px;display:inline-block;text-align:left;}
.ProducerSerSwapMain .ButtonContent .button:not(.button--secondary) a::after{position:absolute;content:'';right:25px;top:50%;transform:translateY(-50%);height:10px;width:12px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"><path d="M7.224 0.575L12 5.525L7.224 10.5H5.64L9.96 6.1H0V4.9H9.96L5.64 0.5H7.224V0.575Z" fill="%23FFF"/></svg>');background-size:cover;background-repeat:no-repeat;background-position:center center;}
.ProducerSerSwapMain .ButtonContent .ButtonBox:last-child{padding-bottom:0;}
.ProducerSerSwapMain .slick-next:before,
.ProducerSerSwapMain .slick-prev:before{display:none;}
.ProducerSerSwapMain .slick-prev:hover,
.ProducerSerSwapMain .slick-prev:hover,
.ProducerSerSwapMain .slick-next:hover,
.ProducerSerSwapMain .slick-next:hover{border:none;}
.ProducerSerSwapMain button.slick-next,
.ProducerSerSwapMain button.slick-prev{border:1px solid #33333333;background:#F6F5F3;border-radius:50%;display:flex!important;align-items:center;justify-content:center;height:50px;width:50px;}
.ProducerSerSwapMain button.slick-next:focus,
.ProducerSerSwapMain button.slick-prev:focus{border:1px solid #33333333}
.ProducerSerSwapMain .slick-next:hover,
.ProducerSerSwapMain .slick-prev:hover{background-color:#333;}
.ProducerSerSwapMain .slick-next:hover svg path,
.ProducerSerSwapMain .slick-prev:hover svg path{fill:#fffef2;}
.ProducerSerSwapMain button.slick-prev svg{transform:rotate(180deg);}
.ProducerSerSwapMain button.slick-next{right:16px;left:inherit;}
.ProducerSerSwapMain button.slick-prev{left:16px;}
.ProducerSerSwapMain .LeftPart .BottomContent .slick-slider .slick-track,
.ProducerSerSwapMain .LeftPart .BottomContent .slick-slider .slick-slider .slick-list{display:flex;}

/* === End all Css for module  === */

/* Start Producers Service - Intro Swap Module Css  */



/*  */
.HeroMainBanner.ProducersBannerMain {min-height: calc(100vh - 75px);}
.ConnectFarmerTopButton .button a .Icon {border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.30);width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;}
.ConnectFarmerTopButton .button a .Icon svg {margin: 0;width: 9px;height: 9px;}
.ConnectFarmerTopButton .button a {display: flex;align-items: center;justify-content: space-between;padding: 12px 19px;gap: 10px;font-size: 14.6px;outline: 0;}
.ConnectFarmerToprow  .ConnectFarmerTopButton .button a {min-width: 380px;}
.ConnectFarmerTopBox {padding-left: 50px;padding-right: 50px;}
.ConnectFarmerCol {width: 33.33%;border-right: 1px solid rgba(40, 40, 40, 0.10);padding: 50px;}
.ConnectFarmerCol:last-child {border-right: 0;}
.SpecificationsBox {width: calc(50% - 10px);}
.SpecificationsList {gap: 20px;}
.ConnectFarmerRow {border-top: 1px solid rgba(40, 40, 40, 0.10);}
.SpecificationsBoxInner+.SpecificationsBoxInner {padding-top: 10px;}
.ProducerLogo img {width: 78px;height: auto;}
.ProducerContent {max-width: 235px;width: 100%;}
.DownloadassetsMain .button a {border-radius: 4px;background: rgba(0, 0, 0, 0.05);border: 0;padding: 13px 20px;width: 100%;color: #282828;}
.DownloadassetsMain .button a .Icon {border: 1px solid #CBC9C9;}
.DownloadassetsMain {width: 100%;}
.ConnectFarmerTopButton + .ConnectFarmerTopButton {padding-top: 10px;}
.ConnectFarmerToprow.V1 {gap: 20px;}
.ConnectFarmerTopButton {width: 100%;}
.ConnectFarmerToprow .ConnectFarmerTopButton {width: auto;}

/*  */
.FeaturedFarmerSection  .FeaturedColMain.OnTheFarmBox:before {content: '';position: absolute;width: 100%;height: 50%;display: block;bottom: 0;left: 0;background: #FFFEF2;z-index: 8;mix-blend-mode: normal;top: inherit;transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-o-transition: all ease .3s;}
.FeaturedCol.slick-current .FeaturedColMain.OnTheFarmBox:before {bottom: -50%;}
.FeaturedFarmerSection .FeaturedColMain img {width: 100%;height: auto;}
.VideoContentSection {min-height: 100vh;height: auto;display: flex;align-items: center;}
.VideoContentSection .baseModuleParent {width: 100%;}
.VideoContentSection  .bgVideoWrapper {position: fixed;z-index: -1;}
.CoffeesCollection .FeaturedCol {width: calc(33.33% - 14px);}
.CoffeesCollection .FeaturedRow {gap: 50px 20px;}
.CoffeesCollection .FeaturedColBox {padding: 0;height: 258px;}

/*  */
.ProducersIntro .OriginTowColRightPart {padding: 0;padding-left: 50px;align-items: end;justify-content: start;}
.ProducersIntro .OriginTowColContentBox {margin: 0;max-width: 500px;}
.ProducersIntro  .direction-row-reverse .OriginTowColRightPart {padding-left: 0;padding-right: 50px;}
.ProducersIntro .OriginTowColLeftPart{width:48%;}
.ProducersIntro .OriginTowColRightPart{width:52%;}
.ProducersIntro .OriginTowColRightPart .Description{color:#4A5A45;}

/*  */
.HeroMainBanner.ProducersBannerMain {align-items: start;}
.BreadcrumbList ul {display: flex;align-items: center;gap: 15px;flex-wrap: wrap;}
.SectionTitle.SectionInfoSubTitle h3 {display: inline;vertical-align: middle;}
span.InfoSubTitle {letter-spacing: 0.033rem;padding-right: 150px;}

/*  */
.AboutUsrow {min-height: 100vh;height: auto;width: 100%;}
.AboutUsCol.Images {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.AboutUsCol.Images img {width: 100%;height: 100% !important;object-fit: cover;}
.AboutUsCol.Text {max-width: 956px;width: 100%;margin: 0 auto;padding-top: 15vh;}
.AboutUsCol.Text img {width: 100%;height: auto;}
.AboutUsCol.Text {opacity: 0;transform: scale(0.5);transition: transform 0.8s ease-out, opacity 0.8s ease-out;}
.AboutUsCol.Text.zoom-in {opacity: 1;transform: scale(1);}

/*  */
.OurTeamMainContent {max-width: 718px;width: 100%;}
.VideoPlayButton a {display: block;width: 96px;height: 96px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.VideoPlayButton {position: relative;}
.VideoPlayButton a svg {width: 100%;height: auto;}
.OurTeamRow {gap: 20px;}
.OurTeamCol {width: calc(33.33% - 14px);}
.OurTeamColMain {padding: 20px;height: 380px;display: flex;align-items: end;justify-content: end;}
.OurTeamAddPopup {display: block;width: 26px;height: 26px;line-height: 0;cursor: pointer;}
.OurTeamAddPopup svg {width: 100%;height: auto;}
.OurTeamSection {border-bottom: 1px solid #DCDCDC;}
.OurTeamPopupContent {padding: 148px 0 98px 20px;max-width: 1098px;width: 100%;background: #FFFEF2;box-shadow: -16px 66px 67.6px 0px rgba(0, 0, 0, 0.15);margin: 20px auto;}
.OurTeamLeft {width: 31%;}
.OurTeamRight {width: 69%;padding-left: 70px;}
.OurTeamInfo {border-bottom: 1px solid #878686;}
.OurTeamContent {padding-right: 70px;}
.OurTeamContent {padding-right: 70px;}
.OurTeamPopupRow  .button a {min-width: 361px; width: auto;}
.OurTeamPopupRow .button {text-align: right;padding-right: 70px;}
.mfp-close-btn-in .popupiframeStyle button.mfp-close {top: 30px;right: 30px;background: transparent;width: 19px;height: 19px;}
.popupiframeStyle button.mfp-close:after,.popupiframeStyle button.mfp-close:before {width: 2px;height: 19px;right: 9px;top: 0;}
.OurTeamLeft img {width: 100%;height: auto;}

/*  */
.OurPurposeMissionrow {max-width: 791px;width: 100%;margin: 0 auto;}
.OurPurposeMissionSection {min-height: 100vh;}

/*  */
.BridgepointColRight {width: 42%;}
.BridgepointColLeft {width: 58%;padding-right: 20px;}
.BridgepointTitle {max-width: 650px;width: 100%;}
.BridgepointImageV1 {max-width: 335px;width: 100%;margin: 0 0 0 auto;}
.Bridgepointrow img {width: 100%;height: auto;}
.BridgepointTitle img {height: auto !important;width: 328px !important;}
.Bridgepointrow {align-items: end;}

/*  */
.GuidingValuesCol {border-radius: 16px;background: #D1CCBF;padding: 90px 30px;text-align: center;}
.GuidingValuesRow {max-width: 472px;width: 100%;}
.GuidingValuesText {width: 70%;margin: 0 auto;}
.GuidingValuesBgBoxMain  {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.GuidingValuesBgBoxMain  * {height: 100%;}

/*  */
.slides-numbers {margin-bottom: -52px;position: relative;z-index: 1;}
.slides-numbers span {opacity: .5;}
.slides-numbers span.active {opacity: 1;}

/*  */
.PowerOfTradeVideo {max-width: 926px;width: 100%;margin: 0 0 0 auto;}
.PowerOfTradeVideo img {width: 100%;height: auto;}
.PowerOfTradeTitle {max-width: 1207px;width: 100%;}

/*  */
.WorkWithUsCol {width: 50%;}
.WorkWithUsImages {max-width: 454px;width: 100%;margin: 0 0 0 auto;}
.WorkWithUsImages img {width: 100%;height: auto;}
.WorkWithUsCol.Left {display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;gap: 30px;}
.WorkWithUsTitle.Font24 {max-width: 250px;width: 100%;}
.WorkWithUsCol {width: 50%;}
.WorkWithUsImages {max-width: 454px;width: 100%;margin: 0 0 0 auto;}
.WorkWithUsImages img {width: 100%;height: auto;}
.WorkWithUsCol.Left {display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;gap: 30px;}
.WorkWithUsTitle.Font24 {max-width: 250px;width: 100%;}
.WorkWithUsButton a {display: flex;align-items: center;justify-content: space-between;border-top: 0.5px solid #262626;padding: 10px 0;gap: 10px;}
.WorkWithUsButton a span+span {line-height: 0;}
.WorkWithUsButton a span+span svg {width: 13px;height: auto;}
.WorkWithUsCol.Right {padding-left: 20px;}
.WorkWithUsButton {max-width: 688px;width: 100%;}
.WorkWithUsButton a.active svg rect:nth-child(2) {opacity: 0;visibility: hidden;}
/*  */
.GuidingValuesImage img {height: 265px !important;object-fit: cover;object-position: center;width: 100%}

/*  */
.fontdark, .fontdark a, .fontdark h1, .fontdark h2, .fontdark h3, .fontdark h4, .fontdark h5, .fontdark h6 { color:#151515; }
.FAQcol {width: 50%;}
.FAQrow {max-width: 1240px;width: 100%;margin: 0 auto;}
.FAQContent {max-width: 421px;width: 100%;}
.AccordionCol {border-bottom: 1px solid #151515;}
.AccordionCol:first-child {border-top: 1px solid #151515;}
.AccordionTitle {justify-content: space-between;gap: 20px;flex-wrap: nowrap;cursor: pointer;}
.AccordionTitle span+span {line-height: 0;}
.AccordionTitle svg {width: 15px;height: auto;}
.AccordionTitle.active svg rect:nth-child(2) {opacity: 0;visibility: hidden;}
.AccordionContent {max-width: 620px;width: 100%;}

/*  */
.OriginBannerButton .button:not(.button--secondary) a{border-radius:4px;}
.BlogBannerMain {height: calc(100vh - 75px);}
.BlogBannerMain .TopContent{padding-bottom:50px;}
.BlogBannerMain .MainTitle h1{font-size:80px;line-height:1.3;}
.BlogBannerMain .DividerLine {border: 1px solid #F6F5F380;}
.BlogBannerMain .baseModuleParent,
.BlogBannerMain .BlogBannerOuter,
.BlogBannerMain .content-wrapper,
.BlogBannerMain .BlogBannerInner{height: 100%;}
.BlogBannerMain .BlogBannerContent{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}

/*  */
.figma-blog__columns{display:flex;gap:40px;}
.figma-blog__column{flex:1;display:flex;flex-direction:column;gap:40px;}
.figma-blog__post{position:relative;}
.figma-blog__filter-button {background-color: transparent;display: block;width: 100%;border-radius: 4px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.figma-blog__filter-button.active{border-bottom: 1px solid rgb(255 254 242 / 20%);}
.TagContent .figma-blog__dropdown-item{display:block;width:100%;}
.TagContent .figma-blog__dropdown-item:last-child {padding-bottom: 0;}
.figma-blog__filter{position:absolute;z-index: 1;top:0;left:0;margin-bottom:60px;width:fit-content;min-width:187px;border:1px solid rgba(255,254,242,0.20);border-radius:4px;color:#FFFEF2;font-size:15px;font-weight:300;background:rgba(38,38,19,1.0);cursor:pointer;transition:all 0.3s ease;}
.figma-blog__meta-top{border-bottom:1px solid rgba(255,254,242,0.20);}
.figma-blog__meta-top{display:flex;align-items:center;gap:8px;}
.figma-blog__category{color:#FFFEF2;}
.figma-blog__dot{color:rgba(255,254,242,0.7);}
.figma-blog__title{color:#FFFEF2;margin:15px 0;}
.figma-blog__date{color:#FFFEF2;}
.figma-blog__reading-time{color:#FFFEF2;font-family:"TWK Lausanne";font-size:16px;font-style:normal;font-weight:300;line-height:24px;}
.figma-blog__image-container{width:100%;margin-top:16px;}
.figma-blog__image{width:100%;height:auto;display:block;}
.figma-blog__link{color:#FFFEF2;font-family:"Zapf Humanist";font-size:30px;font-style:normal;font-weight:400;line-height:36px;text-decoration:none;}
.figma-blog__link:hover{opacity:0.8;}
.figma-blog__pagination{display:flex;justify-content:center;}
.figma-blog__load-more{min-width:200px;border:1px solid rgba(255,254,242,0.20);border-radius:4px;color:#FFFEF2;font-size:15px;font-weight:300;background:transparent;cursor:pointer;transition:all 0.3s ease;}
.figma-blog__load-more:hover{background:rgba(255,255,242,0.05);border-color:rgba(255,254,242,0.3);}
.figma-blog__load-more.loading{pointer-events:none;opacity:0.7;animation:pulse 1.5s infinite;}
.figma-blog__load-more:hover,
.figma-blog__load-more:focus,
.figma-blog__load-more:active{border-color:rgba(255,254,242,.2);}
.figma-blog__dot {background-color:#FFFEF2;display: flex;height:6px;width:6px;font-size: 0;border-radius: 100%;}
@keyframes pulse{
    0%{opacity:1;}
    50%{opacity:0.5;}
    100%{opacity:1;}
}
.figma-blog .TagContent {display: none;}
.figma-blog .TagContent.active {display: block;}

/*  */
.testimonial-quote {align-items: center;display: flex;flex-direction: column;justify-content: center;margin: 0 auto;width: fit-content;}
.testimonial-quote__text {border-left: none;text-align: center;width: fit-content;margin: 0;padding: 0;}

/*  */
.coffee-pdp-templete .baseModuleParent{z-index: inherit;}
.CoffeePdpBannerMain .baseModuleParent{z-index:6}
.CoffeePdpBannerMain .RightPart [data-star]{text-align:left;font-style:normal;display:inline-block;position:relative;unicode-bidi:bidi-override;}
.CoffeePdpBannerMain .RightPart [data-star]::before{display:block;content:'★★★★★';color:#B8B8B8;opacity:50%;}
.CoffeePdpBannerMain .RightPart [data-star]::after{white-space:nowrap;position:absolute;top:0;left:0;content:'★★★★★';width:0;color:#282828;overflow:hidden;height:100%;}
.CoffeePdpBannerMain .RightPart [data-star^="0.1"]::after{width:2%}
.CoffeePdpBannerMain .RightPart [data-star^="0.2"]::after{width:4%}
.CoffeePdpBannerMain .RightPart [data-star^="0.3"]::after{width:6%}
.CoffeePdpBannerMain .RightPart [data-star^="0.4"]::after{width:8%}
.CoffeePdpBannerMain .RightPart [data-star^="0.5"]::after{width:10%}
.CoffeePdpBannerMain .RightPart [data-star^="0.6"]::after{width:12%}
.CoffeePdpBannerMain .RightPart [data-star^="0.7"]::after{width:14%}
.CoffeePdpBannerMain .RightPart [data-star^="0.8"]::after{width:16%}
.CoffeePdpBannerMain .RightPart [data-star^="0.9"]::after{width:18%}
.CoffeePdpBannerMain .RightPart [data-star^="1"]::after{width:20%}
.CoffeePdpBannerMain .RightPart [data-star^="1.1"]::after{width:22%}
.CoffeePdpBannerMain .RightPart [data-star^="1.2"]::after{width:24%}
.CoffeePdpBannerMain .RightPart [data-star^="1.3"]::after{width:26%}
.CoffeePdpBannerMain .RightPart [data-star^="1.4"]::after{width:28%}
.CoffeePdpBannerMain .RightPart [data-star^="1.5"]::after{width:30%}
.CoffeePdpBannerMain .RightPart [data-star^="1.6"]::after{width:32%}
.CoffeePdpBannerMain .RightPart [data-star^="1.7"]::after{width:34%}
.CoffeePdpBannerMain .RightPart [data-star^="1.8"]::after{width:36%}
.CoffeePdpBannerMain .RightPart [data-star^="1.9"]::after{width:38%}
.CoffeePdpBannerMain .RightPart [data-star^="2"]::after{width:40%}
.CoffeePdpBannerMain .RightPart [data-star^="2.1"]::after{width:42%}
.CoffeePdpBannerMain .RightPart [data-star^="2.2"]::after{width:44%}
.CoffeePdpBannerMain .RightPart [data-star^="2.3"]::after{width:46%}
.CoffeePdpBannerMain .RightPart [data-star^="2.4"]::after{width:48%}
.CoffeePdpBannerMain .RightPart [data-star^="2.5"]::after{width:50%}
.CoffeePdpBannerMain .RightPart [data-star^="2.6"]::after{width:52%}
.CoffeePdpBannerMain .RightPart [data-star^="2.7"]::after{width:54%}
.CoffeePdpBannerMain .RightPart [data-star^="2.8"]::after{width:56%}
.CoffeePdpBannerMain .RightPart [data-star^="2.9"]::after{width:58%}
.CoffeePdpBannerMain .RightPart [data-star^="3"]::after{width:60%}
.CoffeePdpBannerMain .RightPart [data-star^="3.1"]::after{width:62%}
.CoffeePdpBannerMain .RightPart [data-star^="3.2"]::after{width:64%}
.CoffeePdpBannerMain .RightPart [data-star^="3.3"]::after{width:66%}
.CoffeePdpBannerMain .RightPart [data-star^="3.4"]::after{width:68%}
.CoffeePdpBannerMain .RightPart [data-star^="3.5"]::after{width:70%}
.CoffeePdpBannerMain .RightPart [data-star^="3.6"]::after{width:72%}
.CoffeePdpBannerMain .RightPart [data-star^="3.7"]::after{width:74%}
.CoffeePdpBannerMain .RightPart [data-star^="3.8"]::after{width:76%}
.CoffeePdpBannerMain .RightPart [data-star^="3.9"]::after{width:78%}
.CoffeePdpBannerMain .RightPart [data-star^="4"]::after{width:80%}
.CoffeePdpBannerMain .RightPart [data-star^="4.1"]::after{width:82%}
.CoffeePdpBannerMain .RightPart [data-star^="4.2"]::after{width:84%}
.CoffeePdpBannerMain .RightPart [data-star^="4.3"]::after{width:86%}
.CoffeePdpBannerMain .RightPart [data-star^="4.4"]::after{width:88%}
.CoffeePdpBannerMain .RightPart [data-star^="4.5"]::after{width:90%}
.CoffeePdpBannerMain .RightPart [data-star^="4.6"]::after{width:92%}
.CoffeePdpBannerMain .RightPart [data-star^="4.7"]::after{width:94%}
.CoffeePdpBannerMain .RightPart [data-star^="4.8"]::after{width:96%}
.CoffeePdpBannerMain .RightPart [data-star^="4.9"]::after{width:98%}
.CoffeePdpBannerMain .RightPart [data-star^="5"]::after{width:100%}

/*  */
.CoffeePdpBannerMain .PreHeadingGroup {color: #4A4A4A;}
.CoffeePdpBannerMain .PreHeadingGroup span {padding: 0 5px;font-size:16px;line-height: 1.5;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slider-container { width: 300px; margin: auto; }
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slider-controls {display: flex;align-items: center;justify-content: center;gap: 13px;margin-top: 0;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);bottom: 15%;z-index:2;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slider-controls .slide-count {color: rgb(74,74,74,50%);}
.CoffeePdpBannerMain .content-wrapper{max-width:100%;padding:0;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart{width:50%;position:relative;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart img {width: 100%;height: 100% !important;display: block;object-fit: contain;object-position: center center;max-height: 600px;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slick-slide {height: 100%;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slick-track {display: flex;height: 100%;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slick-list {height: 100%;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart{width:50%;overflow:hidden;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .RightPartInnerSecond{position:relative;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .TopContent {padding: 0 20px;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .LeftPartInner{height:100%;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .TopContent{padding:80px 45px;display:flex;flex-direction:column;justify-content:center;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .ImgWrapper img{width:auto;max-height:100%!important;object-fit:cover;display:block; margin: 0 auto; height: 250px !important;object-position: bottom;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .RightPartInner{padding:48px 40px 20px 40px;max-height:600px;overflow-y: scroll;margin:0 -15px;}
.CoffeePdpBannerMain .RightPart .FavoriteIconContent,.CoffeePdpBannerMain .RightPart .FavoriteIconContent .IconBox,.CoffeePdpBannerMain .RightPart .FavoriteIconContent .IconBox svg {width: 23px;height:20px;}
.CoffeePdpBannerMain .RightPart .RatingContent .ReviewText * {color:#282828;line-height:1.6;}
.CoffeePdpBannerMain .RightPart .FarmerProfileContent .ImgContent * {width: 53px;height: 53px;}
.CoffeePdpBannerMain .RightPart .FarmerProfileContent .TextContent {width: calc(100% - 53px);padding-left: 15px;}
.CoffeePdpBannerMain .RightPart .FarmerProfileContent .ProfileLinkContent h6 a {color: #4A4A4A;text-decoration: underline !important;line-height: 1.6;display: inline-block;}
.CoffeePdpBannerMain .ButtonContent .button:not(.button--secondary) a{text-transform:capitalize !important;position:relative;display:inline-block;text-align:center;width:100%;text-transform:lowercase;border-radius:4px;}
.CoffeePdpBannerMain .ButtonContent .button:not(.button--secondary) a::after{display:none;}
.CoffeePdpBannerMain .ButtonContent .ButtonBox:last-child{padding-bottom:0;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slick-arrow{cursor:pointer;}
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slick-arrow,
.CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slick-arrow svg {height:11px;width:7px;display:block;}
.CoffeePdpBannerMain .DeliveryContent .IconContent * {display: block;height: 20px !important;width: 20px;}
.CoffeePdpBannerMain .DeliveryContent .TextContent {padding-left: 10px;width: calc(100% - 20px);}
.CoffeePdpBannerMain .DeliveryContent .TextContent .Title * {color: #1A1817;}
.CoffeePdpBannerMain .DeliveryContent .TextContent .Description * {color:#666666;}
.CoffeePdpBannerMain .DeliveryContent .DeliveryItem:last-child {padding-bottom: 0;}
.CoffeePdpBannerMain .RightPart .FaqDetailsContent {border-top:2px solid #4A4A4A;}
.CoffeePdpBannerMain .RightPart .FaqDetailsContent .DescriptionPlusParent .TextContent *{color:#666666;}
.CoffeePdpBannerMain .RightPart .FaqDetailsContent .SubItem:not(:first-child) {border-top:1px solid  #D5D4C9;}
.CoffeePdpBannerMain .RightPart .FaqDetailsContent .SubItem:last-child {padding-bottom: 0;}
.CoffeePdpBannerMain .RightPart .FaqDetailsContent .FaqDetailsItem{border-bottom:1px solid #D5D4C9;}
.CoffeePdpBannerMain .RightPart .FaqDetailsContent .PlusContent svg {height:9px;width:9px;}
.CoffeePdpBannerMain .RightPart .FaqDetailsContent .TextContent{width:calc(100% - 9px);}
.CoffeePdpBannerMain .RightPart .FaqDetailsContent .DescriptionPlusParent {cursor: pointer;}
.CoffeePdpBannerMain .RightPart .AdditionalSampleContent{border-bottom:1px solid rgba(0,0,0,15%);}
.CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BoxGroup {background-color:#F6F5E8;border:1px solid rgba(0,0,0,10%);border-radius:8px;}
/* .CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BoxGroup .ImgContent {max-width:196px;margin: 0 auto;} */
.CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BoxGroup .BoxTitle {color: rgba(0,0,0,50%);}
.CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BoxGroup .BoxSubTitle{color: rgba(0,0,0,40%);}
.CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BottomStripContent {border:1px solid rgba(0, 0, 0, .1);border-radius:8px;background:#F6F5E8;}
.CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BottomStripContent .TextBox{padding-left:12px;}
.CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BottomStripContent .IconContent,.CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BottomStripContent .IconContent svg{height:13px;width:13px;}
.CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BottomStripContent .TextBox{color: rgba(0,0,0,50%);}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .GraphContent .IconContent{height:13px;width:13px;border-radius:100%;position:relative;top:4px;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup {background-color:#F6F5E8;border:1px solid rgba(0,0,0,10%);border-radius:8px;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .DescriptionContent *, 
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .DescriptionContent {color: rgba(0, 0 , 0,50%);}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .TextIconParent:last-child{padding-bottom:0;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .TextIconParent .TextContent {color: rgba(0,0,0,.5);width: calc(100% - 13px);}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContent{position:relative;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner {position: relative;height: 100%;width: 100%;  display: flex;justify-content: center;align-items: center;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .LeftContent{width:40%;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContent{width:60%;height:174px;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box {display: flex;justify-content: center;align-items: center;border-radius: 50%;position: absolute;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box::before {content: "";position: absolute;background: #FFFEF2;border-radius: 50%;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box-1 {z-index: 1;width: 174px;height: 174px;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box-1::before {width: 158px;height: 158px;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box-2 {z-index: 2;width: 148px;height: 148px;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box-2::before {width: 134px;height: 134px;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box-3 {z-index: 3;width: 117px;height: 117px;}
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box-3::before {width: 103px;height: 103px;}

/*  */
.CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box[data-progress-value] {background: conic-gradient(var(--progress-color) 0%, #ddd 0%);}
.mfp-container:has(.CofeePdpPopUpFormMain) {padding: 25px;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) {backdrop-filter: blur(25px);background:#FEFEF3;margin: 0;border-radius: 18px;max-width: 506px;padding: 210px 50px 50px 50px;}
.mfp-close-btn-in  .popupiframeStyle:has(.CofeePdpPopUpFormMain) button.mfp-close {top: 33px;right: 0;left: 27px;height:14px;width:14px;}
.mfp-close-btn-in .popupiframeStyle:has(.CofeePdpPopUpFormMain) button.mfp-close:before,
.mfp-close-btn-in .popupiframeStyle:has(.CofeePdpPopUpFormMain) button.mfp-close:after {width: 2px;height: 14px;right: 0;top: 0;left: 6px;background:#585A46;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form input[type='text'], 
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form input[type='email'], 
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form input[type='password'], 
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form input[type='tel'], 
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form input[type='number'], 
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form select, 
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form textarea {font-size:14px;border-radius: 0.00vw;padding: 15px 24px;background: #D1CCBF42;border-bottom: 1px solid #9A9D8633;color:#333;border-radius: 6px;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs-input::-webkit-input-placeholder { color:#221E23 !important;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs-input::-moz-placeholder { color:#221E23 !important;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs-input:-ms-input-placeholder { color:#221E23 !important;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs-input:-moz-placeholder { color: #221E23 !important; }
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form input[type='submit']{min-width: 100%;padding: 15px 24px;border-radius: 4px;font-size: 14px;color:#F6F5F3;letter-spacing: 0;font-family: TWK Lausanne;letter-spacing: -1%;font-weight:300;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs-fieldtype-select.field .input {background-position: center right 24px;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form .actions input[type=submit] {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none' viewBox='0 0 12 10'%3E%3Cpath fill='%23F6F5F3' d='M7.224.075 12 5.025 7.224 10H5.64l4.32-4.4H0V4.4h9.96L5.64 0h1.584z'/%3E%3C/svg%3E");background-position: right 24px center;background-repeat: no-repeat;background-size: 12px 10px;text-align: left;font-size:14px;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs_country input{padding-top:20px;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs_country label {position: absolute;left: 23px;top: 0px;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) .submitted-message {font-weight: 700;padding-top:25px;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs-form-field{margin-bottom:12px;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs-form-field > label, 
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs-form-field > label span {color: #707070;}
.popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs_country input{padding: 20px 24px 10px 24px;}

/*  */
.CoffeePdpBannerMain .AtcModelMain {width:70%;margin-left: auto;position: absolute;bottom:45px;right:40px;opacity:0;visibility:hidden;}
.CoffeePdpBannerMain .AtcModelInner {padding: 15px;background: #F6F5E8E5;border: 1px solid #B0A99F;border-radius: 4px;}
.CoffeePdpBannerMain .AtcModelInner .ImgContent {height: 39px;width: 39px;}
.CoffeePdpBannerMain .AtcModelInner .TextContent {width: calc(100% - 39px);}
.CoffeePdpBannerMain .AtcModelInner .ImgContent img {height:39px !important;39px;object-fit:cover;display:block;border-radius:100%;}
.CoffeePdpBannerMain .AtcModelInner .AtcLeftPart {padding-right:25px;width: 35%;}
.CoffeePdpBannerMain .AtcModelInner .AtcRightPart {width: 65%;}
.CoffeePdpBannerMain .AtcModelInner .ButtonContent .button:not(.button--secondary) a{font-size:14px;padding:8px;border-radius:3px;}
.CoffeePdpBannerMain .AtcModelInner .ButtonContent .ButtonBox_1{padding-right:0;width:60%;}
.CoffeePdpBannerMain .AtcModelInner .ButtonContent .ButtonBox_2 {width:40%;}
.AtcModelMain.fixed-atc {position: fixed;bottom:45px;right:40px;z-index: 1000;opacity: 1;visibility: visible;transition: opacity 0.3s ease-in-out;}

/*  */
.CoffeePdpDetailsMain .content-wrapper{max-width:100%;padding:0;}
.CoffeePdpDetailsMain .ProducerIntroductionInner .LeftPart,.CoffeePdpDetailsMain .ProducerIntroductionInner .RightPart{width:50%;}
.CoffeePdpDetailsMain .ProducerIntroductionInner .RightPart {padding:90px;}
.CoffeePdpDetailsMain .RightPartInner {max-width: 400px;}
.CoffeePdpDetailsMain .TopContent .PreDescription{border-bottom:2px solid #4A4A4A;}
.CoffeePdpDetailsMain .ProducerIntroductionInner .LeftPart .LeftPartInner{height:100%;}
.CoffeePdpDetailsMain .ProducerIntroductionInner .LeftPart .ImgWrapper{height: 100%;}
.CoffeePdpDetailsMain .ProducerIntroductionInner .LeftPart img {display: block;height: 100% !important;width: 100%;object-fit: cover;}
.CoffeePdpDetailsMain .ButtonContent .button:not(.button--secondary) a{width:100%;position:relative;padding-right:80px;display:inline-block;text-align:left;}
.CoffeePdpDetailsMain .ButtonContent .button:not(.button--secondary) a::after{position:absolute;content:'';right:25px;top:50%;transform:translateY(-50%);height:10px;width:12px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"><path d="M7.224 0.575L12 5.525L7.224 10.5H5.64L9.96 6.1H0V4.9H9.96L5.64 0.5H7.224V0.575Z" fill="%23FFF"/></svg>');
    background-size:cover;background-repeat:no-repeat;background-position:center center;}
.CoffeePdpDetailsMain .ButtonContent .ButtonBox:last-child{padding-bottom:0;}
.CoffeePdpDetailsMain .DetailsGroup .DetailsItem{border-bottom: 1px solid #D5D4C9;}

/*  */
.CoffeePdpImgTextMain .ProducerIntroductionInner .LeftPart{width:32%;}
.CoffeePdpImgTextMain .ProducerIntroductionInner .RightPart{width:68%;display:flex;align-items:center;justify-content:center;text-align:center;}
.CoffeePdpImgTextMain .ProducerIntroductionInner .RightPart{padding:35px;}
.CoffeePdpImgTextMain .RightPartInner{max-width:278px;}
.CoffeePdpImgTextMain .ProducerIntroductionInner .LeftPart .ImgWrapper{height:auto}
.CoffeePdpImgTextMain .ProducerIntroductionInner .LeftPart img {display: block;min-height: auto !important;width: 100%;object-fit: cover;}
.CoffeePdpImgTextMain .ButtonContent .button:not(.button--secondary) a{width:100%;position:relative;padding-right:80px;display:inline-block;text-align:left;}
.CoffeePdpImgTextMain .ButtonContent .button:not(.button--secondary) a::after{position:absolute;content:'';right:25px;top:50%;transform:translateY(-50%);height:10px;width:12px;background-image:url('data:image/svg+xml;utf8,<svg xmlns=!string!width=!string!height=!string!viewBox=!string!fill=!string!><path d=!string!fill=!string!/></svg>');background-size:cover;background-repeat:no-repeat;background-position:center center;}
.CoffeePdpImgTextMain .ButtonContent .ButtonBox:last-child{padding-bottom:0;}

/*  */
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star]{text-align:left;font-style:normal;display:inline-block;position:relative;unicode-bidi:bidi-override;}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star]::before{display:block;content:'★★★★★';color:#4A4A4A;}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star]::after{white-space:nowrap;position:absolute;top:0;left:0;content:'★★★★★';width:0;color:#F6F5F3;overflow:hidden;height:100%;}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="0.1"]::after{width:2%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="0.2"]::after{width:4%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="0.3"]::after{width:6%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="0.4"]::after{width:8%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="0.5"]::after{width:10%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="0.6"]::after{width:12%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="0.7"]::after{width:14%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="0.8"]::after{width:16%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="0.9"]::after{width:18%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="1"]::after{width:20%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="1.1"]::after{width:22%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="1.2"]::after{width:24%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="1.3"]::after{width:26%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="1.4"]::after{width:28%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="1.5"]::after{width:30%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="1.6"]::after{width:32%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="1.7"]::after{width:34%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="1.8"]::after{width:36%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="1.9"]::after{width:38%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="2"]::after{width:40%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="2.1"]::after{width:42%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="2.2"]::after{width:44%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="2.3"]::after{width:46%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="2.4"]::after{width:48%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="2.5"]::after{width:50%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="2.6"]::after{width:52%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="2.7"]::after{width:54%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="2.8"]::after{width:56%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="2.9"]::after{width:58%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="3"]::after{width:60%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="3.1"]::after{width:62%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="3.2"]::after{width:64%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="3.3"]::after{width:66%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="3.4"]::after{width:68%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="3.5"]::after{width:70%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="3.6"]::after{width:72%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="3.7"]::after{width:74%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="3.8"]::after{width:76%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="3.9"]::after{width:78%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="4"]::after{width:80%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="4.1"]::after{width:82%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="4.2"]::after{width:84%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="4.3"]::after{width:86%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="4.4"]::after{width:88%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="4.5"]::after{width:90%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="4.6"]::after{width:92%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="4.7"]::after{width:94%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="4.8"]::after{width:96%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="4.9"]::after{width:98%}
.CoffeePdpRatingMain .ProducerIntroductionInner [data-star^="5"]::after{width:100%}
.CoffeePdpRatingMain .LeftPart .rating-text-parent{padding-right:15px;}
.CoffeePdpRatingMain .LeftPart .rating-box{font-size:24px;}
.CoffeePdpRatingMain .RightPart .rating-box{font-size:18px;}
.CoffeePdpRatingMain .ProducerIntroductionInner .LeftPart{width:45%;}
.CoffeePdpRatingMain .ProducerIntroductionInner .RightPart{width:55%;padding-left:25px;}
.CoffeePdpRatingMain .TopContent .PreDescription{border-bottom:2px solid #4A4A4A;}
.CoffeePdpRatingMain .ProducerIntroductionInner .LeftPart .LeftPartInner{height:100%;color:#F6F5F3;}
.CoffeePdpRatingMain .rating-text-parent .left h5{color:#F6F5F3;}
.CoffeePdpRatingMain .ProducerIntroductionInner .LeftPart .ImgWrapper{height: 100%;}
.CoffeePdpRatingMain .ProducerIntroductionInner .LeftPart img {display: block;height: 100% !important;width: 100%;object-fit: cover;}
.CoffeePdpRatingMain .ButtonContent .button:not(.button--secondary) a{width:100%;position:relative;padding-right:80px;display:inline-block;text-align:left;}
.CoffeePdpRatingMain .ButtonContent .button:not(.button--secondary) a::after{position:absolute;content:'';right:25px;top:50%;transform:translateY(-50%);height:10px;width:12px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"><path d="M7.224 0.575L12 5.525L7.224 10.5H5.64L9.96 6.1H0V4.9H9.96L5.64 0.5H7.224V0.575Z" fill="%23FFF"/></svg>');background-size:cover;background-repeat:no-repeat;background-position:center center;}
.CoffeePdpRatingMain .ButtonContent .ButtonBox:last-child{padding-bottom:0;}
.CoffeePdpRatingMain .DetailsGroup .DetailsItem{border-bottom: 1px solid #D5D4C9;}
.CoffeePdpRatingMain .DetailsGroup .DetailsItem:first-child {padding-top: 0;}
.CoffeePdpRatingMain .rating-text-parent .left h5{font-size:32px;line-height:1.2;}
.CoffeePdpRatingMain .LeftPart .ButtonBox a{background-color: transparent;color:#F6F5F3;border: 1px solid #F6F5F3;}
.CoffeePdpRatingMain .LeftPart .ButtonBox a:hover{background-color:#F6F5F3;color:#37331E;border-color:#37331E;}
.CoffeePdpRatingMain .DetailsItemInner .LeftContent {width: 83%;padding-right:40px;}
.CoffeePdpRatingMain .DetailsItemInner .RightContent {width: 17%;}
.CoffeePdpRatingMain .DetailsItemInner .RightPartInner {height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.CoffeePdpRatingMain .DetailsItemInner .ReviewContent *{line-height:1.6;}
.CoffeePdpRatingMain .RightPart .button.button--secondary.btn-large.V2 a span + span{display:none;}

/*  */
.CoffeePdpVideoMain{min-height:641px;}
.CoffeePdpVideoMain .content-wrapper{max-width:100%;padding:0;}
.CoffeePdpVideoMain .ButtonContent .button:not(.button--secondary) a{width:100%;position:relative;padding-right:80px;display:inline-block;text-align:left;}
.CoffeePdpVideoMain .ButtonContent .button:not(.button--secondary) a::after{position:absolute;content:'';right:25px;top:50%;transform:translateY(-50%);height:10px;width:12px;background-image:url('data:image/svg+xml;utf8,<svg xmlns=!string!width=!string!height=!string!viewBox=!string!fill=!string!><path d=!string!fill=!string!/></svg>');background-size:cover;background-repeat:no-repeat;background-position:center center;}
.CoffeePdpVideoMain .ButtonContent .ButtonBox:last-child{padding-bottom:0;}

/*  */
.ContactFormMain .PhoneEmailParent {max-width: fit-content;}
.ContactFormMain .PhoneEmailParent .ContactItem:last-child {padding-bottom: 0;}
.ContactFormMain .PhoneEmailParent .IconContent {width: 38px;}
.ContactFormMain .PhoneEmailParent .IconContent a {display: block;height: 100%;width: 100%;}
.ContactFormMain .PhoneEmailParent .TextContent {padding-left: 10px;width: calc(100% - 38px);}
.FormTitleOuter .LeftPart{width: 50%;}
.FormTitleOuter .RightPart{width: 50%;}
.ContactFormMain .FormTitleParent .LeftPart .TextContentInner h3{line-height:1;color:#262613;}
.ContactFormMain form textarea {border:0.5px solid;border-radius: 4px;height:190px;display:block;padding:12px;}
.ContactFormMain form .actions{text-align:right;}
.ContactFormMain form select,.ContactFormMain form select option{cursor:pointer;}
.ContactFormMain form input[type=submit] {min-width: auto;font-weight: 300;font-size: 13px;letter-spacing: -0.3px;padding: 13px 26px;border-radius: 4px;background: transparent;color: #262613;}
.ContactFormMain form input[type=submit]:hover {background-color:#262613;color: #fff;}
.ContactFormMain .FormTitleParent .TextContent {max-width: 330px;}
.ContactFormMain .FormContent .submitted-message {text-align: center;font-weight: 500;background-color: rgba(38,38,19,1.0);padding: 50px;border-radius: 4px;color: #fff;}
.ContactFormMain .FormContent .form-title {text-transform: none;}
.ContactFormMain ::-webkit-input-placeholder { color:#807E7B !important;}
.ContactFormMain ::-moz-placeholder { color:#807E7B !important;}
.ContactFormMain :-ms-input-placeholder { color:#807E7B !important;}
.ContactFormMain :-moz-placeholder { color:#807E7B !important;}
.ContactFormMain ::placeholder {  color:#807E7B !important;}
.ContactFormMain form input[type='text'], 
.ContactFormMain form input[type='email'],
.ContactFormMain form input[type='password'], 
.ContactFormMain form input[type='tel'], 
.ContactFormMain form input[type='number'],
.ContactFormMain form input[type='tel'],
.ContactFormMain form input[type='file'],
.ContactFormMain form select, 
.ContactFormMain form textarea{color:#262613;}
.ContactFormMain form input::-webkit-contacts-auto-fill-button {visibility: hidden;display: none !important;pointer-events: none;position: absolute;right: 0;}
.ContactFormMain form .form-columns-2>div .hs-form-field {width: 100% !important;}
.ContactFormMain form .hs-form-field > label span + .hs-form-required {color:#807E7B !important;}

/*  */
.Discoverrow {display: flex;gap: 20px;flex-wrap: nowrap;}
.Discovercol {width: calc(50% - 10px);height: 300px;display: flex;align-items: center;justify-content: center;border-radius: 4px;overflow: hidden;}
.Discovercol.active {width: calc(60% - 10px);}
.Discovercol.noactive {width: calc(40% - 10px);}
.transition100 {transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;}
.DiscovercolInner a {display: flex;align-items: center;gap: 25px;}
.DiscovercolInner a span.Icon {line-height: 0;}
.DiscovercolInner a span.Icon svg {width: 31px;height: auto;}

/*  */
.FaqMain .LeftPart{width:35%;}
.FaqMain .RightPart{width:65%;padding-left:60px;}
.FaqMain .TableGroup .TableItem{padding-bottom:100px;}
.FaqMain .TableGroup .TableItem:last-child{padding-bottom:0;}
.FaqMain .TableHeading{padding-bottom:20px;}
.FaqMain .TableGroup .TableHeading h2{font-size:30px;line-height:1.6;}
.FaqMain .TableGroup .FaqContent{display:none;padding-right:15px;}
.FaqMain .TableGroup .FaqContent p,.FaqMain .TableGroup .FaqContent span{opacity:0.8;}
.FaqMain .TableGroup .FaqItem{transition:400ms all;}
.FaqMain .TableGroup .FaqItem:last-child.active{padding-bottom:0;}
.FaqMain .TableGroup .FaqItem.active{padding-bottom:65px;}
.FaqMain .TableGroup .FaqTitle{padding:20px 0 25px 0;border-top:0.069vw solid #C1BAB0;cursor:pointer;}
.FaqMain .TableTitleItem .DotContent{width:28px;height:28px;border:1px solid #CBC9C9;border-radius:100%;display:flex;align-items:center;justify-content:center;}
.FaqMain .TableTitleItem .TitleContent{width:calc(100% - 28px);padding-right:15px;}
.FaqMain .LeftPart .TableTitlesGroup .TableTitleItem{cursor:pointer;}
.FaqMain .TableTitleItem .DotContent .DotWrapper{height:16px;width:16px;border-radius:100%;}
.FaqMain .LeftPart .TableTitlesGroup .TableTitleItem.active .DotWrapper{background-color:#262613;}
.FaqMain .RightPart .IconBox{height:28px;width:28px;background-color:transparent;border-radius:100%;border:1px solid #CBC9C9;justify-content:center;display:flex;align-items:center;}
.FaqMain .RightPart .IconBox svg{transition:400ms all;width:8px;height:9px;display:block;transform:rotate(-90deg);}
.FaqMain .RightPart .FaqItem.active .IconBox svg{transform:rotate(0deg);}
.FaqMain .LeftPart .TableTitlesGroup .TableTitleItem{padding:20px 0 25px 0;border-top:1px solid #C1BAB0;}
.FaqMain .LeftPart .TableTitlesGroup .TableTitleItem:last-child{border-bottom:1px  solid  #CBC9C9;}
.FaqMain .TableGroup .FaqTitle .FaqTitleInner .TitleBox {width: calc(100% - 28px);padding-right:15px;}
.FaqMain .toc-dropdown-toggle{display:none;}

/*  */
.FeaturedSection .FeaturedIconBtn.justify-flex-end{justify-content:end;}
.FeaturedFarmerSection .FeaturedTopRow .SectionInfoTitle h2{color:#282828;}
.FeaturedFarmerSection .FeaturedFarmName{color:#282828;}

/*  */
.IndividualBodyMain .LeftPart{width:35%;}
.IndividualBodyMain .LeftPart .LeftPartInner {padding:40px;background-color:#F6F5E8;}
.IndividualBodyMain .RightPart{width:65%;padding-left:60px;}
.IndividualBodyMain .RightPart .TableContentMain a{text-decoration:underline !important;}
.IndividualBodyMain .RightPart h2{font-size: 30px;line-height:1.2;}
.IndividualBodyMain .RightPart h1,
.IndividualBodyMain .RightPart h2,
.IndividualBodyMain .RightPart h3,
.IndividualBodyMain .RightPart h4,
.IndividualBodyMain .RightPart h5,
.IndividualBodyMain .RightPart h6{margin-bottom:20px;}
.IndividualBodyMain .TableGroup .TableItem{padding-bottom:100px;}
.IndividualBodyMain .TableGroup .TableItem:last-child{padding-bottom:0;}
.IndividualBodyMain .TableHeading{padding-bottom:20px;}
.IndividualBodyMain .TableGroup .TableHeading h2{font-size:30px;line-height:1.6;}
.IndividualBodyMain .TableGroup .FaqContent{display:none;padding-right:15px;}
.IndividualBodyMain .TableGroup .FaqContent p,.IndividualBodyMain .TableGroup .FaqContent span{opacity:0.8;}
.IndividualBodyMain .TableGroup .FaqItem{transition:400ms all;}
.IndividualBodyMain .TableGroup .FaqItem:last-child.active{padding-bottom:0;}
.IndividualBodyMain .TableGroup .FaqItem.active{padding-bottom:65px;}
.IndividualBodyMain .TableGroup .FaqTitle{padding:20px 0 25px 0;border-top:0.069vw solid #C1BAB0;cursor:pointer;}
.IndividualBodyMain .TableTitleItem .DotContent{width:28px;height:28px;border:1px solid #CBC9C9;border-radius:100%;display:flex;align-items:center;justify-content:center;}
.IndividualBodyMain .TableTitleItem .TitleContent{width:calc(100% - 28px);padding-right:15px;}
.IndividualBodyMain .LeftPart .TableTitles{position:relative;}
.IndividualBodyMain .LeftPart .TableTitlesGroup .TableTitleItem{cursor:pointer;}
.IndividualBodyMain .TableTitleItem .DotContent .DotWrapper{height:16px;width:16px;border-radius:100%;}
.IndividualBodyMain .LeftPart .TableTitlesGroup .TableTitleItem.active .DotWrapper{background-color:#262613;}
.IndividualBodyMain .RightPart .IconBox{height:28px;width:28px;background-color:transparent;border-radius:100%;border:1px solid #CBC9C9;justify-content:center;display:flex;align-items:center;}
.IndividualBodyMain .RightPart .IconBox svg{transition:400ms all;width:8px;height:9px;display:block;transform:rotate(-90deg);}
.IndividualBodyMain .RightPart .FaqItem.active .IconBox svg{transform:rotate(0deg);}
.IndividualBodyMain .LeftPart .TableTitlesGroup .TableTitleItem{padding:20px 0 25px 0;border-top:1px solid #C1BAB0;}
.IndividualBodyMain .LeftPart .TableTitlesGroup .TableTitleItem:last-child{border-bottom:1px  solid  #CBC9C9;}
.IndividualBodyMain .TableGroup .FaqTitle .FaqTitleInner .TitleBox {width: calc(100% - 28px);padding-right:15px;}
.IndividualBodyMain .toc-dropdown-toggle{display:none;}
.IndividualBodyMain .PostTagGroup .Slash{padding:0 5px;}
.IndividualBodyMain .LeftSide {padding-left: 40px;}
.IndividualBodyMain .RightSide {padding-left:120px;}
.IndividualBodyMain .TableContentMain img,.IndividualBodyMain .TableContentMain .hs-video-widget:has(iframe) {padding:25px 0 40px 0;}
.IndividualBodyMain #hs_cos_wrapper_post_body > div:last-child img {padding-bottom: 0 !important;}
.IndividualBodyMain .TableContentMain img{width:100% !important;}
.IndividualBodyMain .LeftPart .MailContent a:not(.cta_button){display: block;text-decoration: underline !important;width:fit-content;}

.IndividualBodyMain .TableContentMain span#hs_cos_wrapper_post_body  img,.IndividualBodyMain .TableContentMain span#hs_cos_wrapper_post_body  iframe {max-width: 100%;}
.IndividualBodyMain .TableContentMain div:has(img),.IndividualBodyMain .TableContentMain div:has(iframe) {max-width: 100% !important;}

/*  */
.JobListingMain .content-wrapper{padding:0;}
.job_listings_module_v1{display:flex;margin:0 auto;}
.job_listings_module_v1__content{display:flex;flex-direction:column;justify-content:space-between;}
.job_listings_module_v1__title{margin-bottom:10px;}
.job_listings_module_v1__job{border-top:1px solid #E0E0E0;}
.job_listings_module_v1__job-title{background:none;border:none;width:100%;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#151515;letter-spacing:0.28px;}
.job_listings_module_v1__expand-icon{color:#666666;}
.job_listings_module_v1__job-details{color:#666666;padding:0 0 20px;}
.job_listings_module_v1__image{flex:1;position:relative;overflow:hidden;}
.job_listings_module_v1__bg-img{width:100%;height:100%;object-fit:cover;display:block;}

/*  */
.blog-related-posts__list{display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin:0 auto;}
.related-post{width:100%;border:none;margin-bottom:0;padding:0;}
.related-post__image-wrapper{width:100%;}
.related-post__image{width:100%;height:240px;object-fit:cover;}
.related_tag_date_parent{padding-bottom:15px;border-bottom:1px solid rgba(51,51,51,0.20);margin:28px 0 15px 0;display:flex;align-items:center;gap:10px;}
.related-post__tag-link{text-decoration:none;}
.related-post__title{margin:15px 0;padding:3px 0;}
.related-post__title a{color:#4A4A4A;text-decoration:none;}
.related-post__post-summary{color:#666666;}
.related-post__author,
.related-post__button{display:none;}
.related-post .DotContent {background-color:#333;border-radius: 100%;display: flex;font-size: 0;height: 6px;width: 6px;}

/*  */
.FeaturedfarmersRow .FeaturedButton{position:relative;}
.FeaturedfarmersRow  .button.PrimaryV2 a {border: 1px solid #fff;color: #fff;}
.FeaturedfarmersRow  .FeaturedColBox .normalBtn {opacity: 1;}
.FeaturedfarmersRow  .FeaturedColBox{position:relative;}
.FeaturedfarmersRow  .FeaturedColBox:before{transition: all .3s ease-in;opacity:0;}
.FeaturedfarmersRow  .FeaturedColBox:hover:before {content: '';position: absolute;opacity:1;height: 100%;width: 100%;top: 0;left: 0;right: 0;bottom: 0;backdrop-filter: blur(.347vw);}
.FeaturedfarmersRow  .FeaturedColBox:hover .normalBtn {opacity: 0;}
.FeaturedfarmersRow  .FeaturedColBox .hoverBtn {bottom: 0;left: 0;opacity: 0;position: absolute;right: 0;width: 100%;}
.FeaturedfarmersRow  .FeaturedColBox:hover .hoverBtn {bottom: 0;left: 0;opacity: 1;position: absolute;right: 0;width: 100%;}
.FeaturedfarmersRow  .FeaturedColBox:hover .button.PrimaryV2  a {border-radius: 0 0 0.556vw 0.556vw;border-color:#333;background:#333;color: #fff;}

.OriginBannerButton .button:not(.button--secondary) a{border-radius:4px;}

/*  */
.ourValues_area { overflow:hidden; }
.ourValues_area .content-wrapper { padding:0; max-width:100%; }
.ourValue_wrap { width: 100%; position: relative; height: 100vh; display: flex;  justify-content: right;}
.ourValue_left { width: 100%; position: absolute; height: 100%; right: 0; top: 0; }
.ourValue_right { width: 50%; position: relative; height:100%; background:#FFFEF2; z-index:11; }
.ourValue_imgbox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.ourValue_imgbox .valImg_loop { width: 100%; position: absolute; left: 0; top: 0; filter: grayscale(1); height: 100%; object-fit: cover; opacity:0; transition:all .4s ease; }
.ourValue_imgbox .valImg_loop.active { opacity:1; }
.ourValue_imgbox:before { position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:1; }
.ourValue_rightin { background:#FFFEF2; width:100%; padding:0 4.514vw; }
.ourValue_box { width: 100%; padding:6.944vw 0; opacity:1; min-height:100vh; display: flex; align-items: center; position:relative; right:0; top:0; transition:all .4s ease;  border-bottom:0.069vw solid rgba(0,0,0,0.5); }
.ourValue_box .ourValue_boximg { width: 100%; height: 27.778vw; position: relative; overflow: hidden; margin: 5.556vw 0; }
.ourValue_box .ourValue_boximg img { width: 100%; height: 100%; object-fit: cover; }
.ourValue_box .ourValue_boximg video { width:100%; height:100%; object-fit:cover; min-height:100%;max-width:100%; }
.ourValue_box .ourValue_boxtext { width: 100%; display: flex; flex-wrap: wrap; font-size:0.972vw; line-height:1.389vw; } 
.ourValue_box .leftText { width: 20%; font-size:0.833vw; text-transform: uppercase;  letter-spacing:-0.035vw;  }
.ourValue_box .ourValue_boxtext .text { width: 80%; padding-left: 2.083vw;  }
.ourValue_box:first-child { padding-top:3.472vw;}
.ourValue_box:last-child { border-bottom:none; }
.secTitle h2 { font-size:0.846vw; color:rgba(255,255,255,0.5); font-family: "TWK Lausanne", sans-serif; display:block; margin-bottom:0.833vw; text-transform: uppercase; letter-spacing:-0.035vw; }
.ourValue_titles { font-size:1.389vw; line-height:1.701vw; }
.ourValue_titles h2 { display: block; margin-bottom: 3.472vw; } 
.ourValue_Titles { width: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; height: 100%; z-index: 11;  }
.ourValue_Titles .listTitle { width:100%; color:rgba(255,255,255,0.5); text-transform: uppercase;  cursor:pointer; font-size:1.778vw; line-height:1.958vw; display:block; }
.ourValue_Titles .listTitle.active { color:#fff; }  

/*  */
.ProdServiceImgTextMain .content-wrapper{max-width:100%;padding:0;}
.ProdServiceImgTextMain .ProducerIntroductionInner .LeftPart,.ProdServiceImgTextMain .ProducerIntroductionInner .RightPart{width:50%;}
.ProdServiceImgTextMain .ProducerIntroductionInner .RightPart {background-position: 50%;background-repeat: no-repeat;background-size: cover;display: flex;align-items: flex-end;}
.ProdServiceImgTextMain .ProducerIntroductionInner .RightPart {padding: 48px;}
.ProdServiceImgTextMain .RightPartInner {max-width: 400px;}
.ProdServiceImgTextMain .ProducerIntroductionInner .LeftPart .ImgWrapper{height: 100%;}
.ProdServiceImgTextMain .ProducerIntroductionInner .LeftPart img {display: block;height: 100%;width: 100%;object-fit: cover;}
.ProdServiceImgTextMain .ButtonContent .button:not(.button--secondary) a{width:100%;position:relative;padding-right:80px;display:inline-block;text-align:left;}
.ProdServiceImgTextMain .ButtonContent .button:not(.button--secondary) a::after{position:absolute;content:'';right:25px;top:50%;transform:translateY(-50%);height:10px;width:12px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"><path d="M7.224 0.575L12 5.525L7.224 10.5H5.64L9.96 6.1H0V4.9H9.96L5.64 0.5H7.224V0.575Z" fill="%23FFF"/></svg>');background-size:cover;background-repeat:no-repeat;background-position:center center;}
.ProdServiceImgTextMain .ButtonContent .ButtonBox:last-child{padding-bottom:0;}

/*  */
.ProducerServiceBanner .ProducerServiceBannerOuter{max-width:1152px;margin:0 auto;}
.ProducerServiceBanner .SectionTitle h1{font-size:140px;line-height:1;letter-spacing:-11.2px;}
.ProducerServiceBanner .FeatureContentInner .LeftPart{width:50%;}
.ProducerServiceBanner .FeatureContentInner .RightPart{width:50%;}
.ProducerServiceBanner .FeatureContentInner .LeftPart .LeftPartInner{height:100%;}
.ProducerServiceBanner .FeatureContentInner .LeftPart .TopContent{padding:107px 48px;}
.ProducerServiceBanner .FeatureContentInner .RightPart .ImgWrapper img{width:100%;height:100%!important;object-fit:cover;display:block;}
.ProducerServiceBanner .FeatureContentInner .LeftPart .GalleryGroup .GalleryItem{width:25%;}
.ProducerServiceBanner .FeatureContentInner .LeftPart .GalleryGroup .GalleryItem img{width:100%;height:100%;object-fit: cover;}
.ProducerServiceBanner .LeftPart .GalleryItem .ImgWrapper::before{background-color:rgba(246,245,243,50%);content:'';position:absolute;top:0;left:0;bottom:0;right:0;display:block;height:100%;width:100%;}
.ProducerServiceBanner .LeftPart .GalleryItem .ImgWrapper{position:relative;}
.ProducerServiceBanner .LeftPart .GalleryItem.slick-current .ImgWrapper::before{display:none;}
.ProducerServiceBanner .FeatureContentInner .RightPart .slick-slider,
.ProducerServiceBanner .FeatureContentInner .RightPart .RightPartInner,
.ProducerServiceBanner .FeatureContentInner .RightPart .slick-list,
.ProducerServiceBanner .FeatureContentInner .RightPart .slick-slider .slick-track{height:100%;}
.ProducerServiceBanner .ButtonContent .button:not(.button--secondary) a{border-radius:0;position:relative;padding-right:80px;display:inline-block;text-align:left;}
.ProducerServiceBanner .ButtonContent .button:not(.button--secondary) a::after{position:absolute;content:'';right:25px;top:50%;transform:translateY(-50%);height:10px;width:12px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"><path d="M7.224 0.575L12 5.525L7.224 10.5H5.64L9.96 6.1H0V4.9H9.96L5.64 0.5H7.224V0.575Z" fill="%23FFF"/></svg>'); background-size:cover;background-repeat:no-repeat;background-position:center center;}
.ProducerServiceBanner .HeadingContent,
.ProducerServiceBanner .FeatureFarmerContent{min-height:100vh;display:flex;align-items:center;justify-content:center;}
.ProducerServiceBanner .FeatureContentOuter{display:flex;width:100%;align-items:center;justify-content:center;}
.ProducerServiceBanner .FeatureContentInner{width:100%;height:100%;}
.ProducerServiceBannerOuter .LeftPartInner {display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
.ProducerServiceBanner .FeatureContentInner .LeftPart .GalleryGroup .GalleryItem img {max-height: 190px;min-height: 190px;object-fit: cover;}

/*  */
.ProdServiceIntroMain .content-wrapper{max-width:100%;padding:0;}
.ProdServiceIntroMain .ProducerIntroductionInner .LeftPart,.ProdServiceIntroMain .ProducerIntroductionInner .RightPart{width:50%;}
.ProdServiceIntroMain .ProducerIntroductionInner .RightPart {background-position: 50%;background-repeat: no-repeat;background-size: cover;display: flex;justify-content: flex-end;align-items: flex-end;}
.ProdServiceIntroMain .ProducerIntroductionInner .RightPart {padding: 48px;}
.ProdServiceIntroMain .RightPartInner {padding: 24px;max-width: 400px;border-radius: 8px;}
.ProdServiceIntroMain .ProducerIntroductionInner .LeftPart .ImgWrapper{height: 100%;}
.ProdServiceIntroMain .ProducerIntroductionInner .LeftPart img {display: block;height: 100%;width: 100%;object-fit: cover;}
.ProdServiceIntroMain .ButtonContent .button:not(.button--secondary) a{width:100%;position:relative;padding-right:80px;display:inline-block;text-align:left;}
.ProdServiceIntroMain .ButtonContent .button:not(.button--secondary) a::after{position:absolute;content:'';right:25px;top:50%;transform:translateY(-50%);height:10px;width:12px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewBox="0 0 12 11" fill="none"><path d="M7.224 0.575L12 5.525L7.224 10.5H5.64L9.96 6.1H0V4.9H9.96L5.64 0.5H7.224V0.575Z" fill="%23FFF"/></svg>');background-size:cover;background-repeat:no-repeat;background-position:center center;}
.ProdServiceIntroMain .ButtonContent .ButtonBox:last-child{padding-bottom:0;}

.GuidingValuesSection .SubHeading,.GuidingValuesSection .GuidingValuesText{color:#2B3530;}

.ProducerLogo {display: flex;flex-wrap: wrap;align-items: center;gap: 20px 10px;}
.FeaturedRow  .slick-track {margin: 0;}
.CategoryTab1  .FeaturedColBox ,.FeaturedCoffeesRow  .FeaturedColBox{background-blend-mode: darken;background-size: 60%;}

.CoffeesCollection .coffees_collection  .FeaturedColBox {background-size: 65%;background-blend-mode: darken;}

/* .OurTeamInfoMainSection .darkgraylight span,.OurTeamInfoMainSection .darkgraylight p  {
    color: rgb(74 90 69 / 40%);
} */

@media(min-width:768px){
    .ourValue_mobile { display:none; }
}

@media (min-width: 1200px){ 

    .HedFont14 { font-size: 0.972vw;}

    .Font10,.Font10 h1,.Font10 h2,.Font10 h3,.Font10 h4,.Font10 h5,.Font10 h6,.Font10 p,.Font10{font-size:0.694vw;}
    .Font11,.Font11 h1,.Font11 h2,.Font11 h3,.Font11 h4,.Font11 h5,.Font11 h6,.Font11 p,.Font11{font-size:0.764vw;}
    .Font12,.Font12 h1,.Font12 h2,.Font12 h3,.Font12 h4,.Font12 h5,.Font12 h6,.Font12 p,.Font12{font-size:0.833vw;}
    .Font13,.Font13 h1,.Font13 h2,.Font13 h3,.Font13 h4,.Font13 h5,.Font13 h6,.Font13 p,.Font13{font-size:0.903vw;}
    .Font14,.Font14 h1,.Font14 h2,.Font14 h3,.Font14 h4,.Font14 h5,.Font14 h6,.Font14 p,.Font14{font-size: 0.972vw;}
    .Font15,.Font15 h1,.Font15 h2,.Font15 h3,.Font15 h4,.Font15 h5,.Font15 h6,.Font15 p,.Font15{font-size: 1.042vw;}
    .Font18,.Font18 a, .Font18 h1, .Font18 h2, .Font18 h3, .Font18 h4, .Font18 h5, .Font18 h6  { font-size:1.25vw; }
    .Font20,.Font20 a, .Font20 h1, .Font20 h2, .Font20 h3, .Font20 h4, .Font20 h5, .Font20 h6  { font-size:1.389vw; }
    .Font24,.Font24 a, .Font24 h1, .Font24 h2, .Font24 h3, .Font24 h4, .Font24 h5, .Font24 h6  { font-size:1.667vw; }
    .Font30,.Font30 a, .Font30 h1, .Font30 h2, .Font30 h3, .Font30 h4, .Font30 h5, .Font30 h6  { font-size:2.083vw; }
    .Font32,.Font32 a, .Font32 h1, .Font32 h2, .Font32 h3, .Font32 h4, .Font32 h5, .Font32 h6  { font-size:2.222vw; }
    .Font40,.Font40 a, .Font40 h1, .Font40 h2, .Font40 h3, .Font40 h4, .Font40 h5, .Font40 h6  { font-size:2.778vw; }

    .listStyle * + ul,.cheklist * + ul { margin-top:1.389vw; }
    .listStyle ul li,.cheklist ul li { padding-left:1.528vw; }
    .listStyle ul li + li,.cheklist ul li + li {margin-top:0.694vw;}
    .listStyle ul li:before { width: 1.528vw;height: 1.528vw;}
    .cheklist ul li:before {width: 1.181vw;height: 1.181vw;}

    .SectionTitle + .SectionTitle {padding-top: 1.597vw;}
    .HeroMainBannerColLeft {max-width: 28.125vw;width: 100%;}

    .OrderSamplesRow {border-radius: 0.556vw;backdrop-filter: blur(0.694vw);padding: 0.694vw;}
    .OrderSamplesLeft {backdrop-filter: blur(1.146vw);}
    .OrderSamplesLeft > span {border-radius: 0.139vw;font-size: 0.625vw;padding: 0.069vw 0.417vw;left: 0.278vw;top: 0.278vw;}
    .HeroMainBannerColRight {max-width: 33.333vw;}
    .OrderSamplesRight {padding: 0.556vw 0.556vw 0.556vw 1.25vw;}
    .OrderSamplesTitle a {gap: 0.417vw;}
    .OrderSamplesTitle a span + span {width: 0.972vw;}
    .OrderSamplesTitle a span:first-child {width: calc(100% - 1.389vw);}
    /*     .OrderSamplesImage {max-width: 11.458vw;} */
    .OrderSamplesImage img {height: 11.458vw !important;}

    .PartnerLogosRow {gap: 1.389vw;}
    .PartnerLogosWrap .PartnerLogosCol{height:3.819vw;width:8.333vw;}
    .PartnerLogosCol img {height: 3.542vw !important;}
    .FeaturedFarmerSection .FeaturedColMain:hover .FeaturedColBox{backdrop-filter:blur(0.347vw);}

    .FeaturedTop {border-bottom: 0.069vw solid #DCDCDC;}
    .FeaturedColBox {height: 37.639vw;padding: .65vw .764vw .972vw .764vw;}
    .CategoryTab2 .FeaturedColBox {padding: 1vw 1.19vw;}
    .FeaturedColInner {padding: 0 0.694vw;}
    span.FeaturedLike {width: 1.111vw;}
    .FeaturedRow .slick-list.draggable {padding-right: 2.917vw !important;}
    span.FeaturedTopic {width: 5.903vw;font-size: 0.833vw;border-radius: 0.208vw;border: 0.069vw  solid rgba(51, 51, 51, 0.20);padding: 0.208vw;}
    .FeaturedIconBtn {gap: 0.694vw;}
    .Featuredbtnwrap {gap: 0.556vw}
    .FeaturedTopRow {gap: 1.389vw;}
    .Featuredbtnwrap span {width: 2.917vw;height: 2.917vw;}
    .Featuredbtnwrap span.slick-disabled {filter: drop-shadow(0px 0.278vw 0.278vw rgba(0, 0, 0, 0.25));}

    .CategoryList ul li {padding: 0.556vw 0;}
    .CategoryList ul {gap: 2.083vw;border-bottom: 0.069vw solid #D6D1CA;}
    .CategoryList ul li:after {height: 0.069vw;bottom: -0.069vw;;}

    .MarketplaceSubCategory ul {gap: 2.083vw;}
    .MarketplaceFilterbyLeng {width: 1.806vw;}
    .MarketplaceFilterByLink {width: 9.583vw;border-radius: 0.278vw;border: 0.069vw solid rgba(51, 51, 51, 0.20);padding: 1.389vw 0;gap: 1.528vw;}
    .MarketplaceFilterByLink span + span {width: 1.042vw;}
    .MarketplaceFilterbyRow {gap: 2.083vw;}

    .FeaturedOrderSamples {border-radius: 0.556vw 0.556vw 0px 0px;border: 0.035vw solid rgba(255, 250, 243, 0.60);backdrop-filter: blur(0.743vw);padding: 2.083vw 1.389vw;}
    .FeaturedOrderSamples ul li {gap: 0.694vw;padding: 0.347vw 0.208vw;}
    .FeaturedOrderSamples ul li + li {border-top: 0.069vw solid  rgba(255, 250, 243, 0.60);}

    .FilterbysearchBox input[type='search'] {font-size: 1.111vw;padding: 1.042vw 1.389vw 1.042vw 3.611vw;border-radius: 0.278vw;}
    .FilterbysearchBox span.Filterbysearchicon {left: 1.389vw;top: 0.972vw;width: 1.389vw;height: 1.389vw;}
    .FilterbyPopupCol {width: calc(100% - 28.78vw); padding: 0.833vw 1.389vw;border-radius: 0.278vw;box-shadow: 0px 0.278vw 3.403vw 0px rgba(0, 0, 0, 0.15);}
    .FilterbyPopup {backdrop-filter: blur(0.462vw);}
    .FilterbyPopupRow {padding:6.944vw 7.3vw;}
    .FilterbyPopupBoxLeft {width: 16.667vw;}
    .FilterbyPopupBoxRight {width: calc(100% - 16.667vw);padding-left: 1.25vw;}
    .FilterbyPopupBoxLeft ul li {padding: 0.556vw;gap: 1.042vw;border-radius: 0.278vw;}
    .FilterbyPopupBoxLeft ul li span:first-child {border-radius: 0.278vw;}
    .FilterbyPopupBoxLeft ul li span:first-child svg {width: 2.778vw;height: 2.778vw;}
    .FilterbyTabList ul li {padding: 0.625vw 0.833vw;gap: 0.833vw;border-radius: 0.278vw;}
    .FilterbyTabTitle {padding-left: 0.833vw;}
    .FilterbyProduct {border-radius: 0.278vw;box-shadow: 0px 0.556vw 1.667vw 0px rgba(0, 0, 0, 0.12);width: 27.778vw;left: calc(100% + 2.292vw);padding: 0.833vw;}
    .FilterbyProductText {padding: 0.833vw 0.278vw 0.278vw;}
    .FilterbyProductImages img {border-radius: 0.139vw;}

    .contWithImg .leftColWrp .leftColInner { padding: 5.556vw 8.333vw; }
    .contWithImg .leftColWrp .leftColInner .SectionTitle { max-width: 30.903vw; }
    .contWithImg .rightColWrp .rightColImgWrp { min-height: 41.667vw; }

    .ourOffersWrapper .leftColWrp .leftColInner{padding:5.556vw 5.556vw 6.944vw;}
    .ourOffersWrapper .offerItems{padding:1.25vw 0.694vw 1.25vw 3.819vw;}
    .ourOffersWrapper{margin-left:2.778vw;margin-right:2.778vw;}
    .ourOffersWrapper .leftColWrp .topHead{max-width:27.778vw;}
    .ourOffersWrapper .leftColWrp .topHead h3{letter-spacing:-0.056vw;line-height:1.833vw;}
    .ourOffersWrapper .offerItemsWrp{max-width:25.417vw;}
    .ourOffersWrapper .rightColImgWrp{min-height:41.222vw;}
    .ourOffersWrapper .rightColWrp .overlayBtnWrp{margin-bottom:1.806vw;margin-right:1.528vw;margin-left:1.528vw;}
    .ourOffersWrapper .rightColWrp .overlayBtnWrp .button a{border-radius:0.556vw;border:0.035vw solid #FFFFFF80;backdrop-filter:blur(1.521vw);font-size:0.972vw;padding-left:3.611vw;padding-right:1.389vw;}
    .ourOffersWrapper .rightColWrp .overlayBtnWrp .button a::before{border:0.035vw solid #FFFFFF80;backdrop-filter:blur(0.625vw);width:1.944vw;height:1.944vw;left:0.625vw;border-radius:0.417vw;border-width:0.035vw;}
    .ourOffersWrapper .rightColWrp .overlayBtnWrp .button a::after{left:1.111vw;width:0.903vw;height:0.764vw;}

    .testimonialSection .testauthorLeft .testauthorImgWrp{width:8.889vw;box-shadow:-1.389vw 2.778vw 2.778vw 0.347vw #0F0F2914;height:8.889vw;}
    .testimonialSection .testauthorRight{padding-left:1.944vw;width:calc(100% - 8.889vw)}
    .testimonialSection .video_productionsCatBtn .btn{width:1.528vw;height:2.222vw;}
    .testimonialSection .testimonialContMain h3{font-size:2.708vw;}
    .testimonialSection .testauthoWrp{max-width:26.181vw;}
    .mfp-content:has(.video_popup_modal) {max-width:69.444vw;}
    .BtFormInner {max-width: 35.208vw;box-shadow: 0px 2.5vw 6.556vw 0px rgba(0, 0, 0, 0.25);padding: 3.125vw 3.472vw 2.083vw;}
    .BtFormMain input[type='text'],.BtFormMain input[type='email'],.BtFormMain input[type='password'],.BtFormMain input[type='tel'],.BtFormMain input[type='number'].BtFormMain select,.BtFormMain textarea {border-radius: 0.417vw;border-bottom: 0.069vw solid rgba(154, 157, 134, 0.2);padding: 0.972vw 1.667vw;}
    .BtFormMain .hs-form-field {margin-bottom: 0.833vw;}
    .BtFormMain  form input[type='submit'],.BtFormMain form .hs-button {padding: 1.389vw 1.667vw;font-size: 0.972vw;border-radius: 0.278vw;}
    .BtFormMain form .actions {margin-top: 3.75vw;}
    .BtFormMain form .actions::before{right:1.667vw;width:0.833vw;height:0.694vw;}
    .BtFormMain form .actions:hover::before { right: 1.25vw;}
    .BtFormLogo {max-width: 7.431vw;}
    .BtFormInner {border-radius: 0.833vw;}
    .BtFormMain form .hs-richtext.hs-main-font-element,
    .BtFormMain form .hs-richtext.hs-main-font-element p,.BtFormMain .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span {font-size: 0.625vw;}
    .BtFormMain form .hs-form-checkbox label.hs-form-checkbox-display input+span,.BtFormMain form .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span {padding-left: 1.111vw;}
    .BtFormMain .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before {width: 0.764vw;height: 0.764vw;top: 0.069vw;}
    .BtFormMain .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after {width: 0.208vw;height: 0.417vw;left: 0.278vw;top: 0.174vw;border-width: 0 0.069vw 0.069vw 0;}

    .PartnerLogosWrap .PartnerLogosRow{flex-flow:row;transition:transform .5s ease;animation:31.6s linear 0s infinite normal none running infiniteslide;}

    .OriginBannerTitle {width: 60%;margin: 0 auto;}
    .OriginBannerRow {backdrop-filter: blur(0.347vw);}
    .OriginBannerCol.OriginBannerColText {padding: 3.333vw;}
    .OriginBannerBottom {max-width: 75.556vw;}
    .OriginBannerButton .button:not(.button--secondary) a{padding-right:5.556vw;}
    .OriginBannerButton .button:not(.button--secondary) a::after{right:1.736vw;height:0.694vw;width:0.833vw;}
    .OriginBannerButton {max-width: 19.444vw;}
    .OriginTowColRightPart {padding: 2.778vw;}
    .OriginTowColContentBox {max-width: 37.083vw;}
    .OriginTowColText {border-bottom: 0.139vw solid #4A4A4A;}
    .OriginTowListngCol {border-bottom: 0.069vw solid #D5D4C9;}
    .OriginTowListngText {max-width: 24.514vw;}

    .ProducerSerSwapMain .FeatureContentInner .RightPart .RightPartInner,
    .ProducerSerSwapMain .FeatureContentInner .RightPart .slick-list,
    .ProducerSerSwapMain .FeatureContentInner .RightPart .slick-slider .slick-track{max-height: 50vw;}
    .ProducerSerSwapMain .FeatureContentInner .LeftPart .TopContent{padding:5.2vw 3.333vw;height:calc(100% - 10vw);}
    .ProducerSerSwapMain .FeatureContentInner .LeftPart .BottomContent.SlideGallery{height:10vw;}
    .ProducerSerSwapMain .FeatureContentInner .LeftPart .GalleryGroup .GalleryItem img{width:10vw;height:10vw !important;}
    .ProducerSerSwapMain .ButtonContent .button:not(.button--secondary) a{min-width:19.444vw;}
    .ProducerSerSwapMain .ButtonContent .button:not(.button--secondary) a:after{right:1.74vw;height:0.694vw;width:0.833vw;}
    .ProducerSerSwapMain button.slick-next,
    .ProducerSerSwapMain button.slick-prev{height:3.472vw;width:3.472vw;border:0.069vw solid #33333333;}
    .ProducerSerSwapMain button.slick-next{right:1.111vw;left:inherit;}
    .ProducerSerSwapMain button.slick-prev{left:1.111vw;}
    .ProducerSerSwapMain button.slick-next svg,
    .ProducerSerSwapMain button.slick-prev svg{width:0.833vw;height:0.694vw;}
    .ProducerSerSwapMain button.slick-next:focus,
    .ProducerSerSwapMain button.slick-prev:focus{border:0.069vw solid #33333333}
    .ProducerSerSwapMain button.slick-next:hover,
    .ProducerSerSwapMain button.slick-prev:hover{border:0.069vw solid #fffef2}

    .AlternateMain .OriginTowColTextImg {padding: 3.333vw;}
    .OriginTabListContent {max-width: 27.778vw;}
    .OriginTabListText {transform: translateY(2.083vw);}
    @keyframes slideUp {
        0% {opacity: 0;transform: translateY(2.083vw);}
        100% {opacity: 1;transform: translateY(0);}
    }
    .OriginVideoButton.OriginBannerButton {max-width: 16.528vw;}
    .OriginVideoPopup.popupiframeStyle {box-shadow: 0.278vw 0.278vw 5.076vw 0px rgba(0, 0, 0, 0.25);padding: 7.639vw 3.472vw;}
    .mfp-close-btn-in .OriginVideoPopup button.mfp-close {top: 2.083vw;right: 2.083vw;width: 1.319vw;height: 1.319vw;}
    .OriginVideoPopup  button.mfp-close:before,.OriginVideoPopup  button.mfp-close:after {width: 0.139vw;height: 1.181vw;right: 0.556vw;top: 0.139vw;}
    .OriginVideoPopupBox {padding: 2.083vw 0 2.083vw;border-top: 0.069vw solid rgba(40, 40, 40, 0.10);}
    .OriginVideoPopupContent *+p {margin-top: 2.083vw;}
    .OriginVideoPopupContent p {font-size: 0.972vw;}
    .OriginVideoPopupButton a {gap: 1.389vw;font-size: 0.972vw;}
    .OriginVideoPopupButton a span:first-child {width: 1.944vw;border: 0.069vw solid #CBC9C9;height: 1.944vw;}
    .OriginVideoPopupButton a span + span {width: calc(100% - 3.333vw);}
    .OriginVideoPopupButton a span:first-child svg {width: 0.694vw;}

    .HeroMainBanner.ProducersBannerMain {min-height: calc(100vh - 4.861vw);}
    .ConnectFarmerTopButton .button a .Icon {border: 0.069vw solid rgba(255, 255, 255, 0.30);width: 1.944vw;height: 1.944vw;}
    .ConnectFarmerTopButton .button a .Icon svg {width: 0.625vw;height: 0.625vw;}
    .ConnectFarmerTopButton .button a {padding: 0.833vw 1.319vw;gap: 0.694vw;font-size: 1.014vw;}
    .ConnectFarmerToprow  .ConnectFarmerTopButton .button a {min-width: 26.389vw;}
    .ConnectFarmerTopBox {padding-left: 3.472vw;padding-right: 3.472vw;}
    .ConnectFarmerCol {border-right: 0.069vw solid rgba(40, 40, 40, 0.10);padding: 3.472vw;}

    .SpecificationsBox {width: calc(50% - 0.694vw);}
    .SpecificationsList {gap: 1.389vw;}
    .ConnectFarmerRow {border-top: 0.069vw solid rgba(40, 40, 40, 0.10);}
    .SpecificationsBoxInner+.SpecificationsBoxInner {padding-top: 0.694vw;}
    .ProducerLogo img {width: 5.417vw;}
    .ProducerContent {max-width: 16.319vw;}
    .DownloadassetsMain .button a {border-radius: 0.278vw;padding: 0.903vw 1.389vw;}
    .DownloadassetsMain .button a .Icon {border: 0.069vw solid #CBC9C9;}
    .ConnectFarmerTopButton + .ConnectFarmerTopButton {padding-top: 0.694vw;}
    .ConnectFarmerToprow.V1 {gap: 1.389vw;}

    .CoffeesCollection .FeaturedCol {width: calc(16.66% - 1.181vw);}
    .CoffeesCollection .FeaturedRow {gap: 3.472vw 1.389vw;}
    .CoffeesCollection .FeaturedColBox {height: 17.917vw;}

    .ProducersIntro .OriginTowColRightPart {padding-left: 1.472vw;}
    .ProducersIntro .OriginTowColContentBox {max-width: 34.722vw;}
    .ProducersIntro  .direction-row-reverse .OriginTowColRightPart {padding-right: 3.472vw;}

    .BreadcrumbList ul {gap: 15px;}
    span.InfoSubTitle {padding-right: 10.417vw;}

    .AboutUsCol.Text {max-width: 66.389vw;}
    .OurTeamMainContent {max-width: 49.861vw;}

    .VideoPlayButton a {width: 11.111vw;height: 11.111vw;}
    .mfp-iframe-holder .mfp-content {max-width: 62.5vw;}
    .mfp-close-btn-in button.mfp-close {top: -3.056vw;width: 3.056vw;height: 3.056vw;}
    .mfp-close-btn-in button.mfp-close {border-radius: 0.347vw 0.347vw 0 0;}
    button.mfp-close:before, button.mfp-close:after {width: 0.278vw;height: 2.083vw;right: 1.319vw;top: 0.556vw;}
    button.mfp-close:before, button.mfp-close:after {border-radius: 1.389vw;}

    .OurTeamRow {gap: 1.389vw;}
    .OurTeamCol {width: calc(33.33% - 0.972vw);}
    .OurTeamColMain {padding: 1.389vw;height: 33.889vw;}
    .OurTeamAddPopup {width: 1.806vw;height: 1.806vw;}
    .OurTeamSection {border-bottom: 0.069vw solid #DCDCDC;}
    .OurTeamPopupContent {padding: 10.278vw 0 6.806vw 1.389vw;max-width: 76.25vw;box-shadow: -1.111vw 4.583vw 4.694vw 0px rgba(0, 0, 0, 0.15);margin: 1.389vw auto;}
    .OurTeamRight {padding-left: 4.861vw;}
    .OurTeamInfo {border-bottom: 0.069vw solid #878686;}
    .OurTeamContent {padding-right: 4.861vw;}
    .OurTeamContent {padding-right: 4.861vw;}
    .OurTeamPopupRow  .button a {min-width: 25.069vw;}
    .OurTeamPopupRow .button {padding-right: 4.861vw;}
    .mfp-close-btn-in .popupiframeStyle button.mfp-close {top: 2.083vw;right: 2.083vw;width: 1.319vw;height: 1.319vw;}
    .popupiframeStyle button.mfp-close:after,.popupiframeStyle button.mfp-close:before {width: 0.139vw;height: 1.319vw;right: 0.625vw;}

    .OurPurposeMissionrow {max-width: 54.931vw;}

    .BridgepointColLeft {padding-right: 1.389vw;}
    .BridgepointTitle {max-width: 45.139vw;}
    .BridgepointImageV1 {max-width: 23.264vw;}
    .BridgepointTitle img {width: 22.778vw !important;}

    .GuidingValuesCol {border-radius: 1.111vw;padding: 6.25vw 2.083vw;}
    .GuidingValuesRow {max-width: 32.778vw;}

    .slides-numbers {margin-bottom: -3.611vw;}

    .PowerOfTradeVideo a {width: 8.889vw;height: 8.889vw;}
    .PowerOfTradeVideo {max-width: 64.306vw;}
    .PowerOfTradeTitle {max-width: 83.819vw;}

    .WorkWithUsImages {max-width: 31.528vw}
    .WorkWithUsCol.Left {gap: 2.083vw;}
    .WorkWithUsTitle.Font24 {max-width: 17.361vw;}
    .WorkWithUsButton a {border-top: 0.035vw solid #262626;padding: 0.694vw 0;gap: 0.694vw;}
    .WorkWithUsButton a span+span svg {width: 0.903vw;}
    .WorkWithUsCol.Right {padding-left: 1.389vw;}
    .WorkWithUsButton {max-width: 47.778vw;width: 100%;}
    .GuidingValuesImage img {height: 18.403vw !important;}

    .FAQrow {max-width: 86.111vw;}
    .FAQContent {max-width: 29.236vw;}
    .AccordionCol {border-bottom: 0.069vw solid #151515;}
    .AccordionCol:first-child {border-top: 0.069vw solid #151515;}
    .AccordionTitle {gap: 1.389vw;}
    .AccordionTitle svg {width: 1.042vw;}
    .AccordionContent {max-width: 43.056vw;}

    .BlogBannerMain {height: calc(100vh - 6.875vw);}
    .BlogBannerMain .MainTitle h1{font-size:7.778vw;}
    .BlogBannerMain .TopContent{padding-bottom:5vw;}
    .BlogBannerMain .BottomContent {max-width: 54.167vw;}
    .BlogBannerMain .DividerLine {border:0.069vw solid #F6F5F380;}
    .OriginBannerButton .button:not(.button--secondary) a{border-radius:0.278vw;}

    .figma-blog__columns {gap: 2.78vw;}
    .figma-blog__column {gap: 2.78vw;}
    .figma-blog__filter-button {border-radius: 0.28vw;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
    .figma-blog__filter-button.active{border-bottom: 0.07vw solid rgba(255, 254, 242, 0.2);}
    .figma-blog__filter {margin-bottom: 4.17vw;border: 0.07vw solid rgba(255,254,242,0.20);border-radius: 0.28vw;font-size: 1.04vw;min-width:12.986vw;}
    .figma-blog__meta-top{border-bottom: 0.07vw solid rgba(255,254,242,0.20);}
    .figma-blog__meta-top {gap: 0.56vw;}
    .figma-blog__title {margin: 0.5vw 0px 0.9vw 0;}
    .figma-blog__reading-time {font-size: 1.11vw;}
    .figma-blog__image-container {margin-top: 1.11vw;}
    .figma-blog__link {font-size: 2.08vw;}
    .figma-blog__pagination {display: flex;justify-content: center;}
    .figma-blog__load-more {border: 0.07vw solid rgba(255,254,242,0.20);border-radius: 0.28vw;font-size: 1.04vw;min-width:20.694vw;}
    .figma-blog__column--left article.figma-blog__post:first-of-type{margin-top:33vw;}
    .figma-blog__dot {height: 0.4vw;width: 0.4vw;}
    .figma-blog__column.figma-blog__column--right article.figma-blog__post:nth-child(4n+1),
    .figma-blog__column.figma-blog__column--right article.figma-blog__post:nth-child(4n+4){width:80%;margin:0 0 0 auto;}
    .figma-blog__column.figma-blog__column--right article.figma-blog__post:nth-child(4n+2),
    .figma-blog__column.figma-blog__column--right article.figma-blog__post:nth-child(4n+3){width:calc(100% + 20%);margin-left:-20%;}
    .figma-blog__column.figma-blog__column--right article.figma-blog__post:nth-child(4n+1) img,
    .figma-blog__column.figma-blog__column--right article.figma-blog__post:nth-child(4n+4) img,
    .figma-blog__column.figma-blog__column--left article.figma-blog__post:nth-child(4n+1) img,
    .figma-blog__column.figma-blog__column--left article.figma-blog__post:nth-child(4n+2) img{height:64.583vw !important;object-fit:cover;object-position:center;}
    .figma-blog__column.figma-blog__column--right article.figma-blog__post:nth-child(8n+5){width:80%;margin:33.681vw 0 0 auto;}
    .figma-blog__column.figma-blog__column--right article.figma-blog__post:nth-child(8n+5) img{height:20.694vw !important;object-fit:cover;object-position:center;}
    .figma-blog__column.figma-blog__column--left article.figma-blog__post:nth-child(4n+1),
    .figma-blog__column.figma-blog__column--left article.figma-blog__post:nth-child(4n+2){width:80%;}
    .figma-blog__column.figma-blog__column--right article.figma-blog__post:nth-child(4n+2) img,
    .figma-blog__column.figma-blog__column--right article.figma-blog__post:nth-child(4n+3) img,
    .figma-blog__column.figma-blog__column--left article.figma-blog__post:nth-child(4n+3) img,
    .figma-blog__column.figma-blog__column--left article.figma-blog__post:nth-child(4n+4) img{height:31.597vw !important;object-fit:cover;object-position:center;}
    .figma-blog__column.figma-blog__column--left article.figma-blog__post:nth-child(4n+3),
    .figma-blog__column.figma-blog__column--left article.figma-blog__post:nth-child(4n+4){width:calc(100% + 20%);}

    .CoffeePdpBannerMain .PreHeadingGroup span {padding: 0 0.347vw;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart{width:70%;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart img{max-height: 64.306vw;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart{width:30%;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slider-controls{gap:0.903vw;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slick-arrow, 
    .CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slick-arrow svg {height:0.764vw;width:0.486vw;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .RightPartInner {padding: 3.333vw 2.778vw 1vw 2.778vw;max-height: 64.306vw;overflow-y: scroll;margin:0 -1.4vw;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .RightPartInner .TopContent{padding:0 1.042vw;}
    .CoffeePdpBannerMain .RightPart .PreHeadingGroup{width:calc(100% - 1.597vw);padding-right:1.25vw;}
    .CoffeePdpBannerMain .RightPart .FavoriteIconContent,.CoffeePdpBannerMain .RightPart .FavoriteIconContent .IconBox,.CoffeePdpBannerMain .RightPart .FavoriteIconContent .IconBox svg{width: 1.597vw;height: 1.389vw;}
    .CoffeePdpBannerMain .RightPart .FarmerProfileContent .ImgContent * {width: 3.681vw;height: 3.681vw;}
    .CoffeePdpBannerMain .RightPart .FarmerProfileContent .TextContent {width: calc(100% - 3.681vw);padding-left: 1.042vw;}
    .CoffeePdpBannerMain .ButtonContent .button:not(.button--secondary) a{border-radius:0.278vw;}
    .CoffeePdpBannerMain .DeliveryContent .IconContent * {width: 1.389vw;height: 1.389vw !important;display: block;}
    .CoffeePdpBannerMain .DeliveryContent .TextContent{width:calc(100% - 1.389vw);padding-left:0.694vw;}
    .CoffeePdpBannerMain .RightPart .FaqDetailsContent {border-top: 0.139vw solid #4A4A4A;}
    .CoffeePdpBannerMain .RightPart .FaqDetailsContent .SubItem:not(:first-child) {border-top: 0.069vw solid #D5D4C9;}
    .CoffeePdpBannerMain .RightPart .FaqDetailsContent .FaqDetailsItem{border-bottom: 0.069vw solid #D5D4C9;}
    .CoffeePdpBannerMain .RightPart .FaqDetailsContent .PlusContent svg {height: 0.625vw;width: 0.625vw;}
    .CoffeePdpBannerMain .RightPart .FaqDetailsContent .TextContent {width: calc(100% - 0.625vw);}
    .CoffeePdpBannerMain .RightPart .FaqDetailsContent .PlusContent{height: 0.625vw;width: 0.625vw;}
    .CoffeePdpBannerMain .RightPart .AdditionalSampleContent{border-bottom: 0.069vw solid rgba(0,0,0,15%);}
    .CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BoxGroup {border:0.069vw solid rgba(0,0,0,10%);border-radius:0.556vw;}
    /*     .CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BoxGroup .ImgContent {max-width: 13.611vw;} */
    .CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BottomStripContent {border: .069vw solid rgba(0, 0, 0, .1);border-radius: .556vw;}
    .CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BottomStripContent .TextBox{padding-left: 0.833vw;}
    .CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BottomStripContent .IconContent,.CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BottomStripContent .IconContent svg {height: 0.903vw;width: 0.903vw;}

    .CoffeePdpBannerMain .RightPart .PriceBreakContent .GraphContent .IconContent{height: .903vw;width: .903vw;top:0.2vw;}
    .CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .TextIconParent .TextContent {width: calc(100% - .903vw);}
    .CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup {border:0.069vw solid rgba(0,0,0,10%);border-radius:0.556vw;}
    .CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContent {width: 12.083vw;height: 12.083vw;}
    .CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .LeftContent {width: calc(100% - 12.083vw);}

    .CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box-1 {z-index: 1;width: 12.08vw; height: 12.08vw;}
    .CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box-1::before {width: 10.97vw;  height: 10.97vw;}
    .CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box-2 {z-index: 2;width: 10.28vw; height: 10.28vw;}
    .CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box-2::before {width: 9.306vw;height:9.306vw;}
    .CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box-3 {z-index: 3;width: 8.13vw;height: 8.13vw;}
    .CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContentInner .progress-box-3::before {width:7.153vw;height:7.153vw;}


    .CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .ImgWrapper img{height: 17.361vw !important;}


    .mfp-container:has(.CofeePdpPopUpFormMain) {padding: 1.736vw;}
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) {backdrop-filter: blur(25px);background:#FEFEF3;margin: 0;border-radius: 1.25vw;max-width: 35.139vw;padding: 14.58vw 3.47vw 3.47vw 3.47vw;}
    .mfp-close-btn-in .popupiframeStyle:has(.CofeePdpPopUpFormMain) button.mfp-close {left: 1.875vw;right: 0;top: 2.292vw;height: 0.972vw;width: 0.972vw;}
    .mfp-close-btn-in .popupiframeStyle:has(.CofeePdpPopUpFormMain) button.mfp-close:before,
    .mfp-close-btn-in .popupiframeStyle:has(.CofeePdpPopUpFormMain) button.mfp-close:after{width: 0.139vw;height: 0.972vw;right: 0;top: 0;left: 0.417vw;}
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form input[type='text'], 
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form input[type='email'], 
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form input[type='password'], 
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form input[type='tel'], 
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form input[type='number'], 
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form select, 
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form textarea {font-size:1vw;border-radius: 0vw;padding: 1.042vw 1.667vw;border-bottom: 0.069vw solid #9A9D8633;border-radius: 0.417vw;}
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs-form-field {margin-bottom: 0.833vw;}
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) .submitted-message {font-weight: 700;padding-top: 1.736vw;}

    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form .actions input[type=submit] {background-position: right 1.67vw center;background-size: 0.83vw 0.69vw;margin-top: 2vw;font-size:1vw;}
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs-fieldtype-select.field .input {background-position: center right 1.667vw;}
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs_country label{left: 1.667vw;top: 0.347vw;}
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form .hs_country input{padding-top: 1.389vw;}

    .CoffeePdpBannerMain .AtcModelMain {right: 2.778vw;bottom: 3.194vw;width:55%;}
    .AtcModelMain.fixed-atc{right: 2.778vw;bottom: 3.194vw;}
    .CoffeePdpBannerMain .AtcModelInner{padding: 1.04vw;border: 0.07vw solid #B0A99F;border-radius: 0.28vw;}
    .CoffeePdpBannerMain .AtcModelInner .ImgContent{height: 2.708vw;width: 2.708vw;}
    .CoffeePdpBannerMain .AtcModelInner .TextContent{width: calc(100% - 2.708vw);}
    .CoffeePdpBannerMain .AtcModelInner .ImgContent img {height: 2.708vw !important;width: 2.708vw;object-fit:cover;}
    .CoffeePdpBannerMain .AtcModelInner .AtcLeftPart {padding-right: 3.472vw;width: 35%;}
    .CoffeePdpBannerMain .AtcModelInner .AtcRightPart {width: 65%;}
    .CoffeePdpBannerMain .AtcModelInner .ButtonContent .button:not(.button--secondary) a{font-size: 0.97vw;padding: 0.39vw;border-radius:0.208vw;}

    .CoffeePdpDetailsMain .TopContent .PreDescription{border-bottom: 0.139vw solid #4A4A4A;}
    .CoffeePdpDetailsMain .DetailsGroup .DetailsItem{border-bottom: 0.069vw solid #D5D4C9;}
    .CoffeePdpDetailsMain .ProducerIntroductionInner .RightPart {padding: 10.069vw 9.028vw 6.25vw 9.028vw;}
    .CoffeePdpDetailsMain .RightPartInner {max-width: 27.778vw;}
    .CoffeePdpDetailsMain .ButtonContent .button:not(.button--secondary) a{padding-right:9.583vw;}
    .CoffeePdpDetailsMain .ButtonContent .button:not(.button--secondary) a:after{right:1.74vw;height:0.694vw;width:0.833vw;}

    .CoffeePdpImgTextMain .ProducerIntroductionInner .RightPart{padding:3.333vw;}
    .CoffeePdpImgTextMain .RightPartInner{max-width:19.306vw;}
    .CoffeePdpImgTextMain .ProducerIntroductionInner .LeftPart .ImgWrapper{height:31.111vw}
    .CoffeePdpImgTextMain .ProducerIntroductionInner .LeftPart img {min-height: 31.111vw !important;}
    .CoffeePdpImgTextMain .ButtonContent .button:not(.button--secondary) a{padding-right:9.583vw;}
    .CoffeePdpImgTextMain .ButtonContent .button:not(.button--secondary) a:after{right:1.74vw;height:0.694vw;width:0.833vw;}

    .CoffeePdpRatingMain .ProducerIntroductionInner .LeftPart{width:50%;}
    .CoffeePdpRatingMain .ProducerIntroductionInner .RightPart {width: 50%;padding-left: 4.2vw;}
    .CoffeePdpRatingMain .LeftPart .rating-text-parent{padding-right:1vw;}
    .CoffeePdpRatingMain .LeftPart .rating-box{font-size:1.667vw;}
    .CoffeePdpRatingMain .RightPart .rating-box{font-size:1.25vw;}
    .CoffeePdpRatingMain .DetailsItemInner .LeftContent {width: 83%;padding-right: 5.417vw;}
    .CoffeePdpRatingMain .DetailsItemInner .RightContent {width: 17%;}
    .CoffeePdpRatingMain .rating-text-parent .left h5{font-size:2.222vw;}
    .CoffeePdpRatingMain .TopContent .PreDescription{border-bottom: 0.139vw solid #4A4A4A;}
    .CoffeePdpRatingMain .DetailsGroup .DetailsItem{border-bottom: 0.069vw solid #D5D4C9;}
    .CoffeePdpRatingMain .rating-text-parent .left .ButtonBox a{color:#F6F5F3;border: 0.069vw solid #F6F5F3;}
    .CoffeePdpRatingMain .ButtonContent .button:not(.button--secondary) a{padding-right:9.583vw;}
    .CoffeePdpRatingMain .ButtonContent .button:not(.button--secondary) a:after{right:1.74vw;height:0.694vw;width:0.833vw;}

    .CoffeePdpVideoMain{min-height:42.986vw;}
    .CoffeePdpVideoMain .ButtonContent .button:not(.button--secondary) a{padding-right:9.583vw;}
    .CoffeePdpVideoMain .ButtonContent .button:not(.button--secondary) a:after{right:1.74vw;height:0.694vw;width:0.833vw;}

    .ContactFormMain .Font40 h1,
    .ContactFormMain .Font40 h2,
    .ContactFormMain .Font40 h3{font-size:2.778vw;line-height:1.6;}
    .ContactFormMain .ContactInfoParent{max-width:47.014vw;}
    .ContactFormMain .PhoneEmailParent {max-width: fit-content;margin-left: auto;}
    .ContactFormMain .PhoneEmailParent .IconContent{width:2.64vw;}
    .ContactFormMain .PhoneEmailParent .IconContent img {width: 2.64vw;height: 2.64vw;display: block;}
    .ContactFormMain .PhoneEmailParent .TextContent{width:calc(100% - 2.64vw);padding-left:0.69vw;}
    .ContactFormMain .FormTitleParent .LeftPart {width: 35%;}
    .ContactFormMain .FormTitleParent .RightPart {width: 47%;}
    .ContactFormMain .FormTitleParent .TextContent{max-width: 22.917vw;}
    .ContactFormMain .FormContent .form-title {padding-bottom: 3.5vw;}
    .ContactFormMain form textarea {border: .035vw solid;border-radius: .28vw;height: 13.194vw;padding:0.83vw;}
    .ContactFormMain form input[type='submit']{border-radius:0.278vw;padding: 0.9vw 1.75vw;font-size: 0.9vw;font-weight: 300;font-family: 'TWK Lausanne';letter-spacing: -0.02vw;min-width: auto;margin: 1.736vw 0 0;}
    .ContactFormMain .FormContent .submitted-message {padding: 3.47vw;border-radius: 0.28vw;}
    .ContactFormMain form .hs-fieldtype-select.field .input{background-size:0.903vw 0.556vw;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.7071 7.70701C7.51957 7.89448 7.26526 7.99979 7.0001 7.99979C6.73493 7.99979 6.48063 7.89448 6.2931 7.70701L0.636099 2.05001C0.540589 1.95776 0.464406 1.84742 0.411997 1.72541C0.359588 1.60341 0.332002 1.47219 0.330848 1.33941C0.329694 1.20663 0.354996 1.07495 0.405277 0.952054C0.455558 0.829157 0.529811 0.717505 0.623704 0.623612C0.717597 0.529719 0.829248 0.455466 0.952145 0.405185C1.07504 0.354904 1.20672 0.329603 1.3395 0.330757C1.47228 0.331911 1.6035 0.359497 1.7255 0.411906C1.84751 0.464315 1.95785 0.540497 2.0501 0.636007L7.0001 5.58601L11.9501 0.636007C12.1387 0.453849 12.3913 0.353055 12.6535 0.355333C12.9157 0.357611 13.1665 0.46278 13.3519 0.648188C13.5373 0.833596 13.6425 1.08441 13.6448 1.34661C13.6471 1.6088 13.5463 1.86141 13.3641 2.05001L7.7071 7.70701Z' fill='black'/%3E%3C/svg%3E");}
    .ContactFormMain form select::-ms-expand {display: none;} 

    .Discoverrow {gap: 1.389vw;}
    .Discovercol {width: calc(50% - 0.694vw);height: 37.708vw;border-radius: 0.278vw;}
    .Discovercol.active {width: calc(60% - 0.694vw);}
    .Discovercol.noactive {width: calc(40% - 0.694vw);}
    .DiscovercolInner a {gap: 1.736vw;}
    .DiscovercolInner a span.Icon svg {width: 2.153vw;}

    .FaqMain .LeftPart{width:22.569vw;}
    .FaqMain .LeftPart .LeftPartInner{position:sticky;top:1.736vw;}
    .FaqMain .RightPart{width:calc(100% - 22.569vw);padding-left:9.375vw;}
    .FaqMain .TableGroup .TableItem{padding-bottom:6.944vw;}
    .FaqMain .Font24 h1,
    .FaqMain .Font24 h2,
    .FaqMain .Font24 h3{font-size:1.667vw;line-height:1.6;}
    .FaqMain .ButtonContent .button a{padding:0.9vw;min-width:16.67vw;border-radius:.278vw;}
    .FaqMain .TableGroup .TableHeading h2{font-size:2.083vw;line-height:1.6;}
    .FaqMain .TableHeading{padding-bottom:1.389vw;}
    .FaqMain .TableGroup .FaqTitle{padding:1.39vw 0 1.74vw 0;border-top:0.069vw solid #C1BAB0;}
    .FaqMain .TableGroup .FaqItem.active{padding-bottom:4.51vw;}
    .FaqMain .TableTitleItem .DotContent{width:1.94vw;height:1.94vw;border:0.069vw solid #CBC9C9;}
    .FaqMain .TableTitleItem .TitleContent{width:calc(100% - 1.94vw);padding-right:1.04vw;}
    .FaqMain .TableTitleItem .DotContent .DotWrapper{height:1.111vw;width:1.111vw;background-color:transparent;border-radius:100%;}
    .FaqMain .LeftPart .TableTitlesGroup .TableTitleItem{padding:1.389vw 0 1.736vw 0;border-top:0.069vw  solid #C1BAB0;}
    .FaqMain .LeftPart .TableTitlesGroup .TableTitleItem:last-child{border-bottom:0.069vw  solid #CBC9C9;}
    .FaqMain .RightPart .IconBox{height:1.94vw;width:1.94vw;background-color:transparent;border-radius:50%;border:0.07vw solid #CBC9C9;justify-content:center;display:flex;align-items:center;}
    .FaqMain .RightPart .IconBox svg{width:0.556vw;height:0.625vw;display:block;}
    .FaqMain .TableGroup .FaqTitle .FaqTitleInner .TitleBox {width: calc(100% - 1.94vw);padding-right: 2vw;}
    .FaqMain .TableGroup .FaqContent {padding-right: 2.94vw;}

    .IndividualBodyMain .content-wrapper{max-width:100%;padding:0;}
    .IndividualBodyMain .LeftSide {padding-left: 2.778vw;}
    .IndividualBodyMain .RightSide {padding-left: 9.028vw;}
    .IndividualBodyMain .TableContentMain span#hs_cos_wrapper_post_body  * {max-width: 41.667vw;}
    .IndividualBodyMain .TableContentMain img,.IndividualBodyMain .TableContentMain .hs-video-widget:has(iframe) {padding: 2vw 0 6vw 0;}
    .IndividualBodyMain .PostTagGroup .Slash{padding:0 0.347vw;}

    .IndividualBodyMain .LeftPart{width:30.569vw;}
    .IndividualBodyMain .LeftPart .LeftPartInner{position:sticky;top:0;padding:8.889vw 4.028vw 5.903vw 4.028vw;}
    .IndividualBodyMain .RightPart{width:calc(100% - 30.569vw);padding-left:9.375vw;}
    .IndividualBodyMain .TableGroup .TableItem{padding-bottom:6.944vw;}
    .IndividualBodyMain .RightPart h2{font-size: 2.083vw;}
    .IndividualBodyMain .RightPart h1,
    .IndividualBodyMain .RightPart h2,
    .IndividualBodyMain .RightPart h3,
    .IndividualBodyMain .RightPart h4,
    .IndividualBodyMain .RightPart h5,
    .IndividualBodyMain .RightPart h6{margin-bottom:1.6vw;}
    .IndividualBodyMain .RightPart  h4, .h4 {font-size: 1.5vw;}
    .IndividualBodyMain .ButtonContent .button a{padding:0.9vw;min-width:16.67vw;border-radius:.278vw;}
    .IndividualBodyMain .TableGroup .TableHeading h2{font-size:2.083vw;line-height:1.6;}
    .IndividualBodyMain .TableHeading{padding-bottom:1.389vw;}
    .IndividualBodyMain .TableGroup .FaqTitle{padding:1.39vw 0 1.74vw 0;border-top:0.069vw solid #C1BAB0;}
    .IndividualBodyMain .TableGroup .FaqItem.active{padding-bottom:4.51vw;}
    .IndividualBodyMain .TableTitleItem .DotContent{width:1.94vw;height:1.94vw;border:0.069vw solid #CBC9C9;}
    .IndividualBodyMain .TableTitleItem .TitleContent{width:calc(100% - 1.94vw);padding-right:1.04vw;}
    .IndividualBodyMain .TableTitleItem .DotContent .DotWrapper{height:1.111vw;width:1.111vw;background-color:transparent;border-radius:100%;}
    .IndividualBodyMain .LeftPart .TableTitlesGroup .TableTitleItem{padding:1.389vw 0 1.736vw 0;border-top:0.069vw  solid  #C1BAB0;}
    .IndividualBodyMain .LeftPart .TableTitlesGroup .TableTitleItem:last-child{border-bottom:0.069vw  solid  #CBC9C9;}
    .IndividualBodyMain .RightPart .IconBox{height:1.94vw;width:1.94vw;background-color:transparent;border-radius:50%;border:0.07vw solid #CBC9C9;justify-content:center;display:flex;align-items:center;}
    .IndividualBodyMain .RightPart .IconBox svg{width:0.556vw;height:0.625vw;display:block;}
    .IndividualBodyMain .TableGroup .FaqTitle .FaqTitleInner .TitleBox {width: calc(100% - 1.94vw);padding-right: 2vw;}
    .IndividualBodyMain .TableGroup .FaqContent {padding-right: 2.94vw;}

    .job_listings_module_v1__content {width: calc(100% - 31.597vw);padding-right: 17.083vw;}
    .job_listings_module_v1__title{margin-bottom:0.69vw;}
    .job_listings_module_v1__subtitle{margin-bottom:2.78vw;}
    .job_listings_module_v1__job {border-top:0.07vw solid #E0E0E0;}
    .job_listings_module_v1__job-title{width:100%;letter-spacing:0.02vw;}
    .job_listings_module_v1__expand-icon{font-size:1.67vw;}
    .job_listings_module_v1__job-details{padding:0 0 1.39vw;}

    .blog-related-posts__list{gap:2.78vw;}
    .related-post__image{height:16.67vw;}
    .related_tag_date_parent{padding-bottom:1.04vw;border-bottom:0.07vw solid rgba(51,51,51,0.20);margin:1.94vw 0 1.04vw 0;gap:1vw;}
    .related-post__tag-link{font-size:0.97vw;}
    .related-post__tag-link::after{margin-left:0.69vw;}
    .related-post__title{margin:1.04vw 0;padding:0.21vw 0;}
    .related-post .DotContent{height: .4vw;width: .4vw;}

    .TabsMainSection .CategoryTab2 .FeaturedColBox:hover:before{backdrop-filter: blur(.347vw);}

    .OriginBannerButton .button:not(.button--secondary) a{border-radius:0.278vw;}

    .ProdServiceImgTextMain .ProducerIntroductionInner .RightPart{padding:3.333vw;}
    .ProdServiceImgTextMain .RightPartInner {max-width: 27.778vw;}
    .ProdServiceImgTextMain .ButtonContent .button:not(.button--secondary) a{padding-right:9.583vw;}
    .ProdServiceImgTextMain .ButtonContent .button:not(.button--secondary) a:after{right:1.74vw;height:0.694vw;width:0.833vw;}

    .ProducerServiceBanner .ProducerServiceBannerOuter{max-width:80vw;}
    .ProducerServiceBanner .SectionTitle h1{font-size:11.39vw;letter-spacing:-0.89vw;}
    .ProducerServiceBanner .FeatureContentInner .LeftPart .TopContent{padding:7.431vw 3.333vw;}
    .ProducerServiceBanner .FeatureContentInner .LeftPart .GalleryGroup .GalleryItem img{width:10vw;height:10vw;}
    .ProducerServiceBanner .ButtonContent .button:not(.button--secondary) a{padding-right:9.583vw;}
    .ProducerServiceBanner .ButtonContent .button:not(.button--secondary) a:after{right:1.74vw;height:0.694vw;width:0.833vw;}

    .ProducerServiceBanner .FeatureContentInner .LeftPart .GalleryGroup .GalleryItem img {
        min-height: 13.194vw;
        max-height: 13.194vw;
    }

    .ProdServiceIntroMain .ProducerIntroductionInner .RightPart{padding:3.333vw;}
    .ProdServiceIntroMain .RightPartInner {padding: 1.667vw;max-width: 27.778vw;border-radius: 0.556vw;}
    .ProdServiceIntroMain .ButtonContent .button:not(.button--secondary) a{padding-right:9.583vw;}
    .ProdServiceIntroMain .ButtonContent .button:not(.button--secondary) a:after{right:1.74vw;height:0.694vw;width:0.833vw;}

    .popupiframeStyle {max-width: 70.833vw;padding: 4.861vw;}


    .ProducerLogo {
        gap: 1.389vw 0.694vw;
    }

}

@media(max-width:1440px){
    .ourValue_rightin { padding: 0 3.479vw; }
    .ourValue_titles h2 { margin-bottom: 2.09vw; }
    .ourValue_box { padding: 5.591vw 0; }
    .ourValue_box .ourValue_boximg { margin: 4.173vw 0; }
    .ourValue_Titles .listTitle { font-size: 2.578vw; line-height: 2.658vw; }
    .secTitle h2 { font-size: 1.1vw; }
}

@media(max-width:1280px){
    .ourValue_box .leftText { font-size: 1.2vw; }
    .ourValue_box .ourValue_boxtext { font-size: 1.2vw;}
    .ourValue_box { padding: 4.15vw 0; }
    .ourValue_box { padding: 4.3vw 0; }
    .ourValue_box .ourValue_boximg {margin: 3.521vw 0; }
    .ourValue_rightin { padding: 0 3.1vw;}
}


@media (max-width: 1199px){
    .Font18, .Font18 a, .Font18 h1, .Font18 h2, .Font18 h3, .Font18 h4, .Font18 h5, .Font18 h6 {  font-size: 17px; }
    .FeaturedColBox {min-height: 420px;height: auto;}

    .HeroMainBanner {min-height: calc(100vh - 75px);}

    .FilterbyProduct {width: 100%;align-items: center;backdrop-filter: blur(6.65px);background: hsla(54, 14%, 86%, .4);display: flex;flex-wrap: wrap;height: 100vh;left: 0;position: fixed;top: 0;width: 100%;z-index: 999;justify-content: center;}
    .FilterbyPopupCol {width: 100%;}
    .FilterbyPopupRow {padding: 50px;position: relative;}
    .FilterbyPopupMain {position: inherit;}
    .FilterbyProductInner {position: relative;background: #fff;border-radius: 4px;box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .12);padding: 12px;width: 60%;}
    .Filter-child-Expand {width: 44px;height: 44px;display: block;cursor: pointer;padding: 3px;z-index: 999;position: absolute;top: 20px;left: 20px;background: #fff;border-radius: 50%;}
    .Filter-child-Expand i {position: relative;width: 24px;top: 8px;left: 0;border-radius: 5px;height: 2px;opacity: 1;display: block;background-color: #120e03;margin: 6px auto;transition: all ease .3s;-webkit-transition: all ease .3s;-moz-transition: all ease .3s;}
    .Filter-child-Expand i:first-child {transform: rotate(135deg);-webkit-transform: rotate(135deg);top: 11px;position: relative;}
    .Filter-child-Expand i:nth-child(2) {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);top: 3px;position: relative;}

    .PartnerLogosCol.ExtaraLogo {display: none;}
    .PartnerLogosRow {justify-content: center;}

    .OriginVideoCol {width: 60%;}
    .OriginVideoPopup.popupiframeStyle {width: 60%;padding: 80px 40px;}
    .ConnectFarmerCol {padding: 30px;}
    .ConnectFarmerTopBox {padding-left: 30px;padding-right: 30px;}
    .ConnectFarmerToprow  .ConnectFarmerTopButton .button a {min-width: auto;}
    .CoffeesCollection .FeaturedColBox {height: auto;padding: 0;min-height: 350px;}

    .AboutUsCol.Text {max-width: 70%;}
    .BridgepointTitle .Font24 {font-size: 18px;}
    .BridgepointTitle img {width: 230px !important;max-width: 100%;}
    .BridgepointTitle {max-width: 500px;width: 100%;}
    .BridgepointColLeft {width: 55%;}
    .BridgepointColRight {width: 45%;}

    .FAQcol:first-child {padding-right: 30px;}

    .figma-blog__column--left article.figma-blog__post:first-of-type{margin-top:300px;}
    .CoffeePdpDetailsMain .ProducerIntroductionInner .RightPart {align-items: center;}
    .CoffeePdpImgTextMain .ProducerIntroductionInner .RightPart{align-items:center;}
    .CoffeePdpImgTextMain .ProducerIntroductionInner .LeftPart,
    .CoffeePdpImgTextMain .ProducerIntroductionInner .RightPart{width:50%;}
    .CoffeePdpRatingMain .ProducerIntroductionInner .RightPart {align-items: center;}

    .ContactFormMain .Font40 h1, 
    .ContactFormMain .Font40 h2, 
    .ContactFormMain .Font40 h3 {font-size: 33px;line-height: 1.5;}
    .ContactFormMain .form-title{padding:20px 0 20px 0;}

    .FaqMain .LeftPart .LeftPartInner{position:sticky;top:25px;}
    .FaqMain .TableGroup .TableItem{padding-bottom:35px;}
    .FaqMain .Font24 h1,
    .FaqMain .Font24 h2,
    .FaqMain .Font24 h3{font-size:24px;line-height:1.6;}
    .FaqMain .ButtonContent .button a{border-radius:4px;}
    .FaqMain .TableGroup .TableHeading h2{font-size:26px;}
    .FaqMain .LeftPart .TableTitlesGroup .TableTitleItem{padding:20px 0;}

    .IndividualBodyMain .LeftSide {width: 35%;}
    .IndividualBodyMain .RightSide {padding-left: 60px;width: 65%;}
    .IndividualBodyMain .LeftPart .LeftPartInner{position:sticky;top:0;}
    .IndividualBodyMain .TableGroup .TableItem{padding-bottom:35px;}
    .IndividualBodyMain .Font24 h1,
    .IndividualBodyMain .Font24 h2,
    .IndividualBodyMain .Font24 h3{font-size:24px;line-height:1.6;}
    .IndividualBodyMain .ButtonContent .button a{border-radius:4px;}
    .IndividualBodyMain .TableGroup .TableHeading h2{font-size:26px;}
    .IndividualBodyMain .LeftPart .TableTitlesGroup .TableTitleItem{padding:20px 0;}

    .job_listings_module_v1__content{flex:1;}
    .job_listings_module_v1{gap:25px;}

    .ProdServiceImgTextMain .ProducerIntroductionInner .RightPart {align-items: center;}
    .ProducerServiceBanner .SectionTitle h1{font-size:140px;letter-spacing:-11.2px;}
    .ProdServiceIntroMain .ProducerIntroductionInner .RightPart {align-items: center;justify-content: center;}

}

@media(max-width:1140px){
    .secTitle h2 { font-size: 1.5vw; }
    .ourValue_Titles .listTitle { font-size: 3.078vw; line-height: 3.158vw; }
    .ourValue_titles { font-size: 16px; line-height: 1.2; }
    .ourValue_box .leftText, .ourValue_box .ourValue_boxtext { font-size: 14px; line-height: 1.3; }
    .ourValue_box { padding: 3.9vw 0; }
    .ourValue_box .ourValue_boxtext .text { padding-left: 10px; width:70%; }
    .ourValue_box .leftText{width:30%;}
}

@media (max-width:1024px){
    .figma-blog__column--left article.figma-blog__post:first-of-type {margin-top:0px;}
    .figma-blog__title{font-size:24px;line-height:30px;}
    .figma-blog__link{font-size:24px;line-height:30px;}
    .figma-blog__post.FilterBox {height: 60px;margin-bottom:60px;}
    .figma-blog__filter {height: fit-content;left: 50%;margin: 0 auto;max-width: 50%;position: absolute;transform: translateX(-50%);width: 100%;}

    .job_listings_module_v1__title{font-size:32px;}
    .job_listings_module_v1__subtitle{font-size:20px;line-height:24px;margin-bottom:30px;}
    .job_listings_module_v1__listings{max-width:100%;}

    .blog-related-posts__list{grid-template-columns:repeat(2,1fr);}

}

@media(min-width:1025px and max-width:1199px){
    .figma-blog__column--left article.figma-blog__post:first-of-type{margin-top:510px;}
}


@media (max-width: 991px){
    .Font18, .Font18 a, .Font18 h1, .Font18 h2, .Font18 h3, .Font18 h4, .Font18 h5, .Font18 h6 {  font-size: 16px; }
    .Font32,.Font32 a, .Font32 h1, .Font32 h2, .Font32 h3, .Font32 h4, .Font32 h5, .Font32 h6  { font-size:22px; }

    .HeroMainBannerColLeft {max-width: 100%;}
    .HeroMainBannerColRight {padding-top: 30px;padding-bottom: 30px;}
    .OriginBannerCol.OriginBannerColText {padding: 30px 25px;}
    .OriginVideoPopup.popupiframeStyle {width: 75%;padding: 70px 30px;    }
    .OriginVideoCol {width: 75%;}
    .CoffeesCollection .FeaturedColBox {height: auto;min-height: 260px;padding: 0;}
    .AboutUsCol.Text {max-width: 50%;}

    .OurTeamColMain {height: 270px;}

    .BridgepointColLeft {width: 100%;display: flex;gap: 16px;padding-right: 0;padding-bottom: 15px;flex-wrap: wrap;}
    .BridgepointColRight {width: 100%;}
    .BridgepointImageV1 {margin: 0;max-width: 100%;padding-top: 0;width: calc(50% - 8px);}
    .BridgepointTitle {max-width: 100%;width: calc(50% - 8px);}

    .GuidingValuesInner .Font20 {width: 100%;}
    .GuidingValuesRow {margin-top: 50px;margin-bottom: 20px;}
    .GuidingValuesInner.d-flex.justify-space-between {justify-content: center;text-align: center;}

    .BlogBannerMain .MainTitle h1{font-size:60px;}

    .CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart,
    .CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart{width:100%;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .slider-controls {bottom: 5%;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .RightPartInner{max-height:100%;overflow-y:visible;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .TopContent{padding:60px 45px;}
    .CoffeePdpBannerMain .AtcModelMain {width: 60%;margin-left: 0;bottom: 45px;right: 0;padding:0 15px;}
    .CoffeePdpBannerMain .AtcModelInner .AtcLeftPart {width: 100%;padding: 0 0 20px 0;}
    .CoffeePdpBannerMain .AtcModelInner .AtcRightPart {width: 100%;}
    .CoffeePdpBannerMain .AtcModelInner .ButtonContent .ButtonBox_1 {width: 100%;}
    .CoffeePdpBannerMain .AtcModelInner .ButtonContent .ButtonBox_2 {width: 100%;padding: 15px 0 0 0;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .RightPartInner .ButtonContent{display: flex;flex-wrap:wrap;gap: 20px;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .RightPartInner .ButtonContent .ButtonBox{width:calc(50% - 10px);}
    .CoffeePdpDetailsMain .ProducerIntroductionInner .LeftPart,.CoffeePdpDetailsMain .ProducerIntroductionInner .RightPart{width:100%;}
    .CoffeePdpDetailsMain .ProducerIntroductionInner .RightPart{justify-content:center;}
    .CoffeePdpDetailsMain .RightPartInner{max-width:100%;}
    .CoffeePdpImgTextMain .ProducerIntroductionInner .LeftPart,
    .CoffeePdpImgTextMain .ProducerIntroductionInner .RightPart{width:100%;}
    .CoffeePdpImgTextMain .ProducerIntroductionInner .RightPart{justify-content:center;padding-bottom:0;}
    .CoffeePdpImgTextMain .RightPartInner{max-width:100%;}
    .PostRatingSecMain .PostRatingSecOuter{width:100%;padding-left:0;margin:0;}
    .CoffeePdpRatingMain .ProducerIntroductionInner .LeftPart,.CoffeePdpRatingMain .ProducerIntroductionInner .RightPart{width:100%;}
    .CoffeePdpRatingMain .ProducerIntroductionInner .RightPart{justify-content:center;padding:45px 0 0 0;}

    .CoffeePdpVideoMain{min-height:450px;}

    .ProducerSerSwapMain .FeatureContentInner .LeftPart,
    .ProducerSerSwapMain .FeatureContentInner .RightPart{width:100%;}
    .ProducerSerSwapMain .FeatureContentInner .LeftPart .TopContent{padding:60px 45px;}

    .ContactFormMain .FormTitleOuter .LeftPart{width:100%;}
    .ContactFormMain .FormTitleOuter .RightPart{width:100%;}
    .ContactFormMain .form-title {padding: 20px 0 20px 0;font-size: 13px;}
    .ContactFormMain .Font40 h1, 
    .ContactFormMain .Font40 h2, 
    .ContactFormMain .Font40 h3 {font-size: 28px;line-height: 1.4;}

    .DiscovercolInner a {gap: 12px;}
    .DiscovercolInner a span.Icon svg {width: 22px;}
    .Discovercol {height: 220px;}

    .FeaturedTopRow {flex-wrap: wrap;}

    .FaqMain .LeftPart{width:100%;position:relative;z-index:9;}
    .FaqMain .RightPart{width:100%;padding-left:0;}
    .FaqMain .TableGroup .TableItem{padding-bottom:30px;}
    .FaqMain .Font24 h1,
    .FaqMain .Font24 h2,
    .FaqMain .Font24 h3{font-size:28px;line-height:1.4;}
    .FaqMain .TableGroup .TableHeading h2{font-size:22px;}
    .FaqMain .TableTitleItem .DotContent {height: 22px;width: 22px;}
    .FaqMain .TableTitleItem .DotContent .DotWrapper {height: 12px;width: 12px;}
    .FaqMain .LeftPart .TableTitlesGroup .TableTitleItem h5{color:#fff;}
    .FaqMain .LeftPart .TableTitlesGroup .TableTitleItem{padding: 10px 20px;;}
    .FaqMain .LeftPart .TableTitlesGroup .TableTitleItem.active .DotWrapper{background-color:#fff;}
    .FaqMain .toc-dropdown-toggle {display: block;width: 100%;padding: 15px 20px;background: #37331E;color: white;border: none;cursor: pointer;text-align: left;font-size: 16px;position: relative;}
    .FaqMain .toc-dropdown-toggle:after {transition:400ms all;background-image: url(https://46320820.fs1.hubspotusercontent-na1.net/hubfs/46320820/bridging-tables-theme/images/Dropdown-Arrow-1.svg);background-repeat: no-repeat;background-size: cover;content: "";height: 7px;position: absolute;right: 20px;top: 22px;width: 12px;}
    .FaqMain .toc-dropdown-toggle.active:after{transform:rotate(180deg);}
    .FaqMain .TableTitlesGroup {color:#fff;display: none;background:#37331E;position: absolute;width: 100%;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);z-index: 10;}
    .FaqMain .TableTitlesGroup.show {display: block;}

    .IndividualBodyMain .LeftSide{padding:0;width:100%;}
    .IndividualBodyMain .RightSide {width:100%;padding:25px 0 0 0;}
    .IndividualBodyMain .LeftPart{width:100%;position:relative;z-index:9;padding-bottom:25px;}
    .IndividualBodyMain .LeftPart .LeftPartInner{padding:30px;}
    .IndividualBodyMain .RightPart{width:100%;padding-left:0;}
    .IndividualBodyMain .TableGroup .TableItem{padding-bottom:30px;}
    .IndividualBodyMain .Font24 h1,
    .IndividualBodyMain .Font24 h2,
    .IndividualBodyMain .Font24 h3{font-size:28px;line-height:1.4;}
    .IndividualBodyMain .TableGroup .TableHeading h2{font-size:22px;}

    .IndividualBodyMain .TableTitleItem .DotContent {height: 22px;width: 22px;}
    .IndividualBodyMain .TableTitleItem .DotContent .DotWrapper {height: 12px;width: 12px;}
    .IndividualBodyMain .LeftPart .TableTitlesGroup .TableTitleItem h5{color:#fff;}
    .IndividualBodyMain .LeftPart .TableTitlesGroup .TableTitleItem{padding: 10px 20px;}
    .IndividualBodyMain .LeftPart .TableTitlesGroup .TableTitleItem:last-child{border-bottom:none;}
    .IndividualBodyMain .LeftPart .TableTitlesGroup .TableTitleItem.active .DotWrapper{background-color:#fff;}
    .IndividualBodyMain .toc-dropdown-toggle {display: block;width: 100%;padding: 15px 20px;background: #37331E;color: white;border: none;cursor: pointer;text-align: left;font-size: 16px;position: relative;}
    .IndividualBodyMain .toc-dropdown-toggle:after {transition:400ms all;background-image: url(https://46320820.fs1.hubspotusercontent-na1.net/hubfs/46320820/bridging-tables-theme/images/Dropdown-Arrow-1.svg);background-repeat: no-repeat;background-size: cover;content: "";height: 7px;position: absolute;right: 20px;top: 22px;width: 12px;}
    .IndividualBodyMain .toc-dropdown-toggle.active:after{transform:rotate(180deg);}
    .IndividualBodyMain .TableTitlesGroup {color:#fff;display: none;background:#37331E;position: relative;width: 100%;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);z-index: 10;}
    .IndividualBodyMain .TableTitlesGroup.show {display: block;border-radius:0 0 4px 4px;}

    .ProdServiceImgTextMain .ProducerIntroductionInner .LeftPart,.ProdServiceImgTextMain .ProducerIntroductionInner .RightPart{width:100%;}
    .ProdServiceImgTextMain .ProducerIntroductionInner .RightPart{justify-content:center;}
    .ProdServiceImgTextMain .RightPartInner{max-width:100%;}

    .ProducerServiceBanner .SectionTitle h1{font-size:110px;letter-spacing:-8.8px;}
    .ProducerServiceBanner .FeatureContentInner .LeftPart,
    .ProducerServiceBanner .FeatureContentInner .RightPart{width:100%;}
    .ProducerServiceBanner .FeatureContentInner .LeftPart .TopContent{padding:60px 45px;}

    .ProdServiceIntroMain .ProducerIntroductionInner .LeftPart,.ProdServiceIntroMain .ProducerIntroductionInner .RightPart{width:100%;}
    .ProdServiceIntroMain .ProducerIntroductionInner .RightPart{justify-content:center;}
    .ProdServiceIntroMain .RightPartInner{max-width:100%;}

    .ProducerServiceBanner .FeatureContentInner .LeftPart .GalleryGroup .GalleryItem img {
        max-height: 132px;
        min-height: 132px;
        object-fit: cover;
    }
}

@media (max-width: 767px){
    .Font24, .Font24 a, .Font24 h1, .Font24 h2, .Font24 h3, .Font24 h4, .Font24 h5, .Font24 h6 {font-size: 20px;}
    .FeaturedRow .slick-list.draggable {padding-right: 20px !important;}
    .FeaturedSection .wrapping-left { padding-right: 0; }
    .FeaturedColBox {min-height: 480px;height: auto;}
    .MarketplaceFilterbyLeng {width: 20px;}
    .MarketplaceFilterbyRow {gap: 15px;}
    .MarketplaceFilterByLink {gap: 10px;padding: 13px 0;width: 110px;}
    .Featuredbtnwrap span {height: 36px;width: 36px;}
    span.expandTabmenu {align-items: center;border: 1px solid rgba(51, 51, 51, .2);border-radius: 4px;cursor: pointer;line-height: 1.3;padding: 15px;width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 10px;}
    .MarketplaceSubCategory ul {width: 100%;display: block;position: absolute;padding: 14px 20px;left: 0;top: 100%;background: #f4f3e9;display: none;}
    .CategoryList ul li:after {display: none;}
    .MarketplaceSubCategory {position: relative;z-index: 2;}
    span.expandTabmenu span+span {line-height: 0;width: 17px;}
    span.expandTabmenu span+span svg {width: 100%;height: auto;}
    span.expandTabmenu.change span svg {transform: rotate(180deg);}

    .FilterbyPopupBoxLeft ul li span + span {display: none;}
    .FilterbyPopupBoxLeft {width: 52px;}
    .FilterbyPopupBoxLeft ul li {padding: 5px;justify-content: center;}
    .FilterbyPopupBoxLeft ul li span:first-child svg {width: 100%;height: auto;}
    .FilterbyPopupBoxLeft ul li span:first-child {width: 100%;height: auto;}
    .FilterbyTabList {background: #f4f4f3;padding: 10px;border-radius: 4px;margin-top: 10px;}
    .FilterbyPopupBoxRight {padding-top: 20px;padding-left: 10px;width: calc(100% - 52px);}
    .FilterbyProductInner {width: 75%;}
    .contWithImg .leftColWrp, .contWithImg .rightColWrp{width:100%;}
    .contWithImg .leftColWrp .leftColInner{padding:60px 15px;}
    .contWithImg .rightColWrp .rightColImgWrp{height:400px;}
    .ourOffersWrapper .leftColWrp, .ourOffersWrapper .rightColWrp {width: 100%;}
    .ourOffersWrapper .offerItems:last-child{padding-bottom:0;}
    .ourOffersWrapper .rightColImgWrp{height:400px;}
    .testimonialSection .testauthorLeft .testauthorImgWrp{width:90px;height:90px;}
    .testimonialSection .testauthorRight{width:calc(100% - 90px);padding-left:15px;}
    .testimonialSection .video_productionsCatBtn .btn{height:28px;width:20px;}
    .BtFormInner {padding: 30px 25px 30px;}

    .OriginBannerCol {width: 100%;}
    .OriginBannerRow {flex-direction: column-reverse;}
    .OriginTowColLeftPart, .OriginTowColRightPart {width: 100%;}
    .OriginVideoCol {width: 100%;}
    .OriginVideoPopup.popupiframeStyle {width: 100%;padding: 60px 20px;}

    .mfp-close-btn-in .OriginVideoPopup button.mfp-close {right: 15px;top: 15px;}
    .OriginVideoPopupContent {width: 100%;}
    .ConnectFarmerCol {width: 50%;border-right: 0;}
    .ConnectFarmerCol:last-child {width: 100%;border-top: 1px solid rgba(40, 40, 40, .1);}
    .ConnectFarmerCol:first-child {border-right: 1px solid rgba(40, 40, 40, .1);}
    .ConnectFarmerCol {padding: 30px 25px;}
    .ConnectFarmerTopBox {padding-left: 25px;padding-right: 25px;}

    .FeaturedFarmerSection .FeaturedColMain.OnTheFarmBox:before{display:none;}
    .CoffeesCollection .FeaturedColBox {min-height: auto;padding-bottom: 100%;}
    .CoffeesCollection .FeaturedCol {width: calc(50% - 10px);}

    .ProducersIntro .OriginTowColRightPart {padding-left: 0;}
    .ProducersIntro  .direction-row-reverse .OriginTowColRightPart {padding-right: 0;}
    .ProducersIntro  .OriginTowColInner {gap: 30px;}
    span.InfoSubTitle {padding-right: 60px;}

    .OurTeamCol {width: 100%;}
    .OurTeamColMain {height: auto;padding-top: 100%;}
    .OurTeamPopupContent {padding: 60px 20px;}
    .OurTeamRight {width: 100%;padding-left: 0;padding-top: 40px;}
    .OurTeamContent {padding-right: 0;}
    .OurTeamLeft {width: 100%;}

    .FAQcol:first-child {padding-right: 0px;}
    .FAQcol {width: 100%;}
    .FAQrow {gap: 30px;}

    .BlogBannerMain .MainTitle h1{font-size:48px;}

    .figma-blog__columns{flex-direction:column;}
    .figma-blog__column{width:100%;}
    .figma-blog__post.FilterBox {margin: 0 auto 30px;}
    .figma-blog__column--left article.figma-blog__post:first-of-type{margin-top:0;}
    .figma-blog__filter {max-width:100%;width: 100%;margin: 0 auto;}

    .CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .RightPartInner{padding:48px 15px;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .LeftPart .TopContent{padding:40px 40px;}
    .CoffeePdpBannerMain button.slick-next,
    .CoffeePdpBannerMain button.slick-prev{height:42px;width:42px;}
    .CoffeePdpBannerMain .RightPart .AdditionalSampleContent .BottomStripContent{margin-top:10px;}
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) {padding: 80px 30px 50px;width:100%;}
    .CoffeePdpBannerMain .AtcModelMain {width: 100%;}
    .popupiframeStyle:has(.CofeePdpPopUpFormMain) form {padding-top: 35px;}

    .CoffeePdpDetailsMain .ProducerIntroductionInner .RightPart {padding:40px 30px;}

    .CoffeePdpRatingMain .DetailsItemInner .LeftContent {width: 100%;padding-right:0;}
    .CoffeePdpRatingMain .DetailsItemInner .RightContent {width:100%;}

    .ProducerSerSwapMain .FeatureContentInner .LeftPart .TopContent{padding:40px 40px;}
    .ProducerSerSwapMain button.slick-next,
    .ProducerSerSwapMain button.slick-prev{height:42px;width:42px;}

    .ContactFormMain .Font40 h1, 
    .ContactFormMain .Font40 h2, 
    .ContactFormMain .Font40 h3 {font-size: 21px;line-height: 1.3;}

    .Discoverrow {flex-wrap: wrap;}
    .Discovercol {width: 100%;}
    .Discovercol.active {width: 100%;}
    .Discovercol.noactive {width: 100%;}

    .FaqMain .TableGroup .FaqTitle{padding:15px 0;}
    .FaqMain .Font24 h1,
    .FaqMain .Font24 h2,
    .FaqMain .Font24 h3{font-size:21px;line-height:1.3;}
    .FaqMain .TableGroup .TableItem{padding-bottom:45px;}

    .IndividualBodyMain .TableGroup .FaqTitle{padding:15px 0;}
    .IndividualBodyMain .Font24 h1,
    .IndividualBodyMain .Font24 h2,
    .IndividualBodyMain .Font24 h3{font-size:21px;line-height:1.3;}
    .IndividualBodyMain .TableGroup .TableItem{padding-bottom:45px;}

    .job_listings_module_v1{flex-direction:column-reverse;}
    .job_listings_module_v1__title{font-size:28px;margin-top:20px;}
    .job_listings_module_v1__job-details{padding:0 0 15px;}
    .job_listings_module_v1__expand-icon{font-size:20px;}

    .blog-related-posts__list{grid-template-columns:1fr;}

    .ourValue_wrap{display:none;}
    .ourValue_mobile { padding-left: 15px; padding-right: 15px; background-color: #FFFEF2; }
    .ourValue_mobile .ourValue_mobile_box { border-bottom: 1px solid #dcdcdc;}
    .ourValue_mobile .ourValue_heading { padding: 20px 0;gap:10px; position: relative; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
    .ourValue_mobile .ourValue_Content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; }
    .ourValue_mobile .icon.active { background: transparent; border: 2px solid #fff; }
    .ourValue_mobile .icon:hover { cursor: pointer; }
    .ourValue_mobile .icon_shape { position: relative; width: 35px; height: 35px; }
    .ourValue_mobile .icon .icon_shape::before, .ourValue_mobile .icon .icon_shape::after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #000; border-radius: 3px; transition: all 0.5s ease; }
    .ourValue_mobile .icon .icon_shape::before { width: 30px; height: 2px; }
    .ourValue_mobile .icon .icon_shape::after { width: 2px; height: 30px; }
    .ourValue_mobile .icon.active .icon_shape::before { transform: translate(-50%, -50%) rotate(180deg); }
    .ourValue_mobile .icon.active .icon_shape::after { transform: translate(-50%, -50%) rotate(90deg); }
    .ourValue_mobile .ourValue_mobile_box .ourValue_boximg { width: 95%; height: 41.721vw; position: relative; overflow: hidden; margin: 4.564vw auto; }
    .ourValue_mobile .ourValue_mobile_box .ourValue_boximg img { width: 100%; height: 100%; object-fit: contain; }
    .ourValue_mobile .ourValue_mobile_box .ourValue_boximg video { width:100%; height:100%; object-fit:cover; min-height:100%;max-width:100%; }
    .ourValue_mobile .ourValue_Content_Inner{padding-bottom: 20px;}
    .ourValue_mobile .ourValue_titles h2 { margin-bottom: 0; }
    .ourValue_mobile .secTitle h2 { font-size: 30px; color:#333; }

    .ProdServiceImgTextMain .ProducerIntroductionInner .RightPart {padding:40px 30px;}
    .ProducerServiceBanner .SectionTitle h1{font-size:64px;letter-spacing:-1.8px;}
    .ProducerServiceBanner .FeatureContentInner .LeftPart .TopContent{padding:40px 40px;}
    .ProdServiceIntroMain .ProducerIntroductionInner .RightPart {padding:40px 30px;}

}

@media (max-width: 650px){
    .ConnectFarmerCol {width: 100%;border-top: 1px solid rgba(40, 40, 40, .1);}
    .ConnectFarmerRow {border-top: 0;}
    .CoffeesCollection .FeaturedCol {width: 100%;}
    .CoffeesCollection .FeaturedRow {gap: 30px;}
    .VideoPlayButton a {height: 72px;width: 72px;}
    .BridgepointTitle .Font24 {font-size: 16px;}

    .popupiframeStyle {padding: 50px 20px;}

}

@media (max-width: 480px){
    .FeaturedOrderSamples { padding: 15px;}
    .FeaturedColBox {min-height: 395px;height: auto;}
    .FilterbyPopupRow {padding: 30px 15px;position: relative;}
    .FilterbyPopupBoxLeft ul {display: flex;flex-wrap: wrap;gap: 6px;}
    .FilterbyPopupBoxLeft {width: 100%;}
    .FilterbyPopupBoxLeft ul li {width: 42px;padding: 2px;}
    .FilterbyPopupBoxRight {padding-left: 0;width: 100%;}
    .FilterbyPopupBoxRow {display: block;}
    .FilterbyPopupBoxLeft ul li.current, .FilterbyPopupBoxLeft ul li:hover {background: #333;}
    .FilterbyProductInner {width: 80%;}

    .OriginTowColRightPart {padding: 30px 15px;}
    .AlternateMain .OriginTowColTextImg {padding:30px 15px;width: 100%;}
    .OriginVideoPopup.popupiframeStyle {padding: 60px 15px;}
    .ConnectFarmerTopBox {padding-left: 15px;padding-right: 15px;}
    .ConnectFarmerCol {padding: 25px 15px;}

    .BridgepointImageV1, .BridgepointTitle {width: 100%;}

    .GuidingValuesCol {padding: 50px 15px;}
    .slides-numbers {margin-bottom: -40px;}
    .GuidingValuesText {width: 100%;}

    .WorkWithUsCol {width: 100%;}
    .WorkWithUsCol.Right {padding-left: 0;padding-top: 20px;}
    .GuidingValuesImage img {height: 190px !important;}

    .CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .LeftContent {width: 100%;}
    .CoffeePdpBannerMain .RightPart .PriceBreakContent .BoxGroup .RightContent {width: 100%;margin-top: 20px;}
    .CoffeePdpBannerMain .ButtonContent .button a{display:block;}
    .CoffeePdpBannerMain .ButtonContent .button:not(.button--secondary) a{min-width:100%;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .RightPartInner .ButtonContent{display: flex;gap: 0px;}
    .CoffeePdpBannerMain .CoffeePdpBannerInner .RightPart .RightPartInner .ButtonContent .ButtonBox{width: 100%;}

    .job_listings_module_v1__title{font-size:24px;}
    .job_listings_module_v1__subtitle{font-size:16px;line-height:20px;margin-bottom:20px;}
    .job_listings_module_v1__job-details{padding:0 0 12px;}
    .job_listings_module_v1__expand-icon{font-size:18px;}

    .ourValue_mobile .ourValue_mobile_box .ourValue_boximg{width:100%;}
    .ourValue_mobile .icon_shape { height: 25px; width: 25px; }
    .ourValue_mobile .icon .icon_shape:before { width: 25px; }
    .ourValue_mobile .icon .icon_shape:after { height: 25px; }

    .ProducerServiceBanner .ButtonContent .button a{display:block;}

}

@media(max-width:475px){
    .ProducerSerSwapMain .ButtonContent .button a{display:block;}
    .ProducerSerSwapMain .ButtonContent .button:not(.button--secondary) a{min-width:100%;}
}


@media (max-width: 390px){
    .OrderSamplesLeft {width: 100%;}
    .OrderSamplesRight {width: 100%;padding: 20px 0px 15px;}
    .OrderSamplesRightTop .pt65 {padding-top: 20px;}
}