/*
Theme Name: Espresso Shop Pro
Theme URI: https://www.wpradiant.net/products/spoken-english-classes-wordpress-theme/
Author: wpradiant themes
Author URI:
Description:Espresso Shop Pro
Version: 0.0.1
Tested up to: 6.2
Requires at least: 5.9
Requires PHP: 7.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: espresso-shop-pro
*/

@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap');

/* --------- Loader Box ---------- */
.spinner-loading-box {
    background: #3e84dc;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

:root {
  --arrow-icon: polygon(
    95.455% 47.727%,
    47.727% 71.591%,
    0% 95.455%,
    47.727% 47.727%,
    0% 0%,
    47.727% 23.864%,
    95.455% 47.727%
  );
}

.wp-block-column.top-header-col ul li.has-child:hover ul {
    /* animation: slideInDown 0.2s linear;   */
    animation: fadeInDown 0.5s linear;
}

.top-header-col nav{
    height: 100% !important;
}

/* 
.multi-spinner-container {
    width: 150px;
    height: 150px;
    position: relative;
    margin: 30px auto;
    overflow: hidden;
}
.multi-spinner {
    position: absolute;
    width: calc(100% - 9.9px);
    height: calc(100% - 9.9px);
    border: 5px solid transparent;
    border-top-color: #fff;
    border-radius: 50%;
    -webkit-animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;
    animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;
} */

/* HTML: <div class="loader"></div> */
/* HTML: <div class="loader"></div> */
.loaderz {
  width: 120px !important;
  height: 22px;
  border-radius: 20px;
  color: #CC9163;
  border: 2px solid;
  position: relative;
}
.loaderz::before {
  content: "";
  position: absolute;
  margin: 2px;
  inset: 0 100% 0 0;
  border-radius: inherit;
  background: currentColor;
  animation: l6 2s infinite;
}
@keyframes l6 {
    100% {inset:0}
}
/* .loaderz {
  width: 22px !important;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #F10C49;
  animation: l10 1.5s infinite linear;
  transform: scale(1.5);
}
@keyframes l10 {
  0%    {box-shadow: 
          0 -30px #6B46C1, calc(30px*0.707) calc(-30px*0.707) #199F3A,30px 0 #6B46C1, 0 0 #F28009,
          0 0 #6B46C1, 0 0 #199F3A,0 0 #6B46C1, 0 0 #F28009}
  12.5% {box-shadow: 
          0 0 #6B46C1, calc(30px*0.707) calc(-30px*0.707) #199F3A,30px 0 #6B46C1, calc(30px*0.707) calc(30px*0.707) #F28009,
          0 0 #6B46C1, 0 0 #199F3A,0 0 #6B46C1, 0 0 #F28009}
  25%   {box-shadow: 
          0 0 #6B46C1, 0 0 #199F3A,30px 0 #6B46C1, calc(30px*0.707) calc(30px*0.707) #F28009,
          0 30px #6B46C1, 0 0 #199F3A,0 0 #6B46C1, 0 0 #F28009}
  37.5% {box-shadow: 
          0 0 #6B46C1, 0 0 #199F3A,0 0 #6B46C1, calc(30px*0.707) calc(30px*0.707) #F28009,
          0 30px #6B46C1, calc(-30px*0.707) calc(30px*0.707) #199F3A,0 0 #6B46C1, 0 0 #F28009}
  50%   {box-shadow: 
          0 0 #6B46C1, 0 0 #199F3A,0 0 #6B46C1, 0 0 #F28009,
          0 30px #6B46C1, calc(-30px*0.707) calc(30px*0.707) #199F3A,-30px 0 #6B46C1, 0 0 #F28009}
  62.5% {box-shadow: 
          0 0 #6B46C1, 0 0 #199F3A,0 0 #6B46C1, 0 0 #F28009,
          0 0 #6B46C1, calc(-30px*0.707) calc(30px*0.707) #199F3A,-30px 0 #6B46C1, calc(-30px*0.707) calc(-30px*0.707) #F28009}
  75%   {box-shadow: 
          0 -30px #6B46C1, 0 0 #199F3A,0 0 #6B46C1, 0 0 #F28009,
          0 0 #6B46C1, 0 0 #199F3A,-30px 0 #6B46C1, calc(-30px*0.707) calc(-30px*0.707) #F28009}
  87.5% {box-shadow: 
          0 -30px #6B46C1, calc(30px*0.707) calc(-30px*0.707) #199F3A,0 0 #6B46C1, 0 0 #F28009,
          0 0 #6B46C1, 0 0 #199F3A,0 0 #6B46C1, calc(-30px*0.707) calc(-30px*0.707) #F28009}
  100%  {box-shadow: 
          0 -30px #6B46C1, calc(30px*0.707) calc(-30px*0.707) #199F3A,30px 0 #6B46C1, 0 0 #F28009,
          0 0 #6B46C1, 0 0 #199F3A,0 0 #6B46C1, 0 0 #F28009}

} */

body.admin-bar.has-mtsnb .wp-block-group.header-container.sticky {
    top: 72px !important;
}
.mtsnb-button-type a {
    padding: 2px 10px;
	background-color: #6B46C1;
    border-radius: 5px;
    display: inline-block;
	&:hover {
		background-color: #E549AE;
	}
}

.wp-block-group.header-container.sticky  .top-bar{
    display: none !important;
}

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary{display: block;}
audio,
canvas,
video{display: inline-block;}
audio:not([controls]){display: none; height: 0;}
[hidden]{display: none;}
html{font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

html,
button,
input,
select,
textarea{font-family: 'Figtree', sans-serif;}

body{margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;font-family: 'Roboto'; }

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

figure a{display:inline-block;}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration-style: solid;
}
.etn-speaker-info {border-radius: 10px;box-shadow: 0px 5px 15px #e6797969;}
.etn-speaker-info .etn-title.etn-speaker-name {margin-bottom: 10px;font-family:'Lato'; color: #e96967;}
.etn-speaker-info .etn-speaker-designation {font-family: 'Lato';font-weight: 600;}
.etn-speaker-details-meta a {color: #e96967;font-family: 'Lato';font-weight: 500;text-decoration: unset;&:hover {color: #000;}}

h1,
h2,
h3,
h4,
h5,
h6{clear: both; font-family: 'Lato';font-style: italic !important;}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color: inherit;font-style: italic !important;}

h1{font-size: 48px; margin: 33px 0;}
h2{font-size: 30px; margin: 25px 0;}
h3{font-size: 22px; margin: 22px 0;}
h4{font-size: 20px; margin: 25px 0;}
h5{font-size: 18px; margin: 30px 0;}
h6{font-size: 16px; margin: 36px 0;}

p{margin: 0 0 25px;font-style: italic !important;}

img{border: none; max-width: 100%; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;}

address{font-style: italic !important; margin: 0 0 24px;}
abbr[title]{border-bottom: 1px dotted;}
b,
strong{font-weight: bold;}
dfn{font-style: italic !important;}
mark{background: #ff0; color: #000;}
code,
kbd,
pre,
samp{font-family: monospace, serif; font-size: 14px; hyphens: none;}
pre{background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
blockquote, q{hyphens: none; quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content: ""; content: none;}
blockquote{font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px;}
blockquote blockquote{margin-right: 0;}
blockquote cite,
blockquote small{font-size: 14px; font-weight: normal; text-transform: uppercase;}
blockquote em,
blockquote i{font-style: normal; font-weight: 300;}
blockquote strong,
blockquote b{font-weight: 400;}
small{font-size: smaller;}
sub,
sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
dl{margin: 0 20px;}
dt{font-weight: bold;}
dd{margin: 0 0 20px;}
menu,
ol,
ul{margin: 16px 0; padding: 0 0 0 15px;}
ul{list-style-type: square;}
nav ul,
nav ol{list-style: none; list-style-image: none;}
li > ul,
li > ol{margin: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 0;}
form{margin: 0;}
fieldset{border: 1px solid #c0c0c0; margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em;}
legend{border: 0; padding: 0; white-space: normal;}

button,
input,
select,
textarea{font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;}
button,
input{line-height: normal;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance: button; cursor: pointer;}
button[disabled],
input[disabled]{cursor: default;}
input[type="checkbox"],
input[type="radio"]{padding: 0;}
input[type="search"]{-webkit-appearance: textfield; padding-right: 2px; width: 270px;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border: 0; padding: 0;}
textarea{overflow: auto; vertical-align: top; resize: none; min-height: 120px;}

table{border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; line-height: 2; margin: 0 0 20px;	width: 100%;}
caption,
th,
td{font-weight: normal; text-align: left;}
caption{font-size: 16px; margin: 20px 0;}
th{font-weight: bold; text-transform: uppercase;}
td{border-top: 1px solid #ededed; padding: 6px 10px 6px 0;}

/* Form fields styles. */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="password"],
textarea{border: 2px solid #FFFFFF1A; width: 100%; border-radius: 6px; padding: 10px; outline: none;font-family: 'Lato';}

select{background: transparent; border: 1px solid #00b5e2; width: 100%; border-radius: 8px; padding: 13px; outline: none;}

/* Placeholder text color -- selectors need to be separate to work. */
::placeholder{color: #000; opacity: 1; font-weight: 400;}
:-ms-input-placeholder{color: #041F69;}
::-ms-input-placeholder{color: #041F69;}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

 a:where(:not(.wp-element-button)):hover{
	color: red;
 }
/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
body.woocommerce-cart h1, body.woocommerce-cart .entry-content, body.woocommerce-checkout h1, body.woocommerce-checkout .wp-block-woocommerce-checkout, body.search.search-results h1, body.search.search-results .wp-block-query {
    max-width: 1320px !important;
    margin: auto;
}
.sticky{
	position: fixed !important;
    background-color: #fff;
	width: 100% !important;
	max-width: 100% !important;
    top: 32px !important;
	z-index: 999;
    box-shadow: 0px 4px 5px #e3e3e3;
}

.sticky .wp-block-columns.main-nav-header {
    border: unset !important;    
    background-color: unset !important;   
    
}

 .wp-block-columns.main-nav-header{
    max-width: 752px !important;
    margin-left: 0 !important;
 }

body.search.search-results h1 {
    font-family: 'Lato' !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 30px;
}
body.search.search-results .wp-block-query {
    margin-bottom: 15% !important;
}
body.woocommerce-checkout h1 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    font-family: 'Lato';
    font-weight: 400;
    color: #323232; 
}
.woocommerce-checkout .wp-block-woocommerce-checkout {
    margin-bottom: 50px;
}
.wp-block-stackable-text.insta-text-link a {
    text-decoration: unset;
    color: #fff;
    &:hover {
        color: #E549AE;
    }
}
.wp-block-column.insta-right-col{
    position: relative;
    &::after {
        content: '' !important;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: 2;
        background: linear-gradient(90deg,rgba(107, 70, 193, 1) 0%, rgba(107, 70, 193, 0) 25%, rgba(107, 70, 193, 0) 50%, rgba(107, 70, 193, 0) 75%, rgba(107, 70, 193, 1) 100%);
        pointer-events: none;
    }
}

.espresso-shop-pro-header .wp-block-navigation__submenu-container{min-width:215px !important; background:#5f1c00 !important;}
.espresso-shop-pro-menu .wp-block-navigation li{padding:17px 0px;}
.espresso-shop-pro-menu .wp-block-navigation__submenu-container li{padding:inherit;}
.espresso-shop-pro-menu .wp-block-group {padding:0;}
.wc-block-mini-cart__button:hover {background:transparent;}

.espresso-shop-pro-menu {font-family:Oswald;}
.espresso-shop-pro-header .wp-block-navigation li.current-menu-item .wp-block-navigation-item__label, .espresso-shop-pro-header .wp-block-navigation li .wp-block-navigation-item__label:hover{color:#5BAAEC;}

.espresso-shop-pro-ice-berg .wp-block-image{background:#5f1c00; width:170px; height:170px; border-radius:100%; align-items:center !important; display:flex !important; justify-content:center !important;}
.espresso-shop-pro-ice-berg h3 {width:50%; margin:0 auto;}
.espresso-shop-pro-ice-berg:hover .wp-block-image{background: #19375B;}
.espresso-shop-pro-ice-berg:hover h3{color:#19375B !important;}
.espresso-shop-pro-better-box .wp-block-image{background:#fff; width:100px; height:100px; border-radius:100%; align-items:center !important; display:flex !important; justify-content:center !important; float:left;}
.espresso-shop-pro-product-box .wc-block-components-product-image img {width:auto !important; margin:0 auto; display:table;}


.espresso-shop-pro-section .wp-block-columns{position: relative;
overflow: hidden;}
.espresso-shop-pro-discount-box {width:230px !important; height:230px; position:absolute; right:-60px; bottom:-50px;}
.espresso-shop-pro-inner-banner{ position:relative}

.espresso-shop-pro-section11-left {margin-right:100px !important;}
.espresso-shop-pro-section11{ position:relative;}
.espresso-shop-pro-section11::before {content:''; width:41.5%; position:absolute; height:100%; background:#19375B; z-index:0;}
.espresso-shop-pro-section11 .wp-block-columns{ position:relative; z-index:0;}

.espresso-shop-pro-section7-right .wp-block-image {position:absolute; right:0;}
.espresso-shop-pro-section7 {position:relative; overflow:hidden;}
.espresso-shop-pro-section5-left {position:relative;}
.espresso-shop-pro-section5-left::after {content:""; position:absolute; left:0; top:0; background:#19375B; width:45%; height:100%; z-index:-1;}
.espresso-shop-pro-header{ position:absolute !important; width:100%; z-index:2;}

/**woocommerce**/
.woocommerce div.product .product_title{ display: none;}
.entry-summary .price {padding-bottom:15px !important;}
.woocommerce div.product .quantity .qty {width:auto;}
.cart {padding-bottom:20px !important;}
.woocommerce div.product div.images img { width:100% !important; margin:0 auto;}
.woocommerce-tabs .tabs.wc-tabs {margin:0px !important; padding:0px !important;}
.woocommerce-tabs .tabs.wc-tabs:before{ border:none !important;}
.woocommerce-tabs .woocommerce-Tabs-panel {font-size:20px; padding:0px !important; background-color: #f6f6f6;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{color:#fff !important; border-radius:0px !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#fff; font-weight:400 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ display:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none !important; padding:5px 30px !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:#fff !important;}
.related.products h2 {text-align:center;}



.related.products li .price, .products li .price{ text-align:center;}
.related.products .button, .products .button{display:table; margin:0 auto;}
.related.products, .products{ text-align:center;}
.related.products li, .products li{float:none !important; display:inline-block; margin:15px !important; padding:35px 15px 0px !important; border-radius: 5px !important;}
.related.products li img, .products li img {width:auto !important; text-align:center; display:table !important; margin:0 auto !important; margin-bottom:20px !important;}

.woocommerce div.product .related.products {padding:40px !important; background-color:#f6f6f6;}
.qty.text {width:auto !important;}
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {max-width:100%;}
.woocommerce-page .button {padding:10px 35px !important;}
/* .woocommerce-Price-amount bdi {font-weight:600;} */
.select2-container--default .select2-selection--single, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {border:1px solid #222; border-radius:0px;}
body.home .espresso-shop-pro-menu li:nth-child(1) span {color:#5BAAEC;}
body.home .espresso-shop-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span {color:inherit;}
body.home .espresso-shop-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span:hover, body.home .espresso-shop-pro-menu li .wp-block-navigation__submenu-container li span:hover, .espresso-shop-pro-menu li .wp-block-navigation__submenu-container li span:hover {color:#5BAAEC;}
.added_to_cart.wc-forward {display:block;}
.current-menu-item a{color:#5BAAEC;}

@media(max-width: 1300px){
.espresso-shop-pro-section7-right .wp-block-image{ right:-40px;}
}
@media(min-width: 1024px) and (max-width: 1200px){
.woocommerce-page .button {padding:10px 25px !important;}
.related.products li, .products li{margin:10px !important;}
}
@media(max-width: 1023px){
h3.has-text-color {font-size:20px !important;}
.espresso-shop-pro-header-top-bar-left {text-align:center; padding-bottom:25px;}
.espresso-shop-pro-header-top-bar-left .wp-block-image {display:table; margin:0 auto !important; float:none !important; margin-bottom:10px !important; display:none;}
.espresso-shop-pro-header-top-bar {padding-top:20px !important; padding-bottom:35px !important;}

.espresso-shop-pro-banner-content {padding-top:0px !important; text-align:center; padding-bottom:40px;}
.espresso-shop-pro-banner-content .wp-block-buttons {margin:0 auto; display: table !important;}
.espresso-shop-pro-header-top-bar-right .wp-block-woocommerce-mini-cart {display:table; margin:0 auto !important; padding-top:20px;}
.espresso-shop-pro-section1 {padding:40px 15px 0px !important;}
.espresso-shop-pro-section1-left {text-align:center;}
.espresso-shop-pro-section1-left .wp-block-button{ display:table; margin:0 auto;}
.espresso-shop-pro-section1-right {padding-top:40px;}
.espresso-shop-pro-ice-berg {margin-bottom:40px !important;}
.espresso-shop-pro-ice-berg h3 {width:100%;}
.espresso-shop-pro-section1-left p {padding-top:0px !important;}

.espresso-shop-pro-section2{padding:60px 15px 40px !important;}
.espresso-shop-pro-section2-right {text-align:center;}
.espresso-shop-pro-section2-right .wp-block-image{margin:0 auto; display:table; margin-bottom:20px !important; margin-inline-start:auto !important; margin-inline-end:auto !important; float:none !important;}

.espresso-shop-pro-section3{ padding:40px 15px !important; text-align:center;}
.espresso-shop-pro-section3-right {margin-top:40px !important; padding: 30px !important; text-align: center !important;}
.espresso-shop-pro-better-box .wp-block-image{ float:none; margin-bottom:15px !important;}
.espresso-shop-pro-section3-left .wp-block-button{ display:table; margin:0 auto;}
.espresso-shop-pro-discount-box {padding-top:30px !important;}

.espresso-shop-pro-section5-inner {padding:40px 15px !important;}
.espresso-shop-pro-porduct-section {padding:40px 0px !important;}

.espresso-shop-pro-section5-right .wp-block-buttons {display:table; margin:0 auto;}
.espresso-shop-pro-section6 {padding:40px 15px !important;}
.espresso-shop-pro-section7-left {padding:40px 15px !important;}
.espresso-shop-pro-section7-left .wp-block-group, .espresso-shop-pro-section7-left h2.has-text-color, .espresso-shop-pro-section7-left .wp-block-columns {padding:0px !important;}
.espresso-shop-pro-section7-testimonial-box { padding:30px !important;}
.wp-block-group.espresso-shop-pro-section7-testimonial-box {padding:30px !important;}
.espresso-shop-pro-section7-left .wp-block-columns {margin-top:40px !important;}
.wp-block-group.espresso-shop-pro-section7-testimonial-box .wp-block-columns {margin-top:0px !important;}
.espresso-shop-pro-section7-right .wp-block-image {margin:0px !important; right:0px;}
.espresso-shop-pro-section7-left h5, .espresso-shop-pro-section7-left h2 {text-align:center;}
.espresso-shop-pro-section7-testimonial-box h4, .espresso-shop-pro-section7-testimonial-box p {text-align:center;}
.espresso-shop-pro-section7-testimonial-box .wp-block-image {margin:0 auto !important; float:none !important;}
.espresso-shop-pro-section7-right .wp-block-image, .espresso-shop-pro-section7-right .wp-block-image img{ width:100% !important;}

.espresso-shop-pro-section9 {padding:40px 15px !important;}
.espresso-shop-pro-section10 {padding:40px 15px !important;}
.espresso-shop-pro-section11 {padding:0px !important;}
.espresso-shop-pro-section11-left {padding:0px !important; padding-bottom:40px !important;}
.espresso-shop-pro-section11-left h5, .espresso-shop-pro-section11-left h2 {text-align:center;}
.espresso-shop-pro-section11-left .wp-block-buttons{display:table !important; margin:0 auto !important;}
.espresso-shop-pro-section11-right .wp-block-column {border:none;}
.espresso-shop-pro-section11-left {margin-right:0px !important;}
.espresso-shop-pro-section11-left .wp-block-group {padding:40px !important;}
.espresso-shop-pro-section11::before { display:none;}
.espresso-shop-pro-section11-right {padding:0px 0px 40px 0px !important;}

.espresso-shop-pro-footer-column {padding:20px 15px !important;}
.espresso-shop-pro-footer-box, .espresso-shop-pro-footer-menu {padding:20px 0px;}

.espresso-shop-pro-section11-right .wp-block-columns {border:none; margin:0px !important;}

.header-layout1{padding:20px 0px !important;}
.espresso-shop-pro-404 .wp-block-search__inside-wrapper {width:100% !important;}
.espresso-shop-pro-404 {padding:40px 15px !important;}

.espresso-shop-pro-blog-area, .iceland-blog-right-side, .espresso-shop-pro-blog-left-side-page, .espresso-shop-pro-blog-no-sidebar, .espresso-shop-pro-archive-page {padding:40px 15px !important;}
.espresso-shop-pro-blog-content {padding-left:0px !important; padding-top:25px;}
.espresso-shop-pro-blog-meta .wp-block-post-date, .espresso-shop-pro-blog-meta .wp-block-post-author, .espresso-shop-pro-blog-meta .wp-block-post-terms {width:100% !important; padding:0px !important;}
.espresso-shop-pro-blog-left-side-area {padding-right:0px !important;}
.iceland-iceland-blog-right-side-page{ padding-left:0px !important;}
.espresso-shop-pro-contact-lay1, .espresso-shop-pro-contact-lay2-box{padding:40px 15px !important;}
.espresso-shop-pro-contact-lay1 .wp-block-group{ padding-right:0px !important;}
.espresso-shop-pro-contact-lay1 .espresso-shop-pro-contact-info{ padding-top:40px;}
.espresso-shop-pro-contact-info-box {padding:30px !important;}
.espresso-shop-pro-service-single-lay{padding:40px 15px 0px !important;}
.espresso-shop-pro-service-menu {padding-right:0px !important; padding-bottom:40px;}
.espresso-shop-pro-service-single-lay h2 {font-size:24px !important;}
.espresso-shop-pro-archive-left {padding-right:0px !important;}
.espresso-shop-pro-inner-banner-title {font-size:26px !important; margin:0px !important;}
.espresso-shop-pro-blog-single-area {padding:40px 15px !important;}
.espresso-shop-pro-blog-single-right-area {padding-left:0px !important; padding-top:40px;}
.espresso-shop-pro-section9 .wp-block-buttons {margin-top:30px !important;}
.espresso-shop-pro-inner-banner .wp-block-cover {min-height:220px !important;}
.espresso-shop-pro-404 h1{padding-bottom:30px !important; font-size:30px !important;}
.related.products li, .products li{width:100% !important; margin:0 auto !important;}
.espresso-shop-pro-section5-menu-box .wp-block-column {text-align:center;}
.espresso-shop-pro-section5-left::after{ display:none;}
.espresso-shop-pro-section5-left, .espresso-shop-pro-section5-right{ padding:0px !important;}
}
@media(min-width: 1024px){
.espresso-shop-pro-banner{padding-left:60px !important;}
}
@media(min-width: 768px) and (max-width: 1023px){

    .single-blog-page .pagination {
        flex-wrap: nowrap !important;   
    }
    .espresso-shop-pro-header-top-bar {padding:20px 15px !important;}
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.espresso-shop-pro-header-top-bar-left, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.espresso-shop-pro-header-top-bar-logo, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.espresso-shop-pro-header-top-bar-right {flex-basis:auto !important; width:33.33%; float:left; padding:0px !important;}
    .espresso-shop-pro-ice-berg .wp-block-image{width:140px; height:140px;}
    .espresso-shop-pro-header-top-bar-right .wc-block-mini-cart.wp-block-woocommerce-mini-cart {padding:0px;}
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.espresso-shop-pro-banner-content, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.espresso-shop-pro-banner-image{flex-basis:auto !important; width:50%; float:left; padding:0px !important; text-align:left;}
    .espresso-shop-pro-banner-content .wp-block-buttons {margin:inherit;}
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.espresso-shop-pro-banner-content {padding-top:40px !important;}
    .espresso-shop-pro-section1-right .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis:auto !important;}
    .espresso-shop-pro-better-box {flex-basis:auto !important; width:49% !important; display:inline-block; padding:15px !important;}
    .espresso-shop-pro-section11-right .is-layout-flow.wp-block-column {flex-basis:auto !important; padding:15px;}
    .espresso-shop-pro-section2-left .wp-block-image.alignleft.size-full, .espresso-shop-pro-section5-inner .wp-block-image.alignleft.size-full {float:none; text-align:center; width:100%;}
    .espresso-shop-pro-section7-testimonial-box {width:60%; margin:0 auto;}
    .espresso-shop-pro-banner{padding-left:60px !important;}

}
@media(min-width: 1024px) and (max-width: 1440px){
h3.has-text-color {font-size:20px !important;}
.espresso-shop-pro-blog-content h2 {font-size:24px !important;}
.espresso-shop-pro-ice-berg h3 {width:100%;}
.espresso-shop-pro-section7-left .wp-block-group {padding:0px !important;}
.espresso-shop-pro-section7-left .wp-block-columns {padding:0px !important;}
.espresso-shop-pro-section7-left h2{ padding:0px !important;}
.espresso-shop-pro-section1-left p {padding-top:0px !important;}
.espresso-shop-pro-section7-left {padding:40px 15px 0px !important;}
.wp-block-group .espresso-shop-pro-section7-testimonial-box {padding:20px 25px !important; margin-top: 30px !important;}
.wp-block-group .espresso-shop-pro-section7-testimonial-box p{ font-size:16px !important; padding-bottom:10px !important;}
.espresso-shop-pro-section8 h2{font-size: 46px !important;}
.espresso-shop-pro-banner-content h1{font-size:50px !important;}
.espresso-shop-pro-header-top-bar-left .wp-block-image {margin:0px !important;}
.espresso-shop-pro-404 h3.has-text-color {font-size:80px !important;}
.espresso-shop-pro-section11-left{padding-left: 40px;}
}
@media(max-width: 767px){
    .wc-block-cart-item__total {
        justify-content: center !important;
    }
    .gutentor-post-module.blog-page-main  article {
        flex-basis: 100% !important;
        max-width: 100% !important;
        & img {
            height: 220px !important;
        }
    }
    .wp-block-columns.features-row {
        padding: 1.5rem !important;
    }
    .wp-block-stackable-carousel.banner-slider .wp-block-stackable-column {
        padding: 40px !important;
    }
    .wp-block-stackable-carousel.banner-slider .stk-block-carousel__dots {
        position: unset !important;
        margin-bottom: 2rem !important;
    }
    .best-seller-query-loop .wl_single-product-item ul.action {
        opacity: 1 !important;
    }
    .wp-block-column.shop-by-age-col .grid-container {
        max-width: 100% !important;
    }
    .wp-block-column.shop-by-age-col .grid-row {
        row-gap: 20px !important;
    }
    .wp-block-columns.shop-by-age {
        row-gap: 20px;
    }
    .wp-block-column.footer-col-three form p {
        text-align: center !important; 
    }
    .wp-block-column.footer-col-one .wp-block-stackable-button-group .stk-row .wp-block-stackable-button {
        margin: auto;
        & a {
            flex-wrap: wrap !important;
            flex-direction: column !important;
            row-gap: 10px;
        }
    }
    .wp-block-column.footer-col-one .stk-button-group  {
        row-gap: 15px !important;
    }
    .footer-row ul.wp-block-navigation__container li {
        text-align: center;
        margin: auto;
    }
    .footer-col-two nav ul, .footer-product-categories nav ul {
        width: 100%;
    }
    .wp-block-column.insta-left-col .wp-block-group {
        justify-content: center;
        flex-wrap: wrap !important;
    }
    .wp-block-group.test-content-row {
        flex-direction: column-reverse;
    }
    .wp-block-column.test-left-col {
        display: block !important;
        padding: 30px 40px !important;
    }
    .wp-block-column.test-right-col{
        padding-left: 15px !important;
    }
    .wp-block-stackable-carousel.test-slider .stk-block-carousel__buttons {
        justify-content: center !important;
    }
    .wp-block-stackable-carousel.test-slider {
        margin-top: 34px !important;
    }
    .client-name-row {
        position: unset !important;
        margin-bottom: 2rem !important;
        flex-wrap: wrap;
        justify-content: center;
    }
    .wp-block-stackable-carousel.test-slider .wp-block-stackable-column .wp-block-cover {
        padding-top: 25px !important;
    }
    .new-arrival-button {
        position: unset !important;
        margin-top: 30px;
    }
    .best-seller-section .woolentor-grid {
        row-gap: 20px;
    }
    .best-seller-query-loop .wl_single-product-item {
        text-align: center;
    }
 
    /* .client-and-partners .wp-block-stackable-carousel {
        margin-top: 40px !important;
    }
    .client-and-partners .wp-block-stackable-carousel img {
        width: 70% !important;
        margin: 0 auto !important;
    } */
.button-blog-main {
    position: unset !important;
}
.single-blog-page .post-info {
    padding: 30px !important;
    text-align: center;
}
body.post-type-archive-services .post_col {
    text-align: center;
}
body.post-type-archive-services .post_col figure {
    margin: 0 auto;
}
.espresso-shop-pro-header-banner .wp-block-cover{padding-top:300px !important;}



}
@media(max-width: 599px){
      .wp-block-column.top-header-col ul{
    align-items: center !important;
  }
	header .wp-block-navigation__responsive-container.is-menu-open ul li.has-child a {
		color: #F28009;
	}
    header .wp-block-navigation__responsive-container.is-menu-open {
        padding-top: 5rem !important;
    }
    header .wp-block-navigation__responsive-container.is-menu-open ul {
        margin: auto;
        align-items: center;
        & > li {
            margin: auto !important;
            padding: 10px 0 !important;
        }
        & li span {
            color: #382521;
        }
        & li.has-child > a {
            margin: 5px auto 5px;   
        }
        & li.has-child > ul {
            margin-bottom: 10px !important;
        }
    }
    header .wp-block-navigation__responsive-container.is-menu-open  button.wp-block-navigation__responsive-container-close svg {
        fill: #000;
    }
    header .wp-block-navigation__responsive-container.is-menu-open ul li a.current-menu-item span {
        text-decoration: underline !important;
    }

    .main-nav-header .wp-block-navigation__responsive-dialog {
    display: flex;
    gap: 1rem;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 8rem;
    /* margin-block: auto !important; */
}

    .main-nav-header .wp-block-navigation__responsive-container-content ul li a.current-menu-item span{

    }

.footer-section .wp-block-navigation__responsive-container-content ul {
    margin: auto;
    & li a {
        color: #000 !important;
    }
}
.footer-section .wp-block-navigation__responsive-dialog {
    width: 80%;
    margin: 0 auto;
}
.footer-section .wp-block-navigation__responsive-dialog button {
    color: #000;
}
.espresso-shop-pro-menu {position:relative; right:0px; top:-25px;}
.espresso-shop-pro-menu .wp-block-navigation ul{display: block !important; width: 100%; text-align: right; min-width:310px !important; padding-left:5px !important;}
.wp-block-navigation__submenu-container li {padding-right:0px !important;}
.espresso-shop-pro-menu .wp-block-navigation ul li{display:block !important; border-bottom:solid 1px #ccc; margin-bottom:0px; padding:15px 0px; padding-right:25px;}
.espresso-shop-pro-menu .wp-block-navigation__submenu-container {padding-right:0px !important;}
.espresso-shop-pro-menu .wp-block-navigation ul li a{ line-height:normal !important;}
.espresso-shop-pro-menu .wp-block-navigation__submenu-container li a{ text-align:right; display:inherit !important;}
.espresso-shop-pro-menu .wp-block-navigation__submenu-container{ padding-top:20px !important;}
.espresso-shop-pro-menu .wp-block-navigation__submenu-container li {border:none !important;}
.espresso-shop-pro-menu .wp-block-navigation__responsive-container-open:hover {background:none;}
.espresso-shop-pro-menu .wp-block-navigation__responsive-container-open svg{width:35px; height:35px;}
.espresso-shop-pro-menu .wp-block-navigation.items-justified-right{ padding-top:0px;}
.espresso-shop-pro-menu .current-menu-item a, .espresso-shop-pro-menu li a:hover {color:#5BAAEC !important; background:none !important;}
.espresso-shop-pro-menu .is-layout-constrained {padding:5px !important;}
}
/* *-*-*-*-*-*-*-*-*-* New CSS	*-*-*-*-*-*-*-*-*-*-*-* */
body .wp-site-blocks{
	overflow: hidden;
}
.wpcf7 form .wpcf7-response-output{
	margin: 0;
}

/* ------------------ Header CSS -------------------- */

.wp-block-group.header-container.sticky .wp-block-columns.main-nav-header,.wp-block-group.header-container.sticky  .coffee-header-box{
     display: flex !important; 
     flex-direction: row !important;
}

.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{
       color: white !important;
    padding: 3px;
    background: #382521;
    border-radius: 5px !important;
}

.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close svg path{
     fill: white !important;
}

.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{
    right: 42px !important;
}

/* .wp-block-group.header-container.sticky .wp-block-columns.main-nav-header .main-nav-header{
  
} */



form.custom-search-form {
    display: flex;
    column-gap: 5px;
    & input[type=search] {
        border: 1px solid #0000004D;
        border-radius: 6px;
        padding: 10px 18px !important;
        &::placeholder {
            font-family: 'Lato';
            font-weight: 300;
            font-size: 12px;
            color: rgba(0, 0, 0, 0.5);
        }
    }
}
.wp-block-column.header-nav button[type=submit] {
    width: 150px;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    border: none;
    background-color: #6B46C1;
    color: #fff;
    border-radius: 6px;
    padding: 10px 25px;
    &:hover {
        background-color: #E549AE;
    }
}   
header ul li:hover > a span {
    color: #000;
}
.wp-block-column.top-header-col ul li.has-child ul li span {
    color: #000;
}

.wp-block-column.top-header-col ul li.has-child:hover button svg path {
    fill: #000;
    stroke:  #000;
}
.wp-block-column.translate-currency-col {
    display: flex;
    column-gap: 10px;
}
.wp-block-column.top-header-col ul li span {
    font-family: 'Lato';
    font-weight: 500;
    font-size: 20px;
    color: #382521;
    font-style: italic;
}
.wp-block-column.top-header-col ul {
    column-gap: 2rem;
    z-index: 2 !important;
}
.wp-block-column.translate-currency-col select {
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Lato';
    font-weight: 500;
    font-size: 16px;
    padding: 0 !important;
    width: 75px;
    cursor: pointer;
    & option {
        background-color: #6B46C1;
        text-transform: uppercase;
        font-family: 'Lato';
        font-weight: 500;
        font-size: 16px;
        padding: 0 !important;
        cursor: pointer;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

body.search-results .products-block-post-template li {
    border: 1px solid #D94F33;
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 18px;
}
body.stk--anim-init .header-logo img {
    object-fit: contain;
}


header .wp-block-navigation__responsive-container-close {
    transform: translateX(-30px)
}
.header-contact {
    display: flex;
    flex-basis: 18%;
    align-items: center;
    & a {
        text-decoration: none;
    }
}
header .wp-block-columns {
    align-items: center !important;
    display: flex;
}
.copy-text h4 strong {
    font-weight: 800;
}
.header-contact {
    gap: 10px;
    justify-content: end;
}
.header-contact > div {
    margin: 0 !important;
}


/* ------------- Search -------------- */

/* ------------ Banner Section -------------- */
.banner-quality figure:hover img {
    filter: drop-shadow(2px 4px 6px #D94F33);
}
.product-column .gutentor-wc-price {
    margin-bottom: 0;
}
.product-column .gutentor-wc-price del {
    display: none;
}
.product-column .gutentor-wc-price ins bdi {
    font-family: 'Lato';
    color: #fff;
    font-size: 22px;
    font-weight: 500;
}

.wp-block-column.banner-quality {
    align-self: end;
    margin-bottom: 20px;
}
.wp-block-cover.banner-section .wp-block-cover.one-container {
    overflow: visible !important;
}


/* Coffee Banner Section */

.banner-section{
    max-height: 935px !important;
    height: 100% !important;
    padding-bottom: 10rem !important;
}

body:not(.home) .banner-section {
     padding-bottom: 0rem !important; 
}


.banner-section .coffee-header-container{
    padding-left: 0 !important;
    /* margin-right: 0 !important; */
}

.banner-section .coffee-banner-container{
    padding-top: 0 !important;
    /* margin-right: 0 !important; */
}

.banner-section .coffee-banner-content-stack{
    max-width: 635px !important;
    margin-left: 0 !important;
    margin-top: 5rem !important;
    margin-bottom: 4rem !important;
}

.banner-section .coffee-banner-content-stack .coffee-banner-head{
    margin-inline: auto !important;
}

.banner-section .coffee-banner-content-stack .coffee-banner-para{
    margin-inline: auto !important;
}

.banner-section .coffee-banner-content-stack .coffee-banner-btn{
    margin-inline: auto !important;
}

.banner-section .coffee-banner-img-wrapper{
    position: absolute !important;
    top: 0 ;
    right: 67px !important;
}

.banner-section .coffee-banner-main-img {
  position: relative;
  display: inline-block;
  overflow: visible !important;
}

.banner-section .coffee-banner-main-img::after {
    content: "";
    position: absolute;
    top: -1px;
    left: -47px;
    right: -45px;
    bottom: -54px;
    background: url("assets/images/banner/dotted-line.svg") no-repeat center;
    background-size: 100% 100%;
     border-bottom-left-radius: 360px; 
    border-bottom-right-radius: 360px;
    pointer-events: none;
    z-index: 5;
}


.banner-section .coffee-banner-main-img img {
  border-bottom-left-radius: 360px;
  border-bottom-right-radius: 360px;
  display: block;
  width: 100%;
  z-index: 1;
  position: relative;
}

.banner-smallimg-box .banner-smallimg-1,.banner-smallimg-box .banner-smallimg-2,.banner-smallimg-box .banner-smallimg-3 {
    position:  relative !important;
     
   
}

.banner-smallimg-box .banner-smallimg-1:hover,.banner-smallimg-box .banner-smallimg-2:hover,.banner-smallimg-box .banner-smallimg-3:hover{
        background: #CC916333   !important;
    border-radius: 100px !important;
}

.banner-smallimg-box .banner-smallimg-1 img,.banner-smallimg-box .banner-smallimg-2 img,.banner-smallimg-box .banner-smallimg-3 img{
    
      max-width: 125px !important;
      border-radius: 100px !important;
}


.banner-smallimg-box .banner-smallimg-1::after,.banner-smallimg-box .banner-smallimg-2::after,.banner-smallimg-box .banner-smallimg-3::after {
    content: "" !important;
    position: absolute !important;
    inset: -2px;
    border-radius: inherit;
    z-index: 1;
    -webkit-mask: url('assets/images/banner/small-img-border.svg') no-repeat center;
    mask: url('assets/images/banner/small-img-border.svg') no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #382521;
    transition: background-color 0.3s ease;
    pointer-events: none;
}

.banner-smallimg-box .banner-smallimg-1{
    transform: translate(-84px, -85px);
}

.banner-smallimg-box .banner-smallimg-2{
        transform: translate(3px, 71px);
}

.banner-smallimg-box .banner-smallimg-3{
        transform: translate(56px, -78px);
}

/* Coffee Banner Section END*/




/* ---------- About Us Section ----------- */
.main-about-image {
    width: 65%;
    margin: 0 auto;
    position: relative;
    right: 30px;
}
.about-main-left {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(5px, 45px);
}
.phone-image {
    padding: 5px !important;
    margin-left: unset !important;
    width: fit-content;
}
.about-call-button-grp {
    display: flex;
    gap: 20px;
}
.about-main-button a {
    width: 180px;
    padding: 13px !important;
}
.row-main-bitton-grp {
    gap: 10px;
}
.about-section-main-row {
    justify-content: space-between;
}
.main-about-head {
    margin-bottom: 12px;
}
.phone-image {
    height: fit-content;
}
.about-call-button-grp a h4 {
    margin-bottom: 0 !important;
}
.about-call-button-grp a {
    text-decoration: unset;
}
.about-call-button-grp .wp-block-group.is-vertical {
    margin-top: 0;
    justify-content: center;
}

.about-main-right {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(75px);
}
.about-main-left figure {
    position: relative;
    overflow: visible;
}
.about-main-left figure::before {
    position: absolute;
    content: '' !important;
    background-color: #D94F33;
    top: 0;
    right: 0;
    transform: translate(15px, -15px);
    width: 74%;
    height: 82%;
    z-index: -1;
    opacity: 1;
    margin-left: auto;
}
.main-about-image figure {
    position: relative;
    overflow: visible;
}
.main-about-image figure::before {
    position: absolute;
    content: '' !important;
    transform: translate(45px, -40px);
    z-index: -1;
    border: 2px solid #000 !important;
    width: 68%;
    height: 80%;
    margin-left: auto;
    margin-bottom: auto;
}

/* --------- Banner Section ---------- */
.wp-block-stackable-carousel.banner-slider .stk-block-carousel__dots {
    position: absolute;
    bottom: 35px;
    align-items: end;
    left: 70px;
    height: fit-content;
    margin-top: auto;
}
.wp-block-column.ban-inner-text-col {
    margin-top: 3rem;
}
.wp-block-column.product-cat-column section {
    height: 425px;
    overflow-y: scroll;
    & article {
        margin-right: 10px;
        border-radius: 8px;
        margin-bottom: 15px;
        padding: 12px;
        & h3.g-d-title a {
            font-family: 'Lato';
            font-weight: 600;
            font-size: 18px;
            color: #000000;
            transition: all 0.5s ease-in-out;
        }
        & h3.g-d-title {
            line-height: 20px !important;
        }
        & .g-d-count {
            font-family: 'Lato';
            font-weight: 400;
            font-size: 14px;
            color: #000000;
            transition: all 0.5s ease-in-out;
        }
        & .gtf-image {
            width: 95px;
            background-color: #fff;
            height: 80px;
            padding: 6px;
            border-radius: 10px;
        }
        & .gutentor-term-image-box {
            width: fit-content !important;
        }
        & .gtf-item {
            align-items: center !important;
        }
    }
}

.wp-block-column.product-cat-column section article:hover img {
    transform: scale(1.2);
}
.wp-block-column.product-cat-column section article img {
    transition: all 1s ease-in-out;
}

/* Marqueeee */
.marquee {
  position: relative;
  overflow-x: hidden;
  height: 45px;
  display: flex;
  align-items: center;
}

.track {
  /* position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 10s linear infinite; */
}

@keyframes marquee {
  from { transform: translateX(0%); }
  to { transform: translateX(-100%); }
}
/* Marqueeee */


.wp-block-columns.main-nav-header {
    justify-content: space-between;
}  

.wp-block-column.product-cat-column section article:nth-child(4n+1) {
    background-color: #6B46C126;
    transition: background-color 1s ease-in-out;
    &:hover {
        background-color: #6B46C1;
        & h3.g-d-title a {
            color: #fff;
        }
        & .g-d-count {
            color: #fff;
        }
    }
}
.wp-block-column.product-cat-column section article:nth-child(4n+2) {
    background-color: #199F3A26;
    transition: background-color 1s ease-in-out;
    &:hover {
        background-color: #199F3A;
        & h3.g-d-title a {
            color: #fff;
        }
        & .g-d-count {
            color: #fff;
        }
    }
}
.wp-block-column.product-cat-column section article:nth-child(4n+3) {
    background-color: #F2800926;
    transition: background-color 1s ease-in-out;
    &:hover {
        background-color: #F28009;
        & h3.g-d-title a {
            color: #fff;
        }
        & .g-d-count {
            color: #fff;
        }
    }
}
.wp-block-column.product-cat-column section article:nth-child(4n+4) {
    background-color: #E549AE26;
    transition: background-color 1s ease-in-out;
    &:hover {
        background-color: #E549AE;
        & h3.g-d-title a {
            color: #fff;
        }
        & .g-d-count {
            color: #fff;
        }
    }
}

.wp-block-column.product-cat-column section {
    height: 425px;
    overflow-y: scroll;
    scrollbar-color: #000000 #6B46C126; /* thumb | track */
}
.wp-block-column.product-cat-column section::-webkit-scrollbar-track {
    background: #6B46C126; /* guideway / track color */
}


/* ------------- Client and Partners Section -------------- */

/* .clients-main-row {
    justify-content: space-between;
} */
/* .client-and-partners .wp-block-stackable-column figure {
    overflow: visible;
}
.client-and-partners .wp-block-stackable-column:hover img {
    filter: drop-shadow(2px 4px 6px #6B46C1) brightness(1.5);
} */
.wrapper {
  text-align: center;
  span {
    -webkit-text-stroke-width: 1.25px;
    -webkit-text-stroke-color: #000;
    font-size: 40px;
    text-shadow: 0 0px #f3c623, 0 0px #E549AE;
    transform: translate(0, 0px) rotate(4deg);
    animation: jump 5s ease-in-out infinite;
    display: inline-block;
    @for $i from 1 through 7 {
      &:nth-child(#{$i}) {
        animation-delay: 120ms * $i;
      }
    }
  }
}
@keyframes jump {
  33% {
    text-shadow: 0 20px #6B46C1, 0 10px #E549AE;
  }
  50% {
    transform: translate(0, 0) rotate(-4deg);
    text-shadow: 0 0px #F2800926, 0 0px #199F3A;
  }
  66.67% {
    text-shadow: 0 -20px #F28009, 0 -10px #199F3A;
  }
}

/* ---------- Shop By Age ---------- */
.wp-block-columns.shop-by-age {
    justify-content: space-between;
}   
.wp-block-column.shop-by-age-col .grid-container .gtf-item {
    width: 206px;
    height: 183px !important;
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    margin: auto;
    position: relative;
    overflow: visible;
    &:hover::before {
        animation: pulse 1s infinite;
    }
    &::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        height: 100%;
        clip-path: polygon( 41.542% 5.97%,41.542% 5.97%,42.817% 3.967%,44.37% 2.409%,46.131% 1.296%,48.031% 0.628%,50% 0.406%,51.969% 0.628%,53.869% 1.296%,55.63% 2.409%,57.183% 3.967%,58.458% 5.97%,67.151% 23.336%,67.151% 23.336%,67.637% 24.209%,68.189% 25.02%,68.802% 25.764%,69.471% 26.439%,70.191% 27.04%,70.956% 27.563%,71.763% 28.006%,72.607% 28.365%,73.482% 28.635%,74.383% 28.813%,91.488% 31.263%,91.488% 31.263%,93.834% 31.924%,95.841% 33.124%,97.482% 34.765%,98.732% 36.749%,99.565% 38.979%,99.955% 41.359%,99.875% 43.789%,99.301% 46.174%,98.207% 48.416%,96.566% 50.417%,85.938% 60.631%,85.938% 60.631%,85.182% 61.44%,84.515% 62.325%,83.939% 63.277%,83.458% 64.287%,83.075% 65.345%,82.791% 66.443%,82.61% 67.57%,82.536% 68.719%,82.57% 69.879%,82.715% 71.043%,85.444% 86.734%,85.444% 86.734%,85.628% 89.297%,85.306% 91.701%,84.539% 93.894%,83.39% 95.82%,81.917% 97.425%,80.184% 98.657%,78.25% 99.46%,76.177% 99.782%,74.025% 99.566%,71.856% 98.761%,54.061% 89.537%,54.061% 89.537%,53.277% 89.176%,52.474% 88.895%,51.657% 88.695%,50.831% 88.575%,50% 88.535%,49.169% 88.575%,48.343% 88.695%,47.526% 88.895%,46.723% 89.176%,45.939% 89.537%,28.144% 98.761%,28.144% 98.761%,25.975% 99.566%,23.823% 99.782%,21.75% 99.46%,19.816% 98.657%,18.083% 97.425%,16.61% 95.82%,15.461% 93.894%,14.694% 91.701%,14.372% 89.297%,14.556% 86.734%,17.285% 71.043%,17.285% 71.043%,17.43% 69.879%,17.464% 68.719%,17.389% 67.57%,17.209% 66.443%,16.925% 65.345%,16.541% 64.287%,16.06% 63.277%,15.485% 62.325%,14.817% 61.44%,14.061% 60.631%,3.434% 50.417%,3.434% 50.417%,1.793% 48.416%,0.699% 46.174%,0.125% 43.789%,0.045% 41.359%,0.435% 38.979%,1.268% 36.749%,2.518% 34.765%,4.159% 33.124%,6.166% 31.924%,8.512% 31.263%,25.616% 28.813%,25.616% 28.813%,26.518% 28.635%,27.393% 28.365%,28.236% 28.006%,29.043% 27.563%,29.809% 27.04%,30.529% 26.439%,31.198% 25.764%,31.811% 25.02%,32.363% 24.209%,32.849% 23.336%,41.542% 5.97% );
        z-index: 0;
        transition: all 1s ease-in-out;
    }
    & h3.g-d-title {
        z-index: 1;
        position: relative;
        font-family: 'Caveat Brush';
        font-weight: 400;
        font-size: 45px;
        color: #fff;
        &:hover a {
            color: #000;
        }
        &:hover {
            color: #000;
            &::after {
                color: #000;
            }
        }
        &::after {
            position: absolute;
            content: 'Years' !important;
            bottom: 0;
            left: 0;
            right: 0;
            font-family: 'Lato';
            font-weight: 500;
            font-size: 20px;
            color: #fff;
            transform: translateY(20px);
        }
    }
}

.wp-block-column.shop-by-age-col .grid-container .gutentor-term:nth-child(1) .gtf-item::before {
    background-color: #E549AE;
}
.wp-block-column.shop-by-age-col .grid-container .gutentor-term:nth-child(2) .gtf-item::before {
    background-color: #6B46C1;
}
.wp-block-column.shop-by-age-col .grid-container .gutentor-term:nth-child(3) .gtf-item::before {
    background-color: #199F3A;
}
.wp-block-column.shop-by-age-col .grid-container .gutentor-term:nth-child(4) .gtf-item::before {
    background-color: #F28009;
}






/* -------------------- Testimonials Section ----------------------- */
.one-container {
    max-width: 1320px !important;
    margin: 0px auto !important;
}


.wp-block-group.test-content-row .wp-block-stackable-image {
    flex-basis: 50%;
}
.wp-block-group.test-content-row .wp-block-group {
    flex-basis: 50%;
}
.client-name-row {
    align-items: end !important;
    column-gap: 10px;
    row-gap: 10px;
    position: absolute;
    top: -2rem;
    margin-bottom: 5rem;
}
.wp-block-group.client-name-row .wp-block-stackable-heading h4 {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
}
.wp-block-column.test-left-col {
    height: -webkit-fill-available;
    display: flex;
}
.wp-block-stackable-carousel.test-slider .wp-block-stackable-column {
    overflow: visible !important;
    & .wp-block-cover {
        transition: all 1s ease-in-out;
    }
    &:hover .wp-block-cover{
        filter: drop-shadow(2px 4px 6px black);
    }
    & .wp-block-group.client-name-row .wp-block-stackable-image {
        transition: all 1s ease-in-out;
    }
    &:hover .wp-block-group.client-name-row .wp-block-stackable-image {
        animation: pulse 1s infinite;
    }
}
.wp-block-stackable-carousel.test-slider .stk-block-carousel__slider {
    padding-top: 3.5rem;
}
.wp-block-stackable-carousel.test-slider .wp-block-stackable-column .wp-block-cover {
    overflow: visible;  
    align-items: end;
}
.wp-block-stackable-carousel.test-slider {
    margin-top: -34px;
}




/* ---------------- Classes Section-------------------- */

.gal-main-head.wp-block-stackable-heading {
    margin-bottom: 10px !important;
}

.main-acc-div .accordion-button {
    background-color: unset;
    padding: 5px 10px;
}
.main-acc-div .accordion-button.collapsed::after {
    background-image: unset;
    right: 0;
    top: 0;
    bottom: 0;
    content: '\2b';
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #7884A7;
}
.inv {
    display: none;
}

/****************** contact-form-section-css**********************/
.contact-col-two-group input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width:100%;
    margin-top: 20px;
    font-family: 'Roboto';
}
.contact-page-right-col form label {
    font-family: 'Lato';
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
}
.contact-page-right-col form input[type=text]::placeholder, .contact-page-right-col form input[type=email]::placeholder, .contact-page-right-col form textarea::placeholder {
    font-family: 'Lato' !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 26px !important;
}
.contact-page-left-col .contact-map {
    margin-bottom: 10px;
}
.contact-page-left-col .contact-map iframe {
    border-radius: 10px;
}
.contact-col{
    align-items: end !important;
}
.contact-col-two-group .wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: absolute;
}



/*************** what do i do -section-css ****************************/
.gutentor-element-progressbar .gutentor-element-progressbar-text {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

/**************** newsletter-section-csss****************************/

.newsletter-section .input-subscribe {
    bottom: 0px;
    position: absolute;
    margin: 0px auto;
    width: auto;
    top: 1px;
    right: 2px;
    height: auto;
}
.newsletter-section .input-subscribe .wpcf7-spinner {
    position: absolute;
    top: 70px;
    right: 0;
}
.input-container {
    position: relative;
    height: auto;
}

.input-subscribe > p:nth-child(1) {
    margin-bottom: 0;
}

/* -------- Offer Banner Section -------- */
.gradz-box {
    position: relative;
}

.gradz-box::after {
    background: linear-gradient(45deg, #E549AE, #6B46C1, #199F3A, #F28009, #E549AE);
    background-size: 600% 600%; 
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%; 
    height: 100%;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    border-radius: 10px;
    z-index: 0;
}

.gradz-box:hover::after {
    animation: gradient 5s linear infinite; 
    opacity: 1;
}

@keyframes gradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.gradz-box {
    position: relative;
    z-index: 1;
}
.wp-block-columns.main-offer-row > .wp-block-column {
    height: -webkit-fill-available;
}


/* -------------- Blog Section --------------- */



.blog-wrap img {
    max-width: 410px !important;
    max-height: 256px !important;
    width: 100% !important;
    height: auto !important;
    /* height: 190px; */
    object-fit: cover;
    border-radius: 130px;
    transition: transform 0.8s ease-in-out;
}



.wp-block-stackable-column.blog-card .author.vcard i {
    font-weight: 600;
}
.wp-block-stackable-carousel.blogs-slider .gutentor-post {
    padding: 0 !important;
    & .gutentor-post-item {
        margin: 0 !important;
        text-align: center !important;
    }
}


.wp-block-stackable-carousel.blogs-slider .gutentor-post .gutentor-entry-meta-primary {
    margin-bottom: 0 !important;
}
.blog-wrap .gutentor-post-image-box {
    margin-bottom: 0 !important;
}
 .blog-page-main.gutentor-blog-grid .fix-wrap {
     padding: 20px 20px 20px;
    border-radius: 0px 0px 10px 10px; 
}
.blog-wrap, .lix-wrap {
    position: relative;
    & .gutentor-entry-meta-secondary {
        position: absolute;
        top: 20px;
        left: 0;
        padding: 8px 12px;
        border-radius: 0px 6px 6px 0px;
        color: #fff;
        font-family: 'Lato';
        font-weight: 500;
        font-size: 12px;
    }
}

.latest-news-section .gutentor-entry-meta-secondary{
    display: none !important;
}

.latest-news-section .blog-first-wrap .posted-on a{
    display: none !important;
}

.latest-news-section .blog-first-wrap .posted-on > i{
    display: none !important;
}

.gutentor-post-module.blog-page-main article:hover img {
    transform: scale(1.2);
}
.lix-wrap .gutentor-post-image-box {
    margin-bottom: 0 !important;
    border-radius: 10px 10px 0px 0px;
    img {
        height: 300px !important;
        object-fit: cover;
        transition: transform 0.8s ease-in-out;
    }
}
.fix-wrap {
    display: flex;
    flex-direction: column-reverse;
}

.gutentor-post-module.blog-page-main article:nth-child(4n+1) {
    transition: all 0.5s ease-in-out;

    & .gutentor-entry-meta-secondary {
        background: #382521;

    }
    & .fix-wrap {
        background: linear-gradient(180deg, #E9E2D8 0%, #FFF9D5 100%);

    }
    &:hover h3.gutentor-post-title a {
        color: #382521 !important;
    }
}
.gutentor-post-module.blog-page-main article:nth-child(4n+2) {
    transition: all 0.5s ease-in-out;

    & .gutentor-entry-meta-secondary {
        background: #382521;

    }
    & .fix-wrap {
        background: linear-gradient(180deg, #E9E2D8 0%, #FFF9D5 100%);

    }
    &:hover h3.gutentor-post-title a {
        color: #382521 !important;
    }
}
.gutentor-post-module.blog-page-main article:nth-child(4n+3) {
    transition: all 0.5s ease-in-out;

    & .gutentor-entry-meta-secondary {
        background-color: #382521;
    }
    & .fix-wrap {
        background: linear-gradient(180deg, #E9E2D8 0%, #FFF9D5 100%);

    }
    &:hover h3.gutentor-post-title a {
        color: #382521 !important;
    }
}
.gutentor-post-module.blog-page-main article:nth-child(4n+4) {
    transition: all 0.5s ease-in-out;

    & .gutentor-entry-meta-secondary {
        background-color: #382521;
    }
    & .fix-wrap {
        background: linear-gradient(180deg, #E9E2D8 0%, #FFF9D5 100%);

    }
    &:hover h3.gutentor-post-title a {
        color: #382521 !important;
    }
}



.blog-card .gutentor-post-item .gutentor-post-desc{
    text-align: center;
        font-family: 'Lato' !important;
    font-weight: 400 !important;
    font-style: italic !important;
    font-size: 16px !important;
    line-height: 25px !important;
    margin-bottom: 22px !important;
}

.gutentor-post-module .gutentor-post-button{
  background: linear-gradient(180deg, #E9E2D8 0%, #FFF9D5 100%);
  padding: 15px 30px !important;
  border-radius: 100px !important;
  border: 1px solid #382521 !important;
  color: #382521 !important;
  font-size: 16px !important;
  position: relative !important;
  font-weight: 600;
  font-style: italic;
  white-space: nowrap !important;
}

.gutentor-post-module .gutentor-post-button {
    position: relative;
}

.latest-news-section .blog-card:hover .gutentor-post-module .gutentor-post-button {
  background: linear-gradient(180deg, #7D5941 0%, #382521 100%);
  color: #FFF9D5;
      border: 1px solid #FFF9D5 !important;
}

.latest-news-section .blog-card:hover .gutentor-post-module .gutentor-post-button span{
    color: #FFF9D5;
}

.latest-news-section .blog-card:hover .gutentor-post-module .gutentor-post-button::before{
    background: #382521;
}

.latest-news-section .blog-card:hover .gutentor-post-module .gutentor-post-button::after{
    background: #FFF9D5;
}

.find-flavor-section .gutentor-post-item:hover .find-flavor-div .gutentor-woo-add-to-cart a{
    background: linear-gradient(180deg, #7D5941 0%, #382521 100%) !important;
    color: #FFF9D5 !important;
}


.find-flavor-section .gutentor-post-item:hover .find-flavor-div .gutentor-woo-add-to-cart a span{
    color: #FFF9D5 !important;
}

.find-flavor-section .gutentor-post-item:hover .gutentor-post-title a{
    color: #382521 !important;
}

.find-flavor-section .gutentor-post-item:hover .gutentor-post-desc{
    color: #382521 !important;
}

.find-flavor-section .gutentor-post-item:hover  .gutentor-post-button::after{
    background-color: #FFF9D5 !important;
}

.find-flavor-section .gutentor-post-item:hover .gutentor-post-button::before{
    background-color: #382521 !important;
}

/* circle background */
.gutentor-post-module .gutentor-post-button::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #FFF9D5; /* circle color */
    right: -23px;
    top: 8px;
    transform: translateX(-12px);
    border: 1px solid #382521;
    z-index: 1;
}

/* clipped icon */
.gutentor-post-module .gutentor-post-button::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    right: -5px;
    top: 15px;
    background-color: #382521; /* icon color (green) */
    clip-path: var(--arrow-icon);
    z-index: 2; /* above the circle */
}





.blog-first-wrap h3 a, .blog-page-main.gutentor-blog-grid .fix-wrap h3 a {
    font-family: 'Lato' !important;
    font-weight: 600 !important;
    font-style: italic !important;
    font-size: 20px !important;
    line-height: 27px !important;
    color: #000000;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}

.blog-first-wrap h3 a{
    text-align: center !important;
    padding-block: 1rem !important;
    color: #7D5941;
}

.blog-card .gutentor-post-item .gutentor-post-desc{
    color: #7D5941 !important;
        overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
}

.blog-page-main.gutentor-blog-grid .fix-wrap h3 {
    margin-bottom: 8px !important;
}
.fix-wrap .gutentor-entry-meta-primary {
    margin-bottom: 5px !important;
}
.blog-first-wrap .comments-link, .blog-first-wrap .posted-on a, .fix-wrap .comments-link, .fix-wrap .posted-on a{
    font-family: 'Lato' !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #000000 !important;
}
.gutentor-post-module.blog-page-main article {
    margin-bottom: 20px !important;
}

.wp-block-stackable-carousel.blogs-slider .wp-block-stackable-column .gutentor-post-module .gutentor-post .gutentor-image-thumb{
  overflow:  hidden !important;
  border-radius: 130px !important;
      max-width: 410px !important;
    max-height: 256px !important;
    width: 99% !important;
    height: auto !important;
}

.wp-block-stackable-carousel.blogs-slider 
.gutentor-image-thumb img {
    transition: transform 0.8s ease, filter 0.8s ease;
    transform-origin: center;
}

.wp-block-stackable-carousel.blogs-slider  .gutentor-post-image-box{
    padding: 1px !important;
}

.wp-block-stackable-carousel.blogs-slider .wp-block-stackable-column .blog-wrap{
    padding: 7px;
}

.wp-block-stackable-carousel.blogs-slider 
.gutentor-image-thumb:hover img {
    transform: scale(1.12);
    filter: brightness(1.1);
}

.wp-block-stackable-carousel.blogs-slider .wp-block-stackable-column {
    border-radius: 10px;
    overflow: hidden;
}

.blogs-slider .stk-block-carousel__dots .stk-block-carousel__dot {
    transform: rotate(45deg) !important;
}

.blogs-slider .gutentor-post-module .gutentor-post .gutentor-image-thumb::after{

    content: "" !important;
    position: absolute !important;
    inset: -2px;
    border-radius: inherit;
    z-index: 1;
    -webkit-mask: url('assets/images/blog/blog-border.svg') no-repeat center;
    mask: url('assets/images/blog/blog-border.svg') no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #7D5941;
    transition: background-color 0.3s ease;
    pointer-events: none;
}

/* ------------- Blogs Page ---------------- */
.blogs-page-posts .gutentor-image-thumb img {
    height: auto;
}
.page-template-blog-page .gutentor-image-thumb img {
    width: 100%;
}

/* ------------- Footer Section --------------- */
.footer-section-two .gutentor-text-wrap a {
    text-decoration: none;

}
.footer-col-two nav ul {
    justify-content: space-evenly;
}
.footer-nav-head h3 {
    position: relative;
}

.footer-row nav ul li {
    padding: 10px 0px;
    display: list-item !important;
    list-style: disc !important;
}

.footer-row nav ul{
    padding-left: 2rem !important;
}


.footer-row nav ul li a {
    font-family: 'Lato';
    font-size: 18px;
    font-style: italic;
}
.footer-row nav li a:hover {
    color: #D94F33 !important;
}
.footer-section-two {
    padding: 10px 15px;
}
.footer-row .footer-col-one {
    flex-basis: 27% !important;
}
.footer-row .footer-col-two {
    flex-basis: 15% !important;
}
.footer-row .footer-col-three {
    flex-basis: 24% !important;
}
.footer-row .footer-product-categories {
    flex-basis: 15% !important;
}
.wp-block-column.footer-col-three form input[type=email]::placeholder {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 12px;
    color: rgb(0 0 0 / 40%);
}
.wp-block-column.footer-col-three form input[type=email] {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 12px;
    color: #000;
    margin-bottom: 15px;
}
.wp-block-column.footer-col-three form input[type=submit] {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 15px;
    padding: 12px 18px;
    border-radius: 6px;
    background-color: #199F3A;
    outline: unset;
    border: unset;
    color: #fff;
    &:hover {
        background-color: #E549AE;
    }
}

.wp-block-columns.footer-row.is-layout-flex > *.wp-block-column {
    flex-grow: unset;
}
.payment-main-text {
    margin-bottom: 30px !important;
}
.wp-block-columns.footer-row {
    justify-content: space-between;
}
.footer-section-two .gutentor-element-advanced-text-link {
    color: #fff;
    font-family: 'Lato';
    font-weight: 400;
    &:hover p {
        color: #D94F33 !important;
    }
    & p {
        margin-bottom: 0 !important;
    }
}
.foot-bed-links {
    gap: 30px;
}
.contact-foot-text p {
    font-family: 'Lato';
    color: #fff;
    margin-top: 25px !important;
}

/* coffee footer section */

.coffee-footer-section .coffee-footer-socials {
    padding: 8px !important;
    border-radius: 10px;
}

.coffee-footer-section .coffee-footer-logo-row .coffee-footer-logo .wp-block-stackable-image {
    margin-block: auto !important ;
}

.coffee-footer-section .coffee-footer-logo-col{
    margin-block: auto !important;
}

.coffee-footer-section .coffee-footer-menu-container{
    max-width: 1520px !important;   
    margin: 0px auto !important;
     /* padding-inline: 6rem !important; */
    /* padding-top: 4rem !important;  */
    padding: 11px !important;
    position: relative;
    border-radius: 22px;
                position: relative;
    border-width: 7px;
    border-style: solid;
    border-image-source: url("assets/images/footer/footer-border-image.png");
    border-image-slice: 8;
    border-image-repeat: stretch;
    z-index: 2 !important; 
}

.coffee-footer-section .footer-row{
    padding-inline: 6rem !important;
    padding-top: 4rem !important;
}






.coffee-footer-section .coffee-footer-logo-cols .coffee-footer-social-col{
    margin-left: 6rem !important;
}

.coffee-footer-section .coffee-copyright-text-group{
     margin-top: 3rem !important; 
    padding-block: 2.6rem !important;
    padding-inline: 6rem !important;
}

.coffee-footer-section .coffee-copyright-text-group .gutentor-element-advanced-text .gutentor-element-advanced-text-link{
    text-decoration: none !important;
}

.coffee-footer-section .coffee-copyright-text-group .gutentor-element-advanced-text .gutentor-text{
    text-align: center !important;
    font-size: 20px !important;
    font-family: 'Lato';
    font-weight: 400;
    font-style: italic;
    margin-bottom: 0 !important;
    color: #FFF9D5 !important;
    text-decoration: none !important;
}

.coffee-footer-section .coffee-copyright-text-group .gutentor-element-advanced-text .gutentor-text span{
    text-decoration: underline !important;
    color: #CC9163 !important;
}

.coffee-footer-section .coffee-copyright-text{
    position: relative;
}

.coffee-footer-section .coffee-copyright-text::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 7px;
    top: -34px;
    /* inset: -2px; */
    border-radius: inherit;
    z-index: 2;
    -webkit-mask: url('assets/images/footer/line2.svg') no-repeat center;
    mask: url('assets/images/footer/line2.svg') no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #FFF9D5;
    transition: background-color 0.3s ease;
    pointer-events: none;
}

.coffee-footer-section .footer-row  .footer-nav-head  h3.stk-block-heading__text{
    white-space: nowrap !important;
    position: relative;
}

.coffee-footer-section .footer-row  .footer-nav-head h3.stk-block-heading__text::after {
    content: '';
    position: absolute;
    top: 15px;
    right: -54px;
    width: 44px;
    height: 5px;
    background-color: #CC9163;
    border-radius: 5px;
}



/* coffee footer section end */

/* ---------- Deal of the day ---------- */
.wp-block-cb-carousel-v2.deal-of-the-day-slider .wl_single-product-item {
    display: flex;
    margin-bottom: 0 !important;
}
.deal-wrap .stk-block-countdown__container {
    gap: 10px !important;
}
.wp-block-cb-carousel-v2.deal-of-the-day-slider .product-content-top {
    padding: 0px !important;
}
.wp-block-cb-carousel-v2.deal-of-the-day-slider .product-content {
    margin-top: 0 !important;
}
.deal-wrap {
    align-self: anchor-center; 
    flex-basis: 50%;   
    padding-right: 12px; 
    padding-top: 12px;
    padding-bottom: 12px;
}
.deal-wrap .stk-block-countdown__content-container {
    width: fit-content;
}
.deal-wrap .wp-block-stackable-countdown {
    margin-bottom: 18px !important;
    margin-top: 14px !important;
}
.wp-block-cb-carousel-v2.deal-of-the-day-slider .stk-block-countdown__container .stk-block-countdown__container-wrapper p {
    display: none !important;
}
.wp-block-cb-carousel-v2.deal-of-the-day-slider .new-price del span {
    color: rgba(0, 0, 0, 0.50);
}

.wl_single-product-item  .image-wrap {
    position: relative;
    flex-basis: 50%;    
    & ul.action {
        list-style-type: none;
        display: flex;
        padding-left: unset;
        bottom: 28px;
        & a {
            height: 40px;
            width: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            & i{
                color: #fff;
            }
            & svg path{
                fill: #fff;
            }
        }
        & a.action-item.added {
            display: none !important;
        }
        & a.added_to_cart {
            font-size: 0 !important;
            position: relative;
            &::after {
                position: absolute;
                text-indent: 0;
                content: "\e017";
                font-family: WooCommerce;
                left: 0;
                right: 0;
                font-size: 18px;
                color: #fff !important;
                display: flex;
                justify-content: center;
            }
        }
    }
}
/* ---------- Deal of the day ---------- */


.foot-newsletter-form  form span.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
}

footer .wpcf7 form.invalid .wpcf7-response-output {
    border-color: red;
    color: #FFF;
}

.footer-section-two {
    padding-top: 25px !important;
    border-top: 1px solid #ffff;
}
/* ------------- Shop --------------- */
.archive.post-type-archive .product h3 a {
    text-decoration: unset;
}

/* ------------ Cart Page ------------- */
.wc-block-cart-items .wc-block-cart-item__image {
    width: 40%;
    & img {
        border-radius: 10px;
    } 
}
.woocommerce-cart .wp-site-blocks h1 {
    margin-top: 50px;
    font-family: 'Lato';
    color: #382521;
    font-weight: 700;
}
.wc-block-cart-items__row {
    background: #F2800926;
    border-radius: 10px;
    border-bottom: 8px solid #fff;
}
.wc-block-cart-items__row td {
    border: none !important;
}
.wc-block-cart-items__header th {
    font-family: 'Lato';
    font-size: 18px;
    color: #382521;
}
.wc-block-cart-item__wrap a.wc-block-components-product-name {
    text-decoration: unset;
    color: #000;
    font-family: 'Lato';
    font-size: 20px;
    font-weight: 700;
    &:hover {
        color: #382521;
    }
}
.price.wc-block-components-product-price ins {
    font-weight: 600;
    font-size: 20px;
    color: #323232;
}
.price.wc-block-components-product-price del {
    font-size: 20px;
    font-weight: 400;
    color: #323232b5;
}
.wc-block-cart-item__total span.wc-block-components-product-price__value {
    font-family: 'Lato';
    font-weight: 600;
    font-size: 22px;
    color: #382521;
}
.wc-block-cart-item__product .wc-block-components-sale-badge {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.wc-block-cart-item__product .wc-block-components-product-metadata__description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    font-family: 'Lato';
    color: #000;
}
.wc-block-cart-item__remove-link {
    text-decoration: unset !important;
    font-size: 18px !important;
    margin-top: 10px !important;
    &:hover {
        text-decoration: underline !important;
        text-decoration-color: #F28009 !important;
        color: #181616 !important;
    }
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge.wc-block-components-sale-badge {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.wc-block-components-totals-coupon a {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-decoration: unset;
    &:hover {
        color: #083f9b;
    }
}
.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    font-family: 'Lato' !important;
    font-size: 18px !important;
    color: #382521 !important;
}
body.woocommerce-cart header {
    box-shadow: 0px 0px 18px #e9767669;
}
.wp-block-group.checkout_page * {
    font-family: 'Lato';
}

.wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
    color: #382521;
    font-size: 24px;
}
.wc-block-cart__submit-container a {
    font-size: 20px !important;
    border: 1px solid #3232;
    border-radius: 5px;
    margin-top: 10px;
    font-family: 'Lato';
    background-color: #382521;
    font-weight: 400;
    &:hover {
        color: #fff;
        background-color: #7D5941;
    }
}
.lp-archive-courses-sidebar {
    display: none;
}

/* ------------- Best Seller --------------- */
.best-seller-query-loop {
    margin-top: 45px;
}

.best-seller-query-loop .wl_single-product-item .product-thumbnail {
    border: unset;
    border-radius: unset !important;
    background-color: transparent;
    height: 100%;
}
.best-seller-query-loop .wl_single-product-item .product-thumbnail .images {
    box-shadow: unset !important;
    border-radius: unset !important;
    padding: 12px;
    height: -webkit-fill-available;
}
.best-seller-query-loop .wl_single-product-item {
    border-radius: 10px;
    border: 1px solid transparent;
    position: relative;
    margin-bottom: 20px;
}
.best-seller-query-loop .wl_single-product-item .woocs_price_code {
    display: flex;
    align-items: baseline;
    flex-direction: row-reverse;
    column-gap: 6px !important;
}
.wp-block-column.product-cat-column .gtf-item {
    padding: 0 !important;
}
.new-slider .wp-block-cb-slide-v2:nth-child(5n+1) .wl_single-product-item {
    background-color: #E549AE26;
    transition: all 0.5s ease-in-out;
    &:hover {
        box-shadow: inset 0px 0px 10px #E549AE;
    }
    & h6.title:hover a {
        color: #E549AE !important;
    }
    & ul a:hover {
        background-color: #E549AE !important;
    }
}
.new-slider .wp-block-cb-slide-v2:nth-child(5n+2) .wl_single-product-item {
    background-color: #6B46C126;
    transition: all 0.5s ease-in-out;
    &:hover {
        box-shadow: inset 0px 0px 10px #6B46C1;
    }
    & h6.title:hover a {
        color: #6B46C1 !important;
    }
    & ul a:hover {
        background-color: #6B46C1 !important;
    }
}
.new-slider .wp-block-cb-slide-v2:nth-child(5n+3) .wl_single-product-item {
    background-color: #199F3A26;
    transition: all 0.5s ease-in-out;
    &:hover {
        box-shadow: inset 0px 0px 10px #199F3A;
    }
    & h6.title:hover a {
        color: #199F3A !important;
    }
    & ul a:hover {
        background-color: #199F3A !important;
    }
}
.new-slider .wp-block-cb-slide-v2:nth-child(5n+4) .wl_single-product-item {
    background-color: #EF772626;
    transition: all 0.5s ease-in-out;
    &:hover {
        box-shadow: inset 0px 0px 10px #F28009;
    }
    & h6.title:hover a {
        color: #F28009 !important;
    }
    & ul a:hover {
        background-color: #F28009 !important;
    }
}
.new-slider .wp-block-cb-slide-v2:nth-child(5n+5) .wl_single-product-item {
    background-color: #f4002526;
    transition: all 0.5s ease-in-out;
    &:hover {
        box-shadow: inset 0px 0px 10px #ff002d;
    }
    & h6.title:hover a {
        color: #ff002d !important;
    }
    & ul a:hover {
        background-color: #ff002d !important;
    }
}

.best-seller-query-loop .wl_single-product-item .product-thumbnail .images img {
    background-color: #fff;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
    padding: 10px;
    height: 100% !important;
    object-fit: cover;
}
.best-seller-query-loop .wl_single-product-item ul {
    position: absolute;
    bottom: 123px;
    left: 0;
    right: 0;
    width: fit-content;
    margin: 0 auto !important;
    background: unset !important;
    z-index: 10;
    gap: 6px;
    flex-direction: row-reverse;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.best-seller-query-loop .wl_single-product-item:hover ul.action {
    opacity: 1;
}
.best-seller-query-loop .product-content-top {
    padding: 125px 12px 12px !important;
    display: flex;
    flex-direction: column;
    & h6.title {
        order: 2;
    }
    & div.product-category {
        order: 1;
        margin-bottom: 10px !important;
        text-align: left;
    }
}   

.best-seller-query-loop .wl_single-product-item .star-rating {
    font-size: 0.85em !important;
    color: #F28009;
}
.best-seller-query-loop .wl_single-product-item ul a {
    background: #000000 !important;
    padding-top: unset !important;
    border-radius: 5px !important;
    margin-top: unset !important;
}
.best-seller-query-loop .wl_single-product-item .product-price {
    margin-bottom: 0 !important;
}
.best-seller-query-loop .wl_single-product-item h6 a {
    font-family: 'Lato';
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #000 !important;
}
.best-seller-query-loop .wl_single-product-item span.price {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: baseline;
    column-gap: 5px;
}
.best-seller-query-loop .wl_single-product-item .prod-wrap {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    order: 2;
}
.best-seller-query-loop .wl_single-product-item .price ins span {
    font-family: 'Lato';
    font-weight: 700;
    font-size: 22px;
    color: #000000;
}
.best-seller-query-loop .wl_single-product-item .price del span {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.5);
}
.best-seller-query-loop .wl_single-product-item ul a svg {
    width: 18px !important;
    height: 18px !important;
}

.best-seller-query-loop .wl_single-product-item ul a i {
    font-size: 17px;
}

/* ------------- New Arrivals ---------------- */
.new-arrival-head {
    margin-bottom: 12px !important;
}
.new-arrival-button {
    position: absolute;
    right: 0;
    top: 35px;
}

/* ------------- Explore Our Farm --------------- */

.explore-our-farm-section {
    max-width: 100%;
    position: relative;
    z-index: 1;

}

.harvest-clip-inner{
        clip-path: polygon(0% 0%,0% 0%,0.871% 0.232%,3.32% 0.861%,7.099% 1.788%,11.961% 2.913%,17.657% 4.138%,23.941% 5.363%,30.565% 6.488%,37.281% 7.415%,43.842% 8.044%,50% 8.276%,50% 8.276%,56.158% 8.044%,62.719% 7.415%,69.435% 6.488%,76.059% 5.363%,82.343% 4.138%,88.039% 2.913%,92.901% 1.788%,96.68% 0.861%,99.129% 0.232%,100% 0%,100% 100%,100% 100%,99.128% 99.786%,96.679% 99.205%,92.899% 98.349%,88.037% 97.309%,82.34% 96.178%,76.056% 95.047%,69.432% 94.007%,62.716% 93.151%,56.156% 92.57%,50% 92.356%,50% 92.356%,43.844% 92.57%,37.284% 93.151%,30.568% 94.007%,23.944% 95.047%,17.66% 96.178%,11.963% 97.309%,7.101% 98.349%,3.321% 99.205%,0.872% 99.786%,0% 100%,0% 0%);
}

.explore-our-farm-section::after {
    content: "";
    position: absolute;
    top: 41px !important;
    inset: -3px;
    height: 90%;
    width: 101%;
    border-width: 11px;
    border-style: solid;
    border-image-source: url("assets/images/explore-our-farm/line-harvest.png");
    border-image-slice: 8 fill;
    border-image-repeat: stretch;
    pointer-events: none;
    z-index: 1;
}



.explore-right-col .wp-block-stackable-button-group .wp-block-stackable-button.explore-btn{
  overflow: visible !important;
}

.explore-our-farm-section .explore-right-col{
    margin-top: 2rem !important;
}

.perks-right-col .perks-img-box .perks-coffee-img img {
    animation: coffeeFloatRotate 6s ease-in-out infinite;
    will-change: transform;
}

@keyframes coffeeFloatRotate {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-12px) rotate(2deg);
    }
    100% {
        transform: translateY(0px) rotate(0deg);
    }
}



.explore-our-farm-section .rooted-img-1 {
   
    max-width: 150px;
    max-height: 150px;
        position: relative;
    border-width: 7px;
    border-style: solid;
    border-image-source: url("assets/images/explore-our-farm/rooter-border.png");
    border-image-slice: 8;
    border-image-repeat: stretch;
    z-index: 3 !important; 
    align-self: flex-end;
    transform: rotate(10deg);
}

.explore-our-farm-section .rooted-img-1 img{
    border-radius: 11px !important;
}

.explore-our-farm-section .rooted-img-2 {
     margin-top: -6rem !important;
     transform: rotate(4deg);
    align-self: center;
    max-width: 262px;
    max-height: 262px;
        position: relative;
    border-width: 7px;
    border-style: solid;
    border-image-source: url("assets/images/explore-our-farm/rooter-border.png");
    border-image-slice: 8;
    border-image-repeat: stretch;
    z-index: 2 !important; 

    /* margin-inline: 0 !important;
        position: absolute;
    top: 0;
    right: 0; */
        /* position: absolute;
    top: 0;
    right: 0; */
}

.explore-our-farm-section .rooted-img-2 img{
    border-radius: 11px !important;
}

.explore-our-farm-section .rooted-img-3 {
    align-self: flex-start;
        transform: rotate(-10deg);

    max-width: 226px;
    max-height: 226px;
        position: relative;
    border-width: 7px;
    border-style: solid;
    border-image-source: url("assets/images/explore-our-farm/rooter-border.png");
    border-image-slice: 8;
    border-image-repeat: stretch;
    z-index: 1 !important; 
    margin-top: -6rem !important;
    /* margin-inline: 0 !important;
        position: absolute;
    top: 0;
    right: 0; */
        /* position: absolute;
    top: 0;
    right: 0; */
}

.explore-our-farm-section .rooted-img-3 img{
    border-radius: 11px !important;
}

.rooted-img-2 {
    max-width: 262px;
    max-height: 262px;
     /* margin-inline: 0 !important; */
}

.rooted-img-3{
    max-width: 226px;
    max-height: 226px;
     /* margin-inline: 0 !important;
     position: absolute;
     bottom: 0;
     left: 0; */
    /* position: absolute;
    bottom: 0;
    left: 0; */
}

.explore-right-col
 
  .wp-block-stackable-button-group
  .stk-button
  .stk--inner-svg {
        position: absolute;
    top: -19px;
    right: -32px;
  background: #382521;
  width: 37px !important;
  height: 37px !important;
  color: white !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  transform: translateX(28px);
  transition: all 0.4s ease-in-out !important;
}

.explore-right-col .wp-block-stackable-button-group .stk-link.stk-button{
  position: relative;
  border: 1px solid #382521;
}

/*  */

.coffee-banner-content-stack .explore-btn{
    overflow: visible !important;
}

.explore-btn .stk-link.stk-button {
    padding-inline: 45px !important;
    padding-block: 18px !important;
    position: relative;
    border: 1px solid #382521 !important;
}

.explore-btn .stk-link.stk-button .stk-button__inner-text{
    font-size: 16px !important;
    font-weight: 600 !important;
}

.coffee-banner-content-stack   .wp-block-stackable-button-group
  .stk-button
  .stk--inner-svg {
    position: absolute;
    top: -19px;
    right: -55px;
    background: #382521;
    width: 37px !important;
    height: 37px !important;
    color: white !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    /* transform: translateX(28px); */
    transition: all 0.4s ease-in-out !important;
}

.coffee-banner-content-stack 
  
  .wp-block-stackable-button-group
  .stk-button
  .stk--inner-svg
  svg {
  margin: 0px !important;
}
.coffee-banner-content-stack 
 
  .wp-block-stackable-button-group
  .stk-button {
  
  &:hover {
    gap: 0px !important;
    transition: all 0.4s ease-in-out !important;
  }
}




.perks-stack  .explore-btn{
    overflow: visible !important;
}

.perks-stack   .wp-block-stackable-button-group
  .stk-button
  .stk--inner-svg {
    position: absolute;
    top: -19px;
    right: -32px;
  background: #382521;
  width: 37px !important;
  height: 37px !important;
  color: white !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  transform: translateX(28px);
  transition: all 0.4s ease-in-out !important;
}

.perks-stack 
  
  .wp-block-stackable-button-group
  .stk-button
  .stk--inner-svg
  svg {
  margin: 0px !important;
}
.perks-stack 
 
  .wp-block-stackable-button-group
  .stk-button {
  
  &:hover {
    gap: 0px !important;
    transition: all 0.4s ease-in-out !important;
  }
}



.sustain-right-col  .explore-btn{
    overflow: visible !important;
}
.sustain-right-col .wp-block-stackable-button-group
  .stk-button
  .stk--inner-svg {
    position: absolute;
    top: -19px;
    right: -30px;
  background: #382521;
  width: 37px !important;
  height: 37px !important;
  color: white !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  transform: translateX(28px);
  transition: all 0.4s ease-in-out !important;
}

.sustain-right-col 
  
  .wp-block-stackable-button-group
  .stk-button
  .stk--inner-svg
  svg {
  margin: 0px !important;
}
.sustain-right-col
 
  .wp-block-stackable-button-group
  .stk-button {
  
  &:hover {
    gap: 0px !important;
    transition: all 0.4s ease-in-out !important;
  }
}

/*  */
.explore-right-col
  
  .wp-block-stackable-button-group
  .stk-button
  .stk--inner-svg
  svg {
  margin: 0px !important;
}
.explore-right-col
 
  .wp-block-stackable-button-group
  .stk-button {
  
  &:hover {
    gap: 0px !important;
    transition: all 0.4s ease-in-out !important;
  }
}

.explore-our-farm-card-section .explore-columns {
position: relative;
  
}

.explore-our-farm-card-section .explore-columns::after{

}

.explore-our-farm-card-section .explore-columns-group{
    background-color: #7D5941;
    padding: 5px !important;
    border-radius: 100px !important;
  
    /* position: relative;
    border-width: 11px;
    border-style: solid;
    border-image-source: url("assets/images/explore-our-farm/explore-card-border.png");
    border-image-slice: 8;
    border-image-repeat: stretch;
    z-index: 2 !important; */
   
  
}



.card-one {
    max-width: 342px;
    width: 100% !important;
    padding: 10px !important;
}

.explore-small-icon-div{
    flex-shrink: 0 !important;
}

/*  */
.explore-our-farm-section .harvest-clip-inner{
    padding-block: 8rem !important;
}
.explore-our-farm-card-section{
   margin-bottom: -9rem !important;
   margin-top: -8rem !important;
   z-index: 2 !important;
}

/*  */

/* Perks section */

.perks-wrapper-container{
  max-width: 95.11% !important;
    margin: 0px auto !important;
    border-radius: 20px !important;
}

.perks-stack h2.stk-block-heading__text {
    font-size: 35px !important;
}

.perks-stack p.perks-sub-text{
    font-size: 24px !important;
}

.perks-stack p.perks-para{
    font-size: 20px !important;
}

.perks-right-col .perks-img-box {
    position: relative;
}

.perks-right-col .perks-img-box .perks-coffee-img{
    position: relative;
    z-index: 1 !important;
}

.perks-right-col .perks-img-box::after {
    content: "";
    position: absolute;
    top: -3%;
    right: 0%;
    width: 82%;
    height: 80%;
    transform: translateX(52%);
    background-image: url(
    "assets/images/perks/perks-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0 !important;
}

/* Perks section end */

/* Journey section */

.journey-heading-box .journey-heading{
  width: fit-content;
}

.journey-content .journey-card-stack{
    gap: 1rem;
}


.journey-content .journey-card {
  position: relative;
  border-radius: 16px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1; /* keeps it square */
  width: 100%;
  max-width: 315px;
  overflow: hidden; /* keeps masks neatly inside rounded corners */
}

/* Outer SVG border */
.journey-content .journey-card::after {
  content: "";
  position: absolute;
  inset: -2px; /* slightly outside */
  border-radius: inherit;
  z-index: -1;

  /* Outer mask */
  -webkit-mask: url('assets/images/journey/journey-card-border.svg') no-repeat center;
  mask: url('assets/images/journey/journey-card-border.svg') no-repeat center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

  background-color: #382521;
  transition: background-color 0.3s ease;
  pointer-events: none;
}

/* Inner SVG border */
.journey-content .journey-card::before {
  content: "";
  position: absolute;
  inset: 15px; /* 🟢 moves slightly inward from all sides */
  border-radius: inherit;
  z-index: 0;

  /* Inner mask */
  -webkit-mask: url('assets/images/journey/journey-card-border2.svg') no-repeat center;
  mask: url('assets/images/journey/journey-card-border2.svg') no-repeat center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

  background-color: #CC9163; /* inner color */
  opacity: 1; /* optional for subtle effect */
  transition: background-color 0.3s ease;
  pointer-events: none;
}

/* Hover color change */
.journey-content .journey-card:hover::after {
  background-color: #FFF9D5;
}

.journey-content .journey-card:hover::before {
  background-color: #CC9163;
}

.journey-content .journey-card:hover{
    background-color: #382521 !important;
}

.journey-content .journey-card:hover .journey-card-title .stk-block-count-up__text{
    color: #FFF9D5 !important;
}

.journey-content .journey-card:hover .journey-card-text .stk-block-text__text {
    color: #FFF9D5 !important;
}

.journey-section .journey-content .journey-card:hover .journey-card-svg svg path{
    fill: #FFF9D5 !important;
}

.journey-section .journey-content .journey-sub-heading{
    width: 67%;
}

/* Journey section end*/


/* sustainable section */

.sustainable-icon-box{
    position: relative;
}

.sustainable-icon-box::after {

}

.sustainable-section .sustain-left-img-box img {
    animation: parallaxDrift 8s ease-in-out infinite;
    will-change: transform;
}

@keyframes parallaxDrift {
    0% {
        transform: translate3d(0px, 0px, 0px) scale(1);
    }
    25% {
        transform: translate3d(-8px, -6px, 0px) scale(1.02);
    }
    50% {
        transform: translate3d(6px, -10px, 0px) scale(1.03);
    }
    75% {
        transform: translate3d(10px, 4px, 0px) scale(1.02);
    }
    100% {
        transform: translate3d(0px, 0px, 0px) scale(1);
    }
}

.sustainable-section .sustain-list-col-row:hover svg {
    animation: pulse 0.6s ease-in-out infinite;
}

.sustainable-section .sustain-list-col-row:hover svg path {
    fill: #7D5941;
}

/* Pulse Animation */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}



.sustainable-section .sustain-list-col-row:hover .sustain-card-title h3{
  color: #7D5941 !important;
}

.sustainable-section .sustain-list-col-row:hover .sustain-card-para p{
    color: #7D5941 !important;
}

/* container should be 100x100 */
/* .sustainable-section .sustain-list-col-row .stk--inner-svg::after {
    content: '';
    position: absolute;
  width: 100px;
  height: 100px;
  -webkit-clip-path: polygon(
    50% 0%,
    89.092% 18.826%,
    98.746% 61.126%,
    71.694% 95.048%,
    28.306% 95.048%,
    1.254% 61.126%,
    10.908% 18.826%
  );
  clip-path: polygon(
    50% 0%,
    89.092% 18.826%,
    98.746% 61.126%,
    71.694% 95.048%,
    28.306% 95.048%,
    1.254% 61.126%,
    10.908% 18.826%
  );
  background: red;
} */



/* sustainable section end*/

/* Field Video Section */

.field-video-section .field-wrapper-container{
      max-width: 89.6% !important;
    margin: 0px auto !important;
    border-radius: 20px !important;
}

.field-video-section .field-video-image::after {
  content: "" !important;
  position: absolute !important;
  inset: -2px; /* slightly outside */
  border-radius: inherit;
  z-index: 1;

  /* Outer mask */
  -webkit-mask: url('assets/images/field-video/field-video-border-svg.svg') no-repeat center;
  mask: url('assets/images/field-video/field-video-border-svg.svg') no-repeat center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

  background-color: #FFF9D5;
  transition: background-color 0.3s ease;
  pointer-events: none;
}

.field-video-section .field-video-text {
    position: absolute;
    width: 74%;
    top: 70%;
    left: 13%;
    margin-inline: auto !important;
    /* margin-top: 0rem; */
    /* transform: translateY(-187px) !important; */
    z-index: 2 !important;
}

.field-video-section .field-video-text .stk-block-text__text {
text-align: center !important;
margin-inline: auto !important;
width: 40% !important;
}

/* Field Video Section End */

/* Gallery Coffee Section */

.gallery-coffee-section .gallery-coffee-img figure{
    position: relative;
}



.gallery-coffee-section .gallery-coffee-img figure::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-image: url('assets/images/gallery/gallery-insta.svg');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.gallery-coffee-section .gallery-coffee-img figure:hover img {
  filter: blur(4px) brightness(70%);
}

.gallery-coffee-section .gallery-coffee-img figure:hover::after {
  opacity: 1;
}

.gallery-coffee-section .gallery-coffee-img figure{
    position: relative;
}



.gallery-coffee-section .gallery-coffee-img-mid figure::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-image: url('assets/images/gallery/gallery-insta.svg');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.gallery-coffee-section .gallery-coffee-img-mid figure:hover img {
  filter: blur(4px) brightness(70%);
}

.gallery-coffee-section .gallery-coffee-img-mid figure:hover::after {
  opacity: 1;
}



.gallery-coffee-section .gallery-coffee-img::after {
    content: "" !important;
    position: absolute !important;
    inset: -2px;
    border-radius: inherit;
    z-index: 1;
    -webkit-mask: url('assets/images/gallery/coffee-gallery-svg-1.svg') no-repeat center;
    mask: url('assets/images/gallery/coffee-gallery-svg-1.svg') no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #7D5941;
    transition: background-color 0.3s ease;
    pointer-events: none;
}

.gallery-coffee-section .gallery-coffee-img-mid::after {
    content: "" !important;
    position: absolute !important;
    inset: -2px;
    border-radius: inherit;
    z-index: 1;
    -webkit-mask: url('assets/images/gallery/coffee-gallery-svg-2.svg') no-repeat center;
    mask: url('assets/images/gallery/coffee-gallery-svg-2.svg') no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #7D5941;
    transition: background-color 0.3s ease;
    pointer-events: none;
}

.coffee-faq-section .coffee-faq-contact-row:hover svg.ugb-custom-icon path{
    fill: #dc9a0e !important;
}

.coffee-faq-section .coffee-faq-contact-row:hover .coffee-faq-mail-text a p{
    color: #dc9a0e !important;
}

.coffee-faq-section .coffee-faq-time.coffee-faq-contact-row:hover  svg.ugb-custom-icon path{
    fill: #FFF9D5 !important;
}

 /* Gallery Coffee Section End */ 

 /* Coffee FAQ Section */

 .coffee-faq-section{
    /* max-height: 860px !important; */
    
 }

 .coffee-faq-section .coffee-faq-container{
    max-width: 90% !important;
    margin-right: 0 !important;
 }

.coffee-faq-section .coffee-faq-accordion {
    position: relative;
    border-width: 11px;
    border-style: solid;
    border-image-source: url("assets/images/faq/faq-border.png");
    border-image-slice: 8;
    border-image-repeat: stretch;
    z-index: 2 !important;
    background-color: #382521;
    border-radius: 20px;
}



.coffee-faq-section .coffee-faq-accordion .stk-column-wrapper {
    margin: 0 !important;
    padding-block: 13px !important;

}

.coffee-faq-section .faq-border-wrap {
    position: relative;
}

.coffee-faq-section .wp-block-stackable-column.faq-border-wrap .stk-column-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    display: block;
    border-style: solid;
    border-width: 2px;
    border-image-source: url("assets/images/faq/faq-line.png");
    border-image-slice: 1;
    border-image-repeat: stretch;
    pointer-events: none;
}


.coffee-faq-section .coffee-faq-mail-text a{
text-decoration: none !important;
}
.coffee-faq-section .coffee-faq-mail-text a p.gutentor-text{
    color: #FFF9D5 !important;
    font-weight: 500;
    font-style: italic;
    font-size: 20px;
    margin: 0;
}


.coffee-faq-section .coffee-faq-accordion::after{
        /* content: "" !important;
    position: absolute !important;
    inset: -2px;
    border-radius: inherit;
    z-index: 1;
    -webkit-mask: url('assets/images/faq/faq-border.svg') no-repeat center;
    mask: url('assets/images/faq/faq-border.svg') no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #E9E2D8;
    transition: background-color 0.3s ease;
    pointer-events: none; */
}

.coffee-faq-section .coffee-faq-right-col{
        position: relative;
    border-width: 7px;
    border-style: solid;
    border-image-source: url("assets/images/faq/faq-border-2.png");
    border-image-slice: 8;
    border-image-repeat: stretch;
    z-index: 2 !important;
    background-color: #382521;
    border-radius: 30px !important;

}

.coffee-faq-section .coffee-faq-right-col .coffee-faq-right-row {
    border-radius: 34px !important;
    padding-block: 6.2rem;
    padding-left: 2rem;
    position: relative;
    overflow: hidden;
}

.coffee-faq-section .coffee-faq-contact{
    padding-left: 2.5rem !important;
    max-width: 426px !important;
    width: 100% !important;
}

.coffee-faq-right-col .coffee-faq-right-image{
    flex-shrink: 0;
     position: absolute;
    right: -8px;
    top: -3px; 
}




  /* Coffee FAQ Section End */

  /* coffee topbar section */

 .top-bar .coffee-topcontent-row{
   margin: unset !important;
 }

 .coffee-call-row{
    cursor: pointer !important;
 }

 .coffee-call-row .gutentor-text{
    color: #FFF9D5 !important;
    margin-bottom: 0 !important;
 }

 .coffee-call-row:hover .wp-block-stackable-icon .stk--svg-wrapper .stk--inner-svg svg.ugb-custom-icon path{
    fill: #dc9a0e !important;
    
 }

 .coffee-call-row .gutentor-element-advanced-text-link{
    text-decoration: none !important;
 }

 .coffee-call-row:hover .gutentor-text {
    color: #dc9a0e !important;
 }

.home .header-container .main-nav-header,
.home .header-container .coffee-header-box {
    display: none !important;
}




  /* coffee topbar section end  */

  /* Find Flavor Section */

  .find-flavor-section .find-flavor-div .gutentor-woo-add-to-cart a{
    background-color: none !important;
    background: linear-gradient(180deg, #E9E2D8 0%, #FFF9D5 100%) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }



  .find-flavor-section .find-flavor-div .gutentor-woo-add-to-cart a.gutentor-button.gutentor-post-button.added{
   display: none !important;
  }

  .gutentor-woo-add-to-cart .added_to_cart{
    margin-left: unset !important;
    padding-block: 16px !important;
  }

 .find-flavor-section del .woocommerce-Price-amount.amount {
     display: none !important; 
 }

 .find-flavor-section .find-flavor-div{
        display: flex;
    justify-content: center;
    align-items: center;
   order: 1;
 }

 .find-flavor-section .find-flavor-div .gutentor-wc-price .woocommerce-Price-amount bdi{
    font-weight: 600 !important;
    color: #382521 !important;
 }

 .find-flavor-section .find-flavor-div .gutentor-wc-price{
        padding: 14px 30px !important;
    border: 1px solid #382521;
    border-right: none;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    transform: translateX(20px);
 }

 .find-flavor-section .gutentor-post-item:hover .find-flavor-div .gutentor-wc-price{
    background-color: #FFF9D5 ;
 }

 .find-flavor-section .gutentor-post-item .gutentor-post-title a{
    font-family: 'Lato' !important;
    color: #7D5941 !important;
    font-style: italic !important;
    font-size: 24px !important;
 }

  .find-flavor-section .gutentor-post-item .gutentor-post-desc{
    font-family: 'Lato' !important;
    color: #7D5941 !important;
    font-style: italic !important;
    font-size: 16px !important;
 }

 .find-flavor-section .gutentor-post-item .gutentor-post-image-box .gutentor-image-thumb img{
    max-width: 400px !important;  
    max-height: 255px !important;
    border-radius: 15px !important;
    width: 100% !important;
 }

 .find-flavor-section .gutentor-post-item .gutentor-image-thumb{
    position: relative;
    margin: 10px !important;;
 }

 .find-flavor-section .gutentor-post-item{
    
 }

 .find-flavor-section .find-flavor-tab{
    margin-top: 3rem !important;
 }

.find-flavor-section .gutentor-post-item .gutentor-image-thumb::after {
    content: "" !important;
    position: absolute !important;
    inset: -4px;
    border-radius: inherit;
    z-index: 1;
    -webkit-mask: url('assets/images/categories/prod-border.svg') no-repeat center;
    mask: url('assets/images/categories/prod-border.svg') no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #382521;
    transition: background-color 0.3s ease;
    pointer-events: none;
    width: 102%;
    height: 104%;
}

.find-flavor-section .stk-block-carousel__dots .stk-block-carousel__dot {
    transform: rotate(45deg) !important;
}

.find-flavor-section .find-flavor-tab .stk-block-tab-labels__wrapper .stk-block-tabs__tab.stk-block-tabs__tab--active {
    position:  relative !important;
}

.find-flavor-section .find-flavor-tab .stk-block-tab-labels__wrapper .stk-block-tabs__tab.stk-block-tabs__tab--active::after{
    content: "" !important;
    top: 43px !important;
    position: absolute !important;
    inset: 0px;
    border-radius: inherit;
    z-index: 1;
    -webkit-mask: url('assets/images/categories/active-tab-border.svg') no-repeat center;
    mask: url('assets/images/categories/active-tab-border.svg') no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #000000;
    transition: background-color 0.3s ease;
    pointer-events: none;

}

 .find-flavor-section .find-flavor-inner-col .gutentor-post .gutentor-post-item{
    display: flex;
    flex-direction: column;

 }

  /* Find Flavor Section End */

  /* Sale Product Section */

  .sale-product-section .discount-product-col .gutentor-post-module .gutentor-categories .post-category .onsale{
    background-color: transparent !important;
  }

  .sale-product-section .discount-product-col .gutentor-post-module .gutentor-woo-add-to-cart a.gutentor-post-button{
    background-color: transparent !important;
    width: fit-content !important;
    font-weight: 600 !important;
    font-size: 16px !important;
  }

  .sale-product-section .sale-product-container{
        max-width: 1860px !important;
    margin: 0px auto !important;
  }

  .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-item{
    flex-direction: row-reverse !important;
    align-items: center !important;
  }

  .sale-product-section .discount-product-cols .discount-product-col-1 .gutentor-post-module{
    background-color: #F5E3E0 !important;
               max-width: 600px;
    max-height: 350px;
        position: relative;
    border-width: 7px;
    border-style: solid;
    border-image-source: url("assets/images/products/sale-product-border.png");
    border-image-slice: 8;
    border-image-repeat: stretch;
    z-index: 3 !important; 
    align-self: flex-end;
    border-radius: 20px;
    /* transform: rotate(10deg); */
  }
  
  .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-module:hover .gutentor-post-title a{
    color: #382521 !important;
  }

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-module:hover .gutentor-post-desc{
    color: #382521 !important;
  }

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-module:hover .gutentor-woo-add-to-cart a.gutentor-post-button{
        background: linear-gradient(180deg, #7D5941 0%, #382521 100%);
        border: 1px solid #FFF9D5 !important;
        color: #FFF9D5 !important;
        
    }

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-module .gutentor-woo-add-to-cart a.gutentor-post-button.added{
        display: none !important;
    }

    .main-nav-header .wp-block-navigation__responsive-dialog{
           display: flex;
           margin-left: 1rem !important;
    /* gap: 1rem;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 8rem; */
    /* margin-block: auto !important; */
    }

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-module:hover .gutentor-woo-add-to-cart a.gutentor-post-button span{
        color: #FFF9D5;
    }

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-module:hover .gutentor-post-button::before{
    background-color: #382521;
        border: 1px solid #FFF9D5 !important;
    }

        .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-module:hover .gutentor-post-button::after{
            background-color: #FFF9D5;
        }

      .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-module:hover .gutentor-wc-price ins .woocommerce-Price-amount{
        color: #382521;
      }  

    .sale-product-section .discount-product-cols .discount-product-col-2 .gutentor-post-module{
    background-color: #EEFFED !important;
                   max-width: 600px;
    max-height: 350px;
        position: relative;
    border-width: 7px;
    border-style: solid;
    border-image-source: url("assets/images/products/sale-product-border.png");
    border-image-slice: 8;
    border-image-repeat: stretch;
    z-index: 3 !important; 
    align-self: flex-end;
    border-radius: 20px;
  }

      .sale-product-section .discount-product-cols .discount-product-col-3 .gutentor-post-module{
    background-color: #FFEDD3 !important;
                   max-width: 600px;
    max-height: 350px;
        position: relative;
    border-width: 7px;
    border-style: solid;
    border-image-source: url("assets/images/products/sale-product-border.png");
    border-image-slice: 8;
    border-image-repeat: stretch;
    z-index: 3 !important; 
    align-self: flex-end;
    border-radius: 20px;
  }

  .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title a{
    font-family: 'Lato';
    color: #7D5941;
    font-size: 24px !important;
    font-style: italic;
    font-weight: 600;
  }

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-desc{
         font-family: 'Lato';
    color: #7D5941;
    font-size: 14px !important;
    font-style: italic;
    line-height: 25px !important;
    font-weight: 500;
    margin-top: 15px !important;
        overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .sale-product-section .discount-product-cols .discount-product-col .gutentor-wc-price del .woocommerce-Price-amount{
    color: #CC9163;
     font-family: 'Lato';
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 25px;

  }

  .sale-product-section .discount-product-cols .discount-product-col .gutentor-wc-price del .woocommerce-Price-amount bdi{
        margin-left: 6px;
  }

  .sale-product-section 
.discount-product-cols 
.discount-product-col 
.gutentor-wc-price del .woocommerce-Price-amount::before{
    content: "Price:  ";
    text-decoration: none !important;
    display: inline-block !important;
}

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-wc-price ins .woocommerce-Price-amount{
    color: #7D5941;
     font-family: 'Lato';
    font-weight: 700;
    font-style: italic;
    font-size: 24px;
    line-height: 25px;
  }

  .sale-product-section .discount-product-cols .gutentor-post .post-category .onsale{
        color: #CC9163;
     font-family: 'Lato';
    font-weight: 700;
    font-style: italic;
    font-size: 14px;
    color: white;
  } 

  .sale-product-section .discount-product-cols .gutentor-post-title-data-wrap .gutentor-categories{
        width: fit-content;
    padding: 8px 24px;
    background-color: #7D5941;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-bottom: 1rem !important;
    margin-left: -20px;
  }

  .sale-product-section  .discount-product-cols .gutentor-post-module:hover .gutentor-post-title-data-wrap .gutentor-categories{
    background-color: #382521;
  }

  

  .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-item{
    position: relative;
    max-width: 600px !important;
    
  }

  .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title-data-wrap{
    margin-top: 2rem;
  }

  .sale-product-section .gutentor-post-module .gutentor-post-button{
    padding: 12px 30px !important;
  }

  .sale-product-section .gutentor-post-module .gutentor-image-thumb img{
    object-fit: contain;
  }

  .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-item::after{
        /* content: "" !important;
    top: 0px !important;
    position: absolute !important;
    inset: 0px;
    border-radius: inherit;
    z-index: 1;
    -webkit-mask: url('assets/images/categories/card-border.svg') no-repeat center;
    mask: url('assets/images/categories/card-border.svg') no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #000000;
    transition: background-color 0.3s ease;
    pointer-events: none; */

  }

  .sale-product-section .gutentor-post-module .gutentor-post-item .gutentor-post-image-box{
    width: 50%;
  }

    .sale-product-section .gutentor-post-module .gutentor-post-item .gutentor-post-image-box{
    width: 50% !important;
  }
      .sale-product-section .gutentor-post-module .gutentor-post-item .gutentor-post-content{
    width: 50% !important;
  }

    /* Sale Product Section End */

    /* Coffee Testimonial Section */
    .coffee-testimonial-section .coffee-testi-carousel .coffee-testi-innercol .stk-block-testimonial__content{
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .coffee-testimonial-section .coffee-testi-carousel{
        height: 100% !important;
    }

    .coffee-testimonial-section .coffee-testi-carousel .coffee-testi-desc{
      margin-block: 2rem !important;
    }

    .coffee-testimonial-section .coffee-testi-carousel .coffee-testi-innercol{
        margin-top: 2rem !important;
    }

.coffee-testimonial-section .coffee-testi-head-row .wp-block-stackable-image figure .stk-img-wrapper {
    position: relative;
    border-width: 4px;
    border-style: inset;
    /* inset: 0px; */
    border-image-source: url("assets/images/coffee-testimonial/testi-border.png");
    border-image-slice: 3;
    border-image-repeat: stretch;
    z-index: 3 !important;
    border-radius: 11px !important;
}

    .coffee-testimonial-section .coffee-testi-head-row .wp-block-stackable-image figure .stk-img-wrapper img{
           border-radius: 10px;
    display: block;
    }

    .coffee-testimonial-section .coffee-testi-cols .coffee-testi-col{
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        position: relative;
    }

    .coffee-testimonial-section .coffee-testi-cols .coffee-testi-col .testi-quote-icon{
            position: absolute;
    bottom: -39px;
    right: 36px;
    }



    .coffee-testimonial-section .coffee-testi-carousel .gutentor-element-rating-wrap .gutentor-rating-marked{
        color: #F4A32C !important;
    }

        .coffee-testimonial-section .coffee-testi-carousel .gutentor-element-rating-wrap .gutentor-rating-unmarked{
        color: transparent;
    }

    .coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons{
         margin-bottom: -4.5rem !important; 
        
    }

    .coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons .stk-block-carousel__button {
 border: 1px solid #FFF9D5 !important;
    }

    .coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons .stk-block-carousel__button:hover svg path{
            fill: #382521 !important;
    }

    .coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons .stk-block-carousel__button:hover{
        border-color: #382521 !important;
    }

    .coffee-testimonial-section .one-container{
            padding-bottom: 5rem !important;
    }

    /* Coffee Testimonial Section End */

/* Weight Product Section */

.feature-product-section{
    margin-top: -5rem !important;
    padding-top: 5rem !important;
    padding-bottom: 3rem !important;
}

.best-selling-heading .freshly-main-title{
    text-decoration: underline !important;
    font-size: 40px;
    font-style: italic;
    font-family: 'Lato';
    font-weight: 600;
    color: #382521;
}

.best-selling-heading .freshly-subtitle{
        font-style: italic;
    font-family: 'Lato';
    color: #7D5941;
    font-weight: 500;
    font-size: 24px;
    margin-top: 1rem;
}

#products .swiper-pagination .swiper-pagination-bullet{
        width: 20px;
    height: 20px;
    border-radius: unset;
    background-color: #7D5941;
    opacity: 1;
    transform: rotate(45deg);
    margin-left: 10px !important;
    
}

#products .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #382521;
}

#products .cart-btn svg path{
  fill: #FFF9D5;
}


#products .cart-btn .added_to_cart {
    font-size: 0 !important;
    position: relative;
}

#products .cart-btn .added_to_cart::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M20.285 6.709a1 1 0 010 1.414l-10 10a1 1 0 01-1.414 0l-5-5a1 1 0 011.414-1.414l4.293 4.293 9.293-9.293a1 1 0 011.414 0z"/></svg>') 
        no-repeat center;
    background-size: contain;
}

#products .swiper-slide:hover .cart-btn a.added_to_cart::before {
    background: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 24 24" fill="%23382521" xmlns="http://www.w3.org/2000/svg"><path d="M20.285 6.709a1 1 0 010 1.414l-10 10a1 1 0 01-1.414 0l-5-5a1 1 0 011.414-1.414l4.293 4.293 9.293-9.293a1 1 0 011.414 0z"/></svg>')
        no-repeat center !important;
    background-size: contain !important;
}








#products .slider_navigation button.slider_nav{
  display: none !important;
}

.new-arrivals-section{
    /* display: none !important; */
}

#products {
    padding-block: 2rem !important;
}

#products .swiper-slide {
    position: relative;
    background: none; /* clip-path moved to .slide-inner */
    overflow: visible !important; /* ✅ allows .cart-btn to overflow */
    padding: 0 !important;
}

#products .swiper-slide .slide-inner {
    background: linear-gradient(180deg, #E9E2D8 0%, #FFF9D5 100%);

    padding-block: 2rem !important;
    padding-inline: 1rem !important;
    clip-path: polygon(0% 2.586%, 0.865% 2.514%, 3.297% 2.319%, 7.049% 2.031%, 11.875% 1.68%, 
                      17.53% 1.299%, 23.768% 0.917%, 30.341% 0.565%, 37.005% 0.275%, 
                      43.514% 0.076%, 49.621% 0%, 55.821% 0.069%, 62.429% 0.263%, 
                      69.195% 0.552%, 75.869% 0.904%, 82.202% 1.287%, 87.943% 1.671%, 
                      92.843% 2.025%, 96.653% 2.316%, 99.122% 2.513%, 100% 2.586%, 
                      100% 93.103%, 99.127% 93.298%, 96.673% 93.825%, 92.884% 94.601%, 
                      88.005% 95.543%, 82.283% 96.567%, 75.962% 97.59%, 69.29% 98.528%, 
                      62.512% 99.298%, 55.874% 99.817%, 49.621% 100%, 43.461% 99.797%, 
                      36.921% 99.267%, 30.245% 98.493%, 23.673% 97.555%, 17.448% 96.537%, 
                      11.812% 95.52%, 7.007% 94.586%, 3.276% 93.817%, 0.859% 93.295%, 0% 93.103%, 0% 2.586%);
  text-align: center;

}

#products .swiper-wrapper{
    margin-bottom: 2rem !important;
}




/* product hover */

#products .swiper-slide .slide-inner:hover{
    background: linear-gradient(180deg, #382521 0%, #7D5941 100%);
}

#products .swiper-slide .slide-inner:hover .product-title,#products .swiper-slide .slide-inner:hover .product-desc,#products .swiper-slide .slide-inner:hover .product-meta-inline{
    color: #FFF9D5;
}

#products .swiper-slide .slide-inner:hover::after {
    background-color: #FFF9D5; /* your hover color */
}

#products .swiper-slide .slide-inner:hover .product-img::after{
    background-color: #FFF9D5; /* your hover color */
}

#products .product-title a:hover{
    color: unset;
}

#products .swiper-slide:hover .cart-btn a{
    background: linear-gradient(180deg, #E9E2D8 0%, #FFF9D5 100%);   
}

#products .swiper-slide:hover .cart-btn svg path{
    fill: #382521;
}

#products .swiper-slide:hover .cart-btn a::after{
    background-color: #382521;
}

/* product hover end */
#products .swiper-slide .slide-inner::after{
        content: "" !important;
    top: -12px !important;
    position: absolute !important;
    inset: 0px;
    border-radius: inherit;
    z-index: 1;
    -webkit-mask: url('assets/images/products/prod-border.svg') no-repeat center;
    mask: url('assets/images/products/prod-border.svg') no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #000000;
    transition: background-color 0.3s ease;
    pointer-events: none;
    max-height: 500px !important;
}

#products .cart-btn a::after {
    content: "" !important;
    top: 0px !important;
    position: absolute !important;
    inset: -1px;
    border-radius: inherit;
    z-index: 1;
    -webkit-mask: url('assets/images/products/cart-btn-border.svg') no-repeat center;
    mask: url('assets/images/products/cart-btn-border.svg') no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #FFF9D5;
    transition: background-color 0.3s ease;
    pointer-events: none;
}



#products .product-img::after{
            /* content: "" !important;
    top: -12px !important;
    position: absolute !important;
    inset: 0px;
    border-radius: inherit;
    z-index: 1;
    -webkit-mask: url('assets/images/products/prod-img-border.svg') no-repeat center;
    mask: url('assets/images/products/prod-img-border.svg') no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    background-color: #000000;
    transition: background-color 0.3s ease;
    pointer-events: none;
    max-height: 500px !important; */
}

#products .product-title {
    text-align: center !important;
    font-size: 20px;
    width: fit-content;
    margin-inline: auto;
    font-family: 'Lato';
    font-weight: 600;
    font-style: italic;
    color: #382521;
    margin-top: 1rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;

}

#products .product-title a{
    text-decoration: none !important;
}

#products .product-desc {
    text-align: center !important;
    font-size: 16px;
    font-family: 'Lato';
    font-weight: 400;
    font-style: italic;
    color: #382521;
    line-height: 25px !important;
    margin-block: 1rem;
}

#products .product-meta-inline {
    margin-bottom: 2rem !important;
    text-align: center !important;
    font-size: 26px;
    font-family: 'Lato';
    font-weight: 800;
    font-style: italic;
    color: #382521;
}

#products .product-meta-inline .product-price del .woocommerce-Price-amount.amount {
    display: none !important;
}

#products .cart-btn {
    text-align: center !important;
    margin-top: 1rem;
    position: relative;
    transform: translateY(-37px); /* ✅ moves below clipped area safely */
    z-index: 5;
}

#products .cart-btn a {
    background: linear-gradient(180deg, #382521 0%, #7D5941 100%);
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1.2rem;
}

#products .cart-btn a.added{
    display: none !important
}

#products .cart-btn a.added_to_cart{
    color: #FFF9D5 !important;
    text-decoration: none !important;
}

#products .swiper-slide:hover .cart-btn a.added_to_cart{
    color: #382521 !important;
}

#products .swiper-slide .cart-btn a.added_to_cart::after{
    display: none !important;
}

#products .cart-btn .cart-icon {
    width: 22px;
    height: 22px;
}

#products .product-img {
    margin-inline: auto !important;
        max-width: 356px;
    max-height: 217px;
    position: relative;
    text-align: center;
    clip-path: polygon(0% 3.687%, 0.87% 3.584%, 3.314% 3.304%, 7.086% 2.892%, 11.937% 2.391%, 
                       17.621% 1.846%, 23.889% 1.301%, 30.494% 0.8%, 37.19% 0.387%, 43.727% 0.105%, 
                       49.86% 0%, 56.026% 0.101%, 62.601% 0.38%, 69.334% 0.793%, 75.977% 1.294%, 
                       82.28% 1.84%, 87.996% 2.387%, 92.874% 2.889%, 96.667% 3.302%, 99.125% 3.583%, 
                       100% 3.687%, 100% 97.235%, 99.125% 97.313%, 96.666% 97.523%, 92.873% 97.833%, 
                       87.993% 98.21%, 82.277% 98.62%, 75.973% 99.029%, 69.33% 99.405%, 62.598% 99.715%, 
                       56.024% 99.924%, 49.86% 100%, 43.729% 99.921%, 37.193% 99.71%, 30.498% 99.4%, 
                       23.893% 99.024%, 17.624% 98.615%, 11.94% 98.207%, 7.087% 97.831%, 3.315% 97.522%, 
                       0.87% 97.312%, 0% 97.235%, 0% 3.687%);
}

#products .product-img::after {
    content: "";
    position: absolute;
    inset: 0; /* ✅ full coverage */
    border-radius: inherit;
    z-index: 1;
    pointer-events: none;
    max-height: 217px !important;

    /* ✅ Proper mask placement */
    -webkit-mask: url('assets/images/products/prod-img-border.svg') no-repeat center;
    mask: url('assets/images/products/prod-img-border.svg') no-repeat center;
    -webkit-mask-size: contain; /* or try 'cover' if SVG still cuts off */
    mask-size: contain;

    background-color: #7D5941; /* this defines visible “border” */
    transition: background-color 0.3s ease;
}


#products .product-img img {
    max-width: 356px;
    max-height: 217px;
    width: 100%;
}

/* Weight Product Section End */ 


/* Coffee Newsletter section */

 .coffee-newsletter-section .coffee-newsletter-cols .wpcf7-not-valid-tip{
  transform: translateY(22px);
 }

 .coffee-newsletter-section .coffee-newsletter-container{
    max-width: 1720px !important;
    max-height: 200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    position: relative;
    overflow: visible !important;
    border-radius: 20x !important;
 }

 .coffee-newsletter-section .coffee-newsletter-container .wp-block-cover__image-background,.coffee-newsletter-section .coffee-newsletter-container .wp-block-cover__background {
    border-radius: 18px !important;
 }

.coffee-newsletter-section .coffee-newsletter-container::after {
    content: "";
    position: absolute;
    top: -11px !important;
    left: -7px !important;
    inset: 0px;
    border-radius: inherit;
    z-index: 1;
    pointer-events: none;
    width: 101% !important;
    height: 112%;
    -webkit-mask: url('assets/images/newsletter/news-border.svg') no-repeat center;
    mask: url('assets/images/newsletter/news-border.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #CC9163;
    transition: background-color 0.3s ease;
}

 .coffee-newsletter-section input[type="email"]{
  border: none !important;
 
  background: transparent !important;
}

 .coffee-newsletter-section form p{
    display: flex !important;
    position: relative;
    padding-bottom: 11px !important;
    justify-content: space-between !important;
 }

 .coffee-newsletter-section input[type="email"]{
    color: white !important;
 }

 .coffee-newsletter-section input[type="email"]::placeholder{
    color: #FFF9D5 !important;
    font-weight: 300 !important;
    font-style: italic !important;
 }

 .coffee-newsletter-section .wpcf7-form-control.wpcf7-submit{
    background: none !important;
    color: #CC9163;
    font-family: Lato !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    font-style: italic !important;
    line-height: 35px !important;
    border: none !important;
 }

 .coffee-newsletter-section .coffee-newsletter-heading-box .wp-block-stackable-heading{
    margin-right:  auto !important;
 }

 .coffee-newsletter-section form p::after{
    content: "";
    position: absolute;
    top: 41px !important;
    inset: 0; /* ✅ full coverage */
    border-radius: inherit;
    z-index: 1;
    pointer-events: none;
    /*  */
width: 100% !important;
    /* ✅ Proper mask placement */
    -webkit-mask: url('assets/images/newsletter/newsletter-border.svg') no-repeat center;
    mask: url('assets/images/newsletter/newsletter-border.svg') no-repeat center;
    -webkit-mask-size: contain; /* or try 'cover' if SVG still cuts off */
    mask-size: contain;
    background-color: #FFF9D5; /* this defines visible “border” */
    transition: background-color 0.3s ease;
 }

 .coffee-newsletter-section form .wpcf7-spinner{
  display: none !important;
}

/* Coffee Newsletter section End */

/*  */

#bp_sv {
    padding: 3rem !important;
    background: white !important;
    width: 1000px !important;
    height: 600px !important;
    max-width: unset !important;
    max-height:  unset !important;
       /* <- stops viewport-based resizing */
    border-radius: 20px !important;
}


#bp_sv iframe{
    padding: 4rem;
}

#bp_container>.bp-x {
    top: 13% !important;
    right: 25% !important;
    background: black !important;
}

/*  */

/* farm prac inner */

.farm-prac-inner-container{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* farm prac inner  end*/
/************************* Responsive-css-all-media *****************************************/

@media screen and (max-width: 1399px) and (min-width: 1200px) {
   .wp-block-stackable-heading.gallery-coffee-heading h2.stk-block-heading__text{
    font-size: 30px !important;
}

     .gallery-coffee-sub-heading p.stk-block-text__text{
    font-size: 22px !important;
}
.coffee-faq-head-stack .coffee-faq-heading h2.stk-block-heading__text{
    font-size: 30px !important;
}
    .wp-block-column.top-header-col ul li span{
        font-size: 18px;
    }

    .wp-block-column.product-cat-column section {
        height: 320px !important;
    }
    .wp-block-stackable-carousel.banner-slider .stk-block-carousel__dots {
        bottom: 5px !important;
    }
    .wp-block-column.shop-by-age-col .grid-container .gtf-item {
        width: -webkit-fill-available !important;
        height: 160px !important;
    }
    .client-name-row {
        flex-wrap: wrap;
        & .wp-block-stackable-text {
            margin-left: auto;
        }
    }
    .wp-block-stackable-carousel.test-slider .wp-block-stackable-column .review-text {
        margin-top: 1.5rem;
    }

    .wp-block-cover.offer-banner-section .wp-block-column.gradz-box h2 {
        font-size: 32px !important;
    }
    .banner-quality .wp-block-columns {
        flex-flow: column;
        gap: 25px;
    }
    
    .footer-row .footer-product-categories {
        flex-basis: 20% !important;
    }
    .about-main-left {
        transform: translate(-9px, 75px);
    }
    .about-main-right {
        transform: translateY(100px);
    }
    .one-container {
        max-width: 1140px !important;
    }
    .about-main-left figure::before {
        height: 64%;
    }

    /* harvest css */

    .card-one h2.stk-block-heading__text {
    font-size: 24px !important;
    }

    .card-one p.stk-block-text__text{
        font-size: 14px !important;
    }

    .explore-small-icon-div {
    flex-shrink: 0.5 !important;
    }

    .journey-section .journey-content .journey-sub-heading{
        width: 77%;
    }
    /* harvest css end */

    /* sustainable section */


  .sustainable-section .sustain-cols .sustain-right-col .sustain-list-one{
        margin-top: 1.5rem !important;
        gap: 1rem !important;
    }
  .sustainable-section .sustain-cols .sustain-right-col .sustain-list-two{
        margin-top: 1.5rem !important;
        gap: 1rem !important;
    }

   .sustainable-section .sustain-cols .sustain-right-col .sustain-btn-box{
        margin-top: 2rem !important;
    }

    .sustainable-section .sustain-cols .sustain-right-col .sustain-heading h2{
        font-size: 30px !important;
    }

    /* sustainable section end*/

        /* Field Video Section */

    .field-video-section .field-wrapper-container .field-video-icon .stk--svg-wrapper .stk--inner-svg svg:last-child{
        width: 100px !important;
        height: 100px !important;
    }

    .field-video-section .field-wrapper-container .field-heading h2{
        font-size: 35px !important;
    }

    .field-video-section .field-wrapper-container .field-sub-heading{

        max-width: 70% !important;
    }

    .field-video-section .field-wrapper-container .field-sub-heading p{
        font-size: 22px !important;
        line-height: 35px !important;
    }

    .field-video-section .field-video-image::after{
            inset: -1px !important;
    }

    /* Field Video Section End */

    /* Gallery Coffee Section */
 .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-col-1-stack{
    gap: 10px !important;
   }

    .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-col-3-stack{
    gap: 10px !important;
   }

  .gallery-coffee-section .gallery-coffee-cols{
    gap: 10px !important;
   }

 /* Gallery Coffee Section End */ 

      /* Coffee FAQ Section  */
    .coffee-faq-section .coffee-faq-accordion .coffee-faq-que h4{
    font-size: 19px !important;
}
.coffee-faq-section .coffee-faq-right-col .coffee-faq-right-row {

    padding-left: 0 !important;
}

.coffee-faq-section .coffee-faq-contact {
        padding-left: 1.5rem !important;
}

.coffee-faq-section .coffee-faq-contact .coffee-faq-contact-row{
    gap: 1rem !important;
}

.coffee-faq-section .coffee-faq-mail-text a p.gutentor-text{
    font-size: 18px !important;
}

.coffee-faq-section .coffee-faq-contact .coffee-faq-time-stack .wp-block-stackable-text p{
    font-size: 18px !important;
}

.coffee-faq-section .coffee-faq-head-stack{
  margin-bottom: 2rem !important;
}

.coffee-faq-section .coffee-faq-contact{
    max-width: 365px !important;
}

.coffee-faq-section .coffee-faq-accordion .stk-column-wrapper{
    padding-left: 6px !important;
}

.coffee-faq-section .coffee-faq-accordion .stk-column-wrapper{
    padding-block: 10px !important;
}

.coffee-faq-right-col .coffee-faq-right-image{
    right: -62px !important;
}

.coffee-faq-section .coffee-faq-container{
    max-width: 94% !important;
}

      /* Coffee FAQ Section End */

            /* Coffee Banner Section  */
        .wp-block-column.top-header-col ul{
            column-gap: 1rem !important;
            justify-content: flex-start !important;
            margin-left: 1rem !important;
        }

        .banner-section .coffee-banner-img-wrapper {
    position: absolute !important;
    top: 0;
    right: 64px !important;
    width: 38%;
}

.banner-smallimg-box .banner-smallimg-3 {
    transform: translate(62px, -32px);
}



.banner-section .coffee-banner-content-stack .coffee-banner-head h1{
    font-size: 45px !important;
}

.banner-section .coffee-banner-content-stack .coffee-banner-sub-head h2{
    font-size: 25px !important;
    line-height: 45px !important;
}
.banner-section .coffee-banner-content-stack {
    max-width: 515px !important;  
    margin-top: 3rem !important; 
}

.banner-smallimg-box .banner-smallimg-1 {
    transform: translate(-87px, -53px);
}



      /*  Coffee Banner Section End*/

      /* Find Flavor Section */

 .find-flavor-section .gutentor-post-item .gutentor-post-image-box .gutentor-image-thumb img{
    height: auto !important;
 }

 .find-flavor-section .gutentor-post-item .gutentor-image-thumb::after {

    inset: -2px;
   
     width: unset; 
     height: auto; 
}
      
         /* Find Flavor Section End */

          /* Sale Product Section */

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title a,.sale-product-section .discount-product-cols .discount-product-col .gutentor-wc-price ins .woocommerce-Price-amount{
        font-size: 18px !important;
    }

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title-data-wrap {
    margin-top: 1rem;
}

.sale-product-section .discount-product-cols .discount-product-col .gutentor-post-desc{
    margin-block: 8px !important;
}
/* Sale Product Section End */

/* coffee testimonial Section  */

.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-innercol{
    margin-top: unset !important;
}

.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-desc{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-title{
    font-size: 28px !important;
}

.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-desc{
    margin-block: 1rem !important;
}

/* coffee testimonial Section End  */

/* Weight Product Section */

#products .product-desc{
 margin-block: 1rem;
}

#products .product-meta-inline {
    margin-bottom: 10px !important;
}

#products .swiper-slide .slide-inner::after{
    top: -47px !important;
}

#products .swiper-slide .slide-inner{
    padding-block: 1rem !important;
}

#products .product-img img {
    max-height: 194px;
}
#products .product-title{
    margin-top: 10px;
}
#products .product-meta-inline {
    font-size: 20px;
}
/* Weight Product Section End */

/* Coffee Footer section  */

.coffee-footer-section .coffee-footer-menu-container::after {
    top: 3px !important;
}

.coffee-footer-section .coffee-footer-menu-container{
     max-width: 1140px !important;
}

.coffee-footer-section .coffee-copyright-text-group{
    /* margin-top: unset !important; */
        padding-block: 2.2rem !important;
}

.coffee-footer-section .coffee-footer-menu-container::after{
    display: none;
}

.coffee-footer-section .footer-row .footer-nav-head h3.stk-block-heading__text{
    font-size: 24px !important;
}

.footer-row nav ul li a{
    font-size: 16px !important;
    white-space: nowrap;
}

.coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons{
    margin-bottom: -5rem !important;
}

/* Coffee Footer section end  */


}
@media screen and (max-width:1300px) and (min-width: 1200px){
    .blog-posts-col-one .gutentor-post-button, .blog-posts-col-three .gutentor-post-button {
        top: unset;
        margin-left: 20px;
        display: block;
        width: fit-content;
    }
    .blog-posts-col-one .g-avatar-wrap, .blog-posts-col-three .g-avatar-wrap {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 1024px) {
    /* .client-and-partners .wp-block-stackable-carousel  {
        --slides-to-show: 3 !important;
    } */
}

@media screen and (max-width:1200px) and (min-width: 992px){

.best-seller-section .woolentor-grid, [class*="woolentor-grid-columns-"] .woolentor-grid {
    row-gap: 20px;
    grid-template-columns: unset !important;
}
}

@media screen and (max-width:1199px) and (min-width: 992px){
    article.search-result-item {
        flex-basis: 31% !important; 
    }
    .wp-block-stackable-carousel.banner-slider .stk-block-carousel__dots {
        position: unset !important;
        left: unset !important;
        margin-bottom: 20px !important;
    }
    .wp-block-columns.features-row {
        flex-wrap: wrap !important;
        & .wp-block-column {
            flex-basis: 48% !important;
            flex-grow: unset !important;
        }
    }
    .wp-block-column.product-cat-column section {
        height: 350px !important;
    }
    .wp-block-stackable-carousel.banner-slider .wp-block-stackable-column  {
        padding: 40px !important;
    }
    .wp-block-column.ban-inner-text-col {
        margin-top: 0 !important;
    }
    .wp-block-stackable-carousel.banner-slider .stk-block-carousel__dots {
        bottom: 5px !important;
    }
    .wp-block-column.shop-by-age-col .grid-container .gtf-item {
        width: -webkit-fill-available !important;
        height: 140px !important;
    }
    .wp-block-stackable-carousel.blogs-slider .stk-block-carousel__slider {
        --slides-to-show: 3 !important;
    }
    .client-name-row {
        flex-wrap: wrap;
        & .wp-block-stackable-text {
            margin-left: auto;
        }
    }
    .wp-block-stackable-carousel.test-slider .wp-block-stackable-column .review-text {
        margin-top: 3.5rem;
    }
    .banner-quality .wp-block-columns {
        flex-flow: column;
        gap: 28px;
        padding-left: 30px;
    }
    .footer-row .footer-product-categories {
        flex-basis: 22% !important;
    }
    .footer-col-one .stk-row.stk-button-group {
        flex-wrap: wrap !important;
    }
    .about-main-left {
        transform: translate(5px, 183px);
    }
    .about-main-right {
        transform: translateY(150px);
    }
    .header-logo figure.stk-img-wrapper {
        width: 140px !important;
    }

    .header-contact {
        flex-basis: 22%;
    }

    .banner-left-col {
        padding-left: 30px;
    }   
    .one-container {
        max-width: 960px !important;
    }
    .header-container .header-logo {
        flex-basis: 20% !important;
    }
    .gutentor-image-thumb img {
        width: 100%;
        object-fit: fill;
    }

    .blog-posts-col-one .g-avatar-wrap, .blog-posts-col-three .g-avatar-wrap{
        margin-top: 10px !important;
    }
    header.wp-block-template-part {
        position: unset;
    }
    body.woocommerce-cart h1, body.woocommerce-cart .entry-content, body.woocommerce-checkout h1, body.woocommerce-checkout .wp-block-woocommerce-checkout, body.search.search-results h1, body.search.search-results .wp-block-query {
        max-width: 1000px !important;
        margin: auto;
    }
        /* harvest css */

            .journey-section .journey-content .journey-sub-heading{
        width: 77%;
    }

    .card-one h2.stk-block-heading__text {
    font-size: 24px !important;
    }

    .card-one p.stk-block-text__text{
        font-size: 14px !important;
    }

    .explore-small-icon-div {
    flex-shrink: 0.5 !important;
    }
    /* harvest css end */

    /* perks css */

    .perks-stack h2.stk-block-heading__text {
    font-size: 30px !important;
    }

    .perks-stack .perks-sub-text p{
    font-size: 19px !important;
    }

        .perks-stack .perks-para p{
    font-size: 16px !important;
    }

    /* perks css end */

    /* Journey css */

   .journey-card-stack .journey-card-title .stk-block-count-up__text{
        font-size: 28px !important;
    }

      .journey-card-stack  .journey-card-text .stk-block-text__text{
        font-size: 18px !important;
    }

   .journey-card-stack  .journey-card-text .journey-card-svg{
    width: 65px !important;
    height: 65px !important;
   }

   .journey-content .journey-card::after {
    inset: -1px !important;
   }

   .journey-content .journey-card::before{
    inset: 10px !important;
   }
    /* Journey css end */

        /* sustainable section */


  .sustainable-section .sustain-cols .sustain-right-col .sustain-list-one{
        margin-top: 1.5rem !important;
        gap: 1rem !important;
    }
  .sustainable-section .sustain-cols .sustain-right-col .sustain-list-two{
        margin-top: 1.5rem !important;
        gap: 1rem !important;
    }

   .sustainable-section .sustain-cols .sustain-right-col .sustain-btn-box{
        margin-top: 2rem !important;
    }

    .sustainable-section .sustain-cols .sustain-right-col .sustain-heading h2{
        font-size: 30px !important;
    }

        .sustainable-section .sustain-cols .sustain-right-col .sustain-para p{
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .sustainable-section .sustain-cols .sustain-right-col .sustain-card-title h3{
        font-size: 17px !important;
       
    }

        .sustainable-section .sustain-cols .sustain-right-col .sustain-card-para p{
       
        line-height: 18px !important;
    }

    /* sustainable section end*/

            /* Field Video Section */

    .field-video-section .field-wrapper-container .field-video-icon .stk--svg-wrapper .stk--inner-svg svg:last-child{
        width: 85px !important;
        height: 85px !important;
    }

    .field-video-section .field-wrapper-container .field-heading h2{
        font-size: 30px !important;
    }

    .field-video-section .field-wrapper-container .field-sub-heading{
       
        max-width: 70% !important;
    }
    .field-video-section .field-wrapper-container .field-sub-heading P{
        font-size: 20px !important;
        line-height: 35px !important;   
    }
    .field-video-section .field-video-image::after{
            inset: -1px !important;
    }

    .field-video-section .field-video-text{
        top: 73% !important;
        left: 14% !important;
        width: 72% !important;
    }

    .field-video-section .field-video-text .stk-block-text__text{
        width: 54% !important;
        font-size: 18px !important;
    }

    /* Field Video Section End */

        /* Gallery Coffee Section */
 .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-col-1-stack{
    gap: 10px !important;
   }

    .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-col-3-stack{
    gap: 10px !important;
   }

  .gallery-coffee-section .gallery-coffee-cols{
    gap: 10px !important;
   }

 /* Gallery Coffee Section End */ 


       /* Coffee FAQ Section  */
    .coffee-faq-section .coffee-faq-accordion .coffee-faq-que h4{
    font-size: 19px !important;
}
.coffee-faq-section .coffee-faq-right-col .coffee-faq-right-row {

    padding-left: 0 !important;
}

.coffee-faq-section .coffee-faq-contact {
        padding-left: 1.5rem !important;
}

.coffee-faq-section .coffee-faq-contact .coffee-faq-contact-row{
    gap: 1rem !important;
}

.coffee-faq-section .coffee-faq-mail-text a p.gutentor-text{
    font-size: 16px !important;
}

.coffee-faq-section .coffee-faq-contact .coffee-faq-time-stack .wp-block-stackable-text p{
    font-size: 16px !important;
}

.coffee-faq-section .coffee-faq-head-stack{
  margin-bottom: 2rem !important;
}

.coffee-faq-section .coffee-faq-contact{
    max-width: 365px !important;
}

.coffee-faq-section .coffee-faq-accordion .stk-column-wrapper{
    padding-left: 6px !important;
}

.coffee-faq-section .coffee-faq-accordion .stk-column-wrapper{
    padding-block: 10px !important;
}

.coffee-faq-right-col .coffee-faq-right-image{
    right: -62px !important;
}
.coffee-faq-section .coffee-faq-container{
    max-width: 95% !important;
}

.coffee-faq-section .coffee-faq-icon{
    width: 30px !important;
    height: 30px !important;
}

.coffee-faq-section .coffee-faq-accordion{
    margin-bottom: 1rem !important;
}

.coffee-faq-section .coffee-faq-heading h2{
    font-size: 30px !important;
}

.coffee-faq-section .coffee-faq-sub-heading p{
    font-size: 18px !important;
}

      /* Coffee FAQ Section End */

                  /* Coffee Banner Section  */
.wp-block-column.top-header-col ul {
    column-gap: 10px !important;
    justify-content: flex-start !important;
    margin-left: 0rem !important;
}

        .banner-section .coffee-banner-img-wrapper {
    position: absolute !important;
    top: 0;
    right: 64px !important;
    width: 38%;
}

.banner-smallimg-box .banner-smallimg-3 {
    transform: translate(62px, -32px);
}



.banner-section .coffee-banner-content-stack .coffee-banner-head h1{
    font-size: 40px !important;
}

.banner-section .coffee-banner-content-stack .coffee-banner-sub-head h2{
    font-size: 20px !important;
    line-height: 42px !important;
}
.banner-section .coffee-banner-content-stack {
    max-width: 450px !important;   
    margin-top: 3rem !important; 
}

.banner-smallimg-box .banner-smallimg-1 {
    transform: translate(-87px, -53px);
}

.banner-section .coffee-banner-main-img::after {
    top: -1px;
    left: -27px;
    right: -27px;
    bottom: -30px;
}

.banner-smallimg-box .banner-smallimg-1 img, .banner-smallimg-box .banner-smallimg-2 img, .banner-smallimg-box .banner-smallimg-3 img {
    max-width: 105px !important;
  
}

.wp-block-column.top-header-col ul li span{
    font-size: 16px !important;
}

.wp-block-group.header-container.sticky .wp-block-column.top-header-col ul{
    margin-left: 3rem !important;
}

      /*  Coffee Banner Section End*/

           /* Find Flavor Section */

 .find-flavor-section .gutentor-post-item .gutentor-post-image-box .gutentor-image-thumb img{
    height: auto !important;
 }

 .find-flavor-section .gutentor-post-item .gutentor-image-thumb::after {

    inset: -2px;
   
     width: unset; 
     height: auto; 
}

  .find-flavor-section .find-flavor-div{
     padding-right: 31px !important;
  }
.find-flavor-section .gutentor-post-item .gutentor-post-title a{
    font-size: 22px !important;
}
      
         /* Find Flavor Section End */

                   /* Sale Product Section */

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title a,.sale-product-section .discount-product-cols .discount-product-col .gutentor-wc-price ins .woocommerce-Price-amount{
        font-size: 18px !important;
    }

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title-data-wrap {
    margin-top: 1rem;
}

.sale-product-section .discount-product-cols .discount-product-col .gutentor-post-desc{
    margin-block: 8px !important;
}

.sale-product-section .discount-product-cols{
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.sale-product-section .discount-product-cols .discount-product-col{
    flex-basis: 48% !important;
}

/* Sale Product Section End */

/* coffee testimonial Section  */

.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-innercol{
    margin-top: unset !important;
}



.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-title h3{
    font-size: 24px !important;
}

.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-desc{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-desc{
    margin-block: 1rem !important;
}

.coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons {
    margin-bottom: -3rem !important;
}

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col .testi-quote-icon svg.ugb-custom-icon{
    width: 70px !important;
    height: 70px !important;
}

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col .testi-quote-icon{
        bottom: -31px;

}

.coffee-testimonial-section  .stk-block-carousel__button {
        width: 40px !important;
    height: 40px !important;
}

.coffee-testimonial-section  .stk-block-carousel__button svg.ugb-custom-icon{
    width: 20px !important;
    height: 20px !important;
}

/* coffee testimonial Section End  */
/* Weight Product Section */

#products .product-desc{
 margin-block: 12px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden;
 -webkit-line-clamp: 2;
}

#products .product-meta-inline {
    margin-bottom: 10px !important;
}

#products .swiper-slide .slide-inner::after{
    top: -61px !important;
}

#products .swiper-slide .slide-inner{
    padding-block: 1rem !important;
}

#products .product-img img {
    max-height: 158px;
}
#products .product-title{
    margin-top: 10px;
}
#products .product-meta-inline {
    font-size: 20px;
}
/* Weight Product Section End */

/* Coffee Footer section  */

.coffee-footer-section .coffee-footer-menu-container::after {
    top: 3px !important;
}

.coffee-footer-section .coffee-footer-menu-container{
     max-width: 1140px !important;
}

.coffee-footer-section .coffee-copyright-text-group{
    /* margin-top: unset !important; */
        padding-block: 2.2rem !important;
}

.coffee-footer-section .coffee-footer-menu-container::after{
    display: none;
}
.coffee-footer-section .footer-row .footer-nav-head h3.stk-block-heading__text{
    font-size: 21px !important;
}

.footer-row nav ul li a{
    font-size: 16px !important;
    white-space: nowrap;
}
/* Coffee Footer section end  */
}


@media screen and (max-width:991px) and (min-width:783px) {
    .mtsnb .mtsnb-container {
        padding: 10px 10px !important;
    }
}

@media screen and (max-width:782px) and (min-width:601px) {
    .mtsnb .mtsnb-container {
        padding: 10px 50px;
    }
}

@media screen and (max-width:991px) and (min-width:768px) {

    #bp_sv {
    width: 572px !important;
    height: 483px !important;
}

    .banner-section .coffee-header-container{
        padding-left: 2rem !important;
    }

    .journey-section .journey-content .journey-sub-heading{
        width: 100%;
    }
    .wp-block-columns.about-section-main-row {
        flex-direction: column-reverse !important;
    }

    article.search-result-item {
        flex-basis: 48% !important; 
    }
    .wp-block-columns.slider-main-row > .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-stackable-carousel.banner-slider .stk-block-carousel__dots {
        position: unset !important;
        left: unset !important;
        margin-bottom: 20px !important;
    }
    .wp-block-columns.features-row {
        flex-wrap: wrap !important;
        justify-content: space-between;
        & .wp-block-column {
            flex-basis: 46% !important;
            flex-grow: unset !important;
        }
    }
    .wp-block-column.product-cat-column section {
        height: 350px !important;
    }
    .wp-block-stackable-carousel.banner-slider .wp-block-stackable-column  {
        padding: 40px !important;
    }
    .wp-block-columns.top-bar-row .wp-block-column.translate-currency-col {
        /* flex-basis: 20% !important; */
    }
    /* topbar */
.wp-block-columns.top-bar-row .wp-block-column.translate-currency-col{
        flex-basis: 85% !important;
    }

        .wp-block-columns.top-bar-row .wp-block-column.header-nav{
        flex-basis: 15% !important;
    }

    .top-bar .coffee-call-row p.gutentor-text{
        font-size: 14px !important;
    }

    .top-bar .coffee-announcement-row p.stk-block-text__text{
        font-size: 14px !important;
    }

    .top-bar .translate-currency-col .coffee-topcontent-row{
        gap: 15px !important;
    }

    .top-bar .header-nav .coffee-topbar-icongroup .stk-row.stk-inner-blocks{
        column-gap: 11px !important;
    }

    /* topbar end */
    .wp-block-column.translate-currency-col select {
        width: 50px !important;
    }
    .wp-block-columns.top-bar-row .wp-block-column.top-header-col {
        flex-basis: 80% !important;
    }
    .wp-block-columns.shop-by-age .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-columns.shop-by-age {
        row-gap: 20px;
    }
    .wp-block-column.shop-by-age-col .grid-container .gtf-item {
        width: 100% !important;
        height: 280px !important;
    }
    .wp-block-column.shop-by-age-col .grid-row article {
        flex-basis: 50% !important;
        max-width: 50%;
    }
    .wp-block-column.shop-by-age-col .grid-row {
        row-gap: 20px !important;
    }
    .wp-block-columns.footer-insta-row {
        flex-wrap: nowrap !important;
    }
    .wp-block-columns.footer-insta-row .stk-block-carousel__slider {
        --slides-to-show: 4 !important;
    }
    .wp-block-column.insta-left-col .wp-block-group {
        flex-wrap: wrap;
    }
    .wp-block-columns.footer-insta-row .wp-block-column.insta-left-col {
        flex-basis: 33.33% !important; 
    }
    .wp-block-columns.footer-insta-row .wp-block-column.insta-right-col {
        flex-basis: 66.66% !important; 
    }
    .client-name-row {
        flex-wrap: wrap;
        & .wp-block-stackable-text {
            margin-left: auto;
        }
    }
    .wp-block-stackable-carousel.test-slider .wp-block-stackable-column .review-text {
        margin-top: 1.5rem;
    }
    .wp-block-columns.main-test-row > .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-column.test-right-col{
        padding-left: 15px !important;
    }
    .wp-block-columns.main-offer-row > .wp-block-column {
        padding: 30px !important;
    }
    .mtsnb .mtsnb-container {
        padding: 10px 10px;
    }
    .wp-block-columns.main-offer-row .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-columns.main-offer-row {
        flex-wrap: nowrap !important;
    }
    .wp-block-columns.main-nav-header {
        flex-flow: unset;
        gap: unset;
        padding-top: 10px;
    }
    .wp-block-column.header-nav button[type=submit] {
        font-size: 14px !important;
    }
    .banner-quality .wp-block-columns .wp-block-column {
        flex-basis: 100% !important;
    }

    .banner-quality .wp-block-columns .wp-block-column .wp-block-group {
        width: fit-content;
    }
    .banner-quality .wp-block-columns .wp-block-group {
        justify-content: center;
    }
    
    .banner-quality .wp-block-columns {
        gap: 15px;
    }
    .new-arrival-button {
        position: unset;
        right: unset;
        top: unset;
        margin-top: 30px;
    } 
    .best-seller-section .woolentor-grid {
        row-gap: 20px;
    }
    .right-ban-text-col p, .right-ban-text-col h2 {
        text-align: left !important;
    }
    .right-ban-button .stk-row {
        justify-content: flex-start !important;
    }
    .wp-block-column.right-col-banner .wp-block-columns {
        flex-flow: column-reverse;
    }
    /* .client-and-partners .wp-block-stackable-carousel {
        margin-top: 40px;
    } */
    .header-contact {
        flex-basis: 30%;
    }
   
    .banner-left-col {
        padding-bottom: 3em;
    }
    .banner-left-col > div, .banner-left-col > form {
        width: 80%;
    }
    .banner-left-col, .banner-right-col {
        flex-basis: 100% !important;
    }
    .wp-block-columns {
        flex-wrap: wrap !important;
    }
    .footer-section-two .stk-block-button-group .stk-row {
        justify-content: center;
        margin: 30px 0 0;
    }
    .footer-section-two h4 {
        font-size: 16px;
        text-align: center;
    }
    .footer-logo-col {
        margin-top: 30px !important;
    }
    .footer-logo-col figure {
        margin: 0 auto;
        width: 40%;
    }

    .foot-news-row {
        flex-flow: column;
    }
    .footer-row > :nth-child(n+3) {
        margin-top: 40px;
    }

    .about--us-section {
        padding-bottom: 5em !important;
    }
    
    .one-container {
        max-width: 720px !important;
    }
    .service_post-info .wp-block-columns {
        flex-wrap: wrap !important;
        gap: 30px;
    }
    .service-feat-image, .service-content {
        flex-basis: 100% !important;
    }

    .contact-page-left-col {
        padding-bottom: 0 !important;
    }
    .contact-page-left-col .wp-block-cover__inner-container {
        padding: 25px;
    }
    nav ul a {
        font-size: 16px !important;
    }
    .woocommerce-checkout .wp-block-woocommerce-checkout {
        margin-bottom: 50px !important;
    }
    ::placeholder {
        color: white;
        opacity: 1;
        font-weight: 400;
        font-size: 14px;
    }
    .header-container .header-logo.wp-block-column {
        flex-basis: 20% !important;
    }

    body.woocommerce-cart h1, body.woocommerce-cart .entry-content, body.woocommerce-checkout h1, body.woocommerce-checkout .wp-block-woocommerce-checkout, body.search.search-results h1, body.search.search-results .wp-block-query {
        max-width: 640px !important;
        margin: auto;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-cart-items__row {
        padding: 20px !important;
        display: flex !important;
        border-bottom: none !important;
        margin-bottom: 10px;
    }
    .wc-block-cart-items .wc-block-cart-item__image {
        width: 100%;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-cart-item__product {
        margin-bottom: 0 !important;
    }

    .blog-posts-col-one .gutentor-post.grid-md-4, .blog-posts-col-three .gutentor-post.grid-md-4 {
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
    .posts-main-row {
        flex-wrap: wrap !important;
    }
    .posts-main-row.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }
    .blog-posts-col-two .gutentor-post-image-box, .blog-posts-col-two .gutentor-post-content {
        width: 100% !important;
    }
    .blog-posts-col-one .gutentor-post, .blog-posts-col-three .gutentor-post {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-row {
        flex-wrap: wrap !important;
        justify-content: space-between;
    }
    .footer-row > .wp-block-column.wp-block-column-is-layout-flow {
        flex-basis: 47% !important;
    }

    .coffee-footer-section .footer-row{
        padding-inline: 5rem !important;
    }

    header.wp-block-template-part {
        position: unset;
    } 

            /* harvest css */

    .card-one h2.stk-block-heading__text {
    font-size: 19px !important;
    }

    .explore-our-farm-section .harvest-clip-inner{
        clip-path: none !important;
        /* margin-top: 7.10rem !important; */
    }

        .explore-our-farm-section::after{
      display: none !important
    }

    .card-one p.stk-block-text__text{
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .explore-small-icon-div {
    flex-shrink: 0.7 !important;
    }

    .one-container .wp-block-columns.explore-columns{
        padding: 10px !important;
    }
    
    .one-container .wp-block-columns.explore-columns .explore-col{
        flex-basis: 33.33% !important;
    } 


    .explore-our-farm-card-section {
   
    margin-top: -3.4rem !important;
    
}

.explore-our-farm-section .explore-our-farm-content{
  justify-content: center !important;
  flex-direction: column-reverse !important;
}


.explore-our-farm-section .explore-right-col-stack {
    align-items: center !important;
}

.explore-our-farm-section .explore-right-col-stack h2, .explore-our-farm-section .explore-right-col-stack p{
    text-align: center !important;
}

.explore-our-farm-section .rooted-img-3{
        margin-left: -23rem !important;
            margin-top: -6rem !important;
            align-self: center;
}

.explore-our-farm-section .rooted-img-1{
    align-self: center !important;
}
.explore-our-farm-section .rooted-img-1 {
    align-self: center !important;
    margin-left: 20rem !important;
}

    /* harvest css end */

        /* perks css */

    .perks-stack h2.stk-block-heading__text {
    font-size: 28px !important;
    
    }

    .perks-stack .perks-sub-text p{
    font-size: 19px !important;
    line-height: 27px !important;
    }

        .perks-stack .perks-para p{
    font-size: 16px !important;
    }

   .perks-section .perks-right-col .perks-img-box .perks-coffee-img img{
        width: 100% !important;
    }

    .perks-right-col .perks-img-box::after{
        width: 82%;
        height: 86%;
    }

  .perks-section .perks-wrapper-container .perks-left-col{
      flex-basis: 45% !important;
    }

   .perks-section .perks-wrapper-container .perks-right-col{
      flex-basis: 55% !important;
    }



    /* perks css end */

        /* Journey css */

   .journey-card-stack .journey-card-title .stk-block-count-up__text{
        font-size: 28px !important;
    }

      .journey-card-stack  .journey-card-text .stk-block-text__text{
        font-size: 18px !important;
    }

   .journey-card-stack  .journey-card-text .journey-card-svg{
    width: 65px !important;
    height: 65px !important;
   }

   .journey-content .journey-card::after {
    inset: -3px !important;
   }

   .journey-content .journey-card::before{
    inset: 10px !important;
   }

  .journey-section  .journey-content .journey-card-col{
    flex-basis: 49% !important;
   }

    /* Journey css end */

    /* sustainable css */

            /* sustainable section */


  .sustainable-section .sustain-cols .sustain-right-col .sustain-list-one{
        margin-top: 1.5rem !important;
        gap: 1rem !important;
    }
  .sustainable-section .sustain-cols .sustain-right-col .sustain-list-two{
        margin-top: 1.5rem !important;
        gap: 1rem !important;
    }

   .sustainable-section .sustain-cols .sustain-right-col .sustain-btn-box{
        margin-top: 2rem !important;
    }

    .sustainable-section .sustain-cols .sustain-right-col .sustain-heading h2{
        font-size: 30px !important;
    }

        .sustainable-section .sustain-cols .sustain-right-col .sustain-para p{
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .sustainable-section .sustain-cols .sustain-right-col .sustain-card-title h3{
        font-size: 17px !important;
       
    }

        .sustainable-section .sustain-cols .sustain-right-col .sustain-card-para p{
       
        line-height: 18px !important;
    }



   .sustainable-section .sustain-cols {
        flex-direction: column-reverse !important;
    }
   .sustainable-section .sustain-cols .sustain-left-img-box figure{
        text-align: center !important;
    }

   .sustainable-section .sustain-right-col .sustain-list-col{
        flex-basis: 0 !important;
    }

    /* sustainable section end*/

                /* Field Video Section */

    .field-video-section .field-wrapper-container .field-video-icon .stk--svg-wrapper .stk--inner-svg svg:last-child{
        width: 65px !important;
        height: 65px !important;
    }

    .field-video-section .field-wrapper-container .field-heading h2{
        font-size: 35px !important;
    }

    .field-video-section .field-wrapper-container .field-sub-heading{
       max-width: 70% !important;
    }

    .field-video-section .field-wrapper-container .field-sub-heading p{
        font-size: 20px !important;
        line-height: 35px !important;
       
    }

    .field-video-section .field-video-image::after{
            inset: -1px !important;
    }

    .field-video-section .field-video-text{
        top: 73% !important;
        left: 14% !important;
        width: 72% !important;
    }

    .field-video-section .field-video-text .stk-block-text__text{
        width: 67% !important;
        font-size: 18px !important;
    }

   .field-video-section .field-video .field-video-icon{
      margin-bottom: 92px !important;
    }

    /* Field Video Section End */

            /* Gallery Coffee Section */


  .gallery-coffee-section .gallery-coffee-cols{
   
    flex-wrap: nowrap !important;
   }

   .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-img{
     width: 96% !important;
   }

   .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-img img{
    border-radius: 12px !important;
   }

      .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-img-mid img{
    border-radius: 12px !important;
   }

   .gallery-coffee-section .gallery-coffee-img::after,.gallery-coffee-section .gallery-coffee-img-mid::after{
    inset: -1px !important;
   }

 /* Gallery Coffee Section End */ 

        /* Coffee FAQ Section  */
    .coffee-faq-section .coffee-faq-accordion .coffee-faq-que h4{
    font-size: 19px !important;
}
.coffee-faq-section .coffee-faq-right-col .coffee-faq-right-row {

    padding-left: 0 !important;
}

.coffee-faq-section .coffee-faq-contact {
        padding-left: 1.5rem !important;
}

.coffee-faq-section .coffee-faq-contact .coffee-faq-contact-row{
    gap: 1rem !important;
}

.coffee-faq-section .coffee-faq-mail-text a p.gutentor-text{
    font-size: 16px !important;
}

.coffee-faq-section .coffee-faq-contact .coffee-faq-time-stack .wp-block-stackable-text p{
    font-size: 16px !important;
}

.coffee-faq-section .coffee-faq-head-stack{
  margin-bottom: 2rem !important;
}

.coffee-faq-section .coffee-faq-contact{
    max-width: 365px !important;
}

.coffee-faq-section .coffee-faq-accordion .stk-column-wrapper{
    padding-left: 6px !important;
}

.coffee-faq-section .coffee-faq-accordion .stk-column-wrapper{
    padding-block: 10px !important;
}

.coffee-faq-right-col .coffee-faq-right-image{
    right: 0 !important;
}
.coffee-faq-section .coffee-faq-container{
    max-width: 95% !important;
}

.coffee-faq-section .coffee-faq-icon{
    width: 30px !important;
    height: 30px !important;
}

.coffee-faq-section .coffee-faq-accordion{
    margin-bottom: 1rem !important;
}

.coffee-faq-section .coffee-faq-heading h2{
    font-size: 30px !important;
}

.coffee-faq-section .coffee-faq-sub-heading p{
    font-size: 18px !important;
}

.coffee-faq-section .coffee-faq-left-col{
    flex-basis: 100% !important;
}

.coffee-faq-section .coffee-faq-right-col{
    flex-basis: 100% !important;
}

.coffee-faq-section .coffee-faq-container{
    max-width: 720px !important;
   margin-inline: auto !important;
}
      /* Coffee FAQ Section End */

                        /* Coffee Banner Section  */
        .wp-block-column.top-header-col ul{
            column-gap: 1rem !important;
            justify-content: flex-end !important;
            margin-left: 2rem !important;
        }

        .banner-section .coffee-banner-img-wrapper {
    position: unset !important;
    /* top: 0;
    right: 64px !important; */
    width: 50%;
}

.banner-smallimg-box .banner-smallimg-3 {
    transform: translate(62px, -32px);
}



.banner-section .coffee-banner-content-stack .coffee-banner-head h1{
    font-size: 40px !important;
}

.banner-section .coffee-banner-content-stack .coffee-banner-sub-head{
    margin-inline: auto !important;
}

.banner-section .coffee-banner-content-stack .coffee-banner-sub-head h2{
    font-size: 20px !important;
    line-height: 42px !important;
}
.banner-section .coffee-banner-content-stack {
    max-width: 100% !important;   
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.banner-smallimg-box .banner-smallimg-1 {
    transform: translate(-87px, -53px);
}

.banner-section .coffee-banner-main-img::after {
    top: -1px;
    left: -27px;
    right: -27px;
    bottom: -30px;
}

.banner-smallimg-box .banner-smallimg-1 img, .banner-smallimg-box .banner-smallimg-2 img, .banner-smallimg-box .banner-smallimg-3 img {
    max-width: 105px !important;
  
}

.wp-block-column.top-header-col ul li span{
    font-size: 18px !important;
}

.main-nav-header .wp-block-column.header-logo {
  flex-basis: 25% !important;
}

.main-nav-header .wp-block-column.top-header-col {
  flex-basis: 75% !important;
}
      /*  Coffee Banner Section End*/

                 /* Find Flavor Section */

 .find-flavor-section .gutentor-post-item .gutentor-post-image-box .gutentor-image-thumb img{
    height: auto !important;
 }

 .find-flavor-section .gutentor-post-item .gutentor-image-thumb::after {

    inset: -2px;
   
     width: unset; 
     height: auto; 
}

  .find-flavor-section .find-flavor-div{
     padding-right: 31px !important;
  }
.find-flavor-section .gutentor-post-item .gutentor-post-title a{
    font-size: 22px !important;
}
      
         /* Find Flavor Section End */

                            /* Sale Product Section */

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title a,.sale-product-section .discount-product-cols .discount-product-col .gutentor-wc-price ins .woocommerce-Price-amount{
        font-size: 18px !important;
    }

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title-data-wrap {
    margin-top: 1rem;
}

.sale-product-section .discount-product-cols .discount-product-col .gutentor-post-desc{
    margin-block: 8px !important;
}

.sale-product-section .discount-product-cols{
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.sale-product-section .discount-product-cols .discount-product-col{
    flex-basis: 48% !important;
}

/* Sale Product Section End */

/* coffee testimonial Section  */

.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-innercol{
    margin-top: unset !important;
}



.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-title h3{
    font-size: 18px !important;
}

.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-desc{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-desc p{
    font-size: 14px !important;
    line-height: 18px !important;
}

.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-desc{
    margin-block: 1rem !important;
}

.coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons {
    margin-bottom: -3rem !important;
}

.coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons .stk-block-carousel__button{
    width: 35px !important;
    height: 35px !important;
}

.coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons .stk-block-carousel__button svg{
    width: 17px !important;
    height: 17px !important;
}



.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-innercol .stk-block-testimonial__content {
    padding: 1rem !important;
}

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col{
    flex-basis: 50% !important;
}

.coffee-testimonial-section .gutentor-element-rating .gutentor-element-rating-box span.gutentor-rating-marked i{
    color: #F4A32C !important;
}

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col .testi-quote-icon svg.ugb-custom-icon{
    width: 50px !important;
    height: 50px !important;
}

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col .testi-quote-icon{
        bottom: -42px;

}

.coffee-testimonial-section  .stk-block-carousel__button {
        width: 40px !important;
    height: 40px !important;
}

.coffee-testimonial-section  .stk-block-carousel__button svg.ugb-custom-icon{
    width: 20px !important;
    height: 20px !important;
}

/* coffee testimonial Section End  */

/* Weight Product Section */

#products .product-desc{
 margin-block: 12px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden;
 -webkit-line-clamp: 2;
}

#products .product-meta-inline {
    margin-bottom: 10px !important;
}

#products .swiper-slide .slide-inner::after{
    top: -58px !important;
}

#products .swiper-slide .slide-inner{
    padding-block: 1.6rem !important;
}

#products .product-img img {
    max-height: 183px;
}
#products .product-title{
    margin-top: 10px;
}
#products .product-meta-inline {
    font-size: 20px;
}
/* Weight Product Section End */

/* Coffee Footer section  */

.coffee-footer-section .coffee-footer-menu-container::after {
    top: 3px !important;
}

.coffee-footer-section .coffee-footer-menu-container{
     max-width: 1140px !important;
}

.coffee-footer-section .coffee-copyright-text-group{
    /* margin-top: unset !important; */
        padding-block: 2.2rem !important;
}

.coffee-footer-section .coffee-footer-menu-container::after{
    display: none;
}

.coffee-footer-section .coffee-footer-logo-col{
    flex-basis: 100% !important;
}

.coffee-footer-section .coffee-footer-social-col{
    flex-basis: 100% !important;
}

.coffee-footer-section .coffee-footer-logo-cols .coffee-footer-social-col{
    margin-left: unset !important;
}

.coffee-footer-section .coffee-footer-logo-cols .coffee-footer-social-col > .wp-block-group{
    align-items: center !important;
}

.coffee-footer-section .coffee-footer-logo-cols{
    gap: 3rem !important;
}

.coffee-footer-section .footer-row .footer-nav-head h3.stk-block-heading__text{
    font-size: 21px !important;
}

.footer-row nav ul li a{
    font-size: 16px !important;
}

/* .coffee-footer-section .footer-col-two > .wp-block-group{
  align-items: center !important;
} */

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col .testi-quote-icon{
    width: 70px !important;
    height: 70px !important;
}

/* Coffee Footer section end  */

}

@media screen and (min-width: 600px) {
    .wp-block-column.top-header-col li.has-child ul li {
        transition: all 0.5s ease-in-out;
        &:hover {
            padding-left: 10px !important;
            & span {
                color: #6B46C1;
            }
        }
    }
    header ul li a.current-menu-item span {
        color: #382521 !important;
    }
}

@media screen and (max-width: 768px) {
    .blog-posts-col-one .gutentor-post.grid-md-4, .blog-posts-col-three .gutentor-post.grid-md-4 {
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
    .posts-main-row {
        flex-wrap: wrap !important;
    }
    .posts-main-row.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }
    .blog-posts-col-two .gutentor-post-image-box, .blog-posts-col-two .gutentor-post-content {
        width: 100% !important;
    }
    .blog-posts-col-one .gutentor-post, .blog-posts-col-three .gutentor-post {
        padding-left: 0;
        padding-right: 0;
    }
    header.wp-block-template-part {
        position: unset;
    }
}

@media screen and (max-width: 767px) and (min-width:601px){
    body.admin-bar.has-mtsnb .wp-block-group.header-container.sticky {
        top: 99px !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 600px) {
	body.has-mtsnb .wp-block-group.header-container {
		margin-top: 20px !important;
	}
}


@media screen and (max-width: 767px) and (min-width:576px){
#bp_sv {
    width: 540px !important;
    height: 443px !important;
}

        .banner-section .coffee-header-container{
        padding-left: 2rem !important;
    }

    .wp-block-stackable-carousel.blogs-slider .wp-block-stackable-column .gutentor-post-module .gutentor-post .gutentor-image-thumb{
            margin-inline: auto;
    }

        .journey-section .journey-content .journey-sub-heading{
        width: 100%;
    }
    .wp-block-navigation__responsive-container-content{
       margin-inline: auto !important;
    }
    .search-results-list {
        padding: 0px 20px !important;
        justify-content: space-between;
    }
    article.search-result-item {
        flex-basis: 48% !important; 
    }
    .deal-wrap h6.title {
        text-align: left !important;
    }
    .deal-wrap .wp-block-stackable-button-group .stk-row {
        justify-content: flex-start !important;
    }
    .wp-block-column.shop-by-age-col .grid-container .gtf-item {
        width: 95% !important;
        height: 250px !important;
    }
    .wp-block-column.shop-by-age-col .grid-row article {
        flex-basis: 50% !important;
        max-width: 50%;
    }
    .wp-block-columns.footer-insta-row .stk-block-carousel__slider {
        --slides-to-show: 3 !important;
    }
    .wp-block-group.header-container.sticky {
        top: 67px !important;
    }
    .banner-quality .wp-block-columns .wp-block-column .wp-block-group {
        width: fit-content;
    }
    .banner-quality .wp-block-columns {
        margin-top: 20px;
    }
    .banner-quality .wp-block-columns .wp-block-column {
        margin-bottom: 15px;
    }
    .banner-quality .wp-block-columns .wp-block-group {
        justify-content: center;
    }

    .wp-block-column.left-col-banner figure, .wp-block-column.right-col-banner figure {
        margin-top: 25px;
    }
    .wp-block-column.right-col-banner .wp-block-columns {
        flex-flow: column-reverse;
    }
    .footer-col-one .stk-row.stk-button-group {
        justify-content: center;
    }
    .wp-block-columns.footer-row > *.wp-block-column {
        text-align: center !important;
    }
    .wp-block-columns.footer-row > *.wp-block-column h3 {
        text-align: center;
        margin-top: 50px !important;
    }
    .wp-block-column.footer-col-two nav {
        align-items: center !important;
    }
        
    .footer-row.wp-block-columns div.wp-block-column {
        flex-basis: 100% !important;
    }
    .about-main-left {
        transform: translate(-7px, 45px);
    }
    .header-logo figure.stk-img-wrapper {
        width: 160px !important;
    }

    .header-contact {
        flex-basis: 40%;
    }

    .banner-left-col {
        padding-bottom: 3em;
    }    

    .footer-logo-col figure {
        width: 50%;
    }
    .foot-newsletter-form h4 {
        text-align: center;
    }
    .footer-section-two h4 {
        font-size: 16px !important;
        margin: 0px 0 30px !important;
    }
    footer .wpcf7 form.invalid .wpcf7-response-output {
        transform: translateY(6px)
    }

    .footer-row h3.stk-block-heading__text {
        text-align: left;
    }

    .about--us-section {
        padding-bottom: 5em !important;
    }
    header .wp-block-columns {
        flex-wrap: nowrap !important;
        flex-flow: column;
        row-gap: 20px;
    }
    .header-container .header-logo.wp-block-column {
        flex-basis: 35% !important;
    }
    .header-logo figure {
        padding: 10px;
    }

    .single-blog-page .post-navigation-link-previous a {
    text-align: left;
    }
    .single-blog-page .pagination {
        flex-wrap: nowrap !important;
    }
    .service_post-info .wp-block-columns {
        gap: 30px;
    }

    .service-feat-image, .service-content {
        flex-basis: 100% !important;
        text-align: center;
    }

    .footer-col-one .wp-block-stackable-text p {
        margin-bottom: 20px;
    }

    .footer-col-two nav ul {
        width: 100%;
    }
    .footer-col-two nav ul li {
        margin: auto;
    }
    .contact-page-left-col {
        padding-bottom: 0 !important;
    }
    .contact-page-left-col .wp-block-cover__inner-container {
        padding: 25px;
    }
    .contact-email-row, .contact-call-row {
        justify-content: center !important;
    }
    .newsletter-section .input-subscribe {
        position: unset;
        text-align: center;
    }

    .contact-page-row .contact-mail, .contact-page-row .contact-call {
        justify-content: center !important;
    }
    body.woocommerce-cart h1, body.woocommerce-cart .entry-content, body.woocommerce-checkout h1, body.woocommerce-checkout .wp-block-woocommerce-checkout, body.search.search-results h1, body.search.search-results .wp-block-query {
        max-width: 475px !important;
        margin: auto;
    }
    .achieve-col-one, .achieve-col-two  {
    flex-basis: 75%!important;
    }
    .achieve-col-two .wp-block-column{
    height: 35px;
    }
    .achieve-col-one .wp-block-column {
    margin-bottom: 15px;
    }
    .achieve-col-one, .achieve-col-two {
    margin-bottom: 0 !important;
    }
    .gutentor-image-thumb img {
        width: 100%;
        object-fit: cover;
        height: 250px;
    }

    .blog-posts-col-one .gutentor-post-item > :nth-child(1n), .blog-posts-col-three .gutentor-post-item > :nth-child(1n), .blog-posts-col-two .gutentor-post-content > :nth-child(1n) {
     text-align: center  
    }
    .posts-col .gutentor-button {
        display: block;
        width: fit-content;
        margin: 0 auto;
    }

    .footer-row h4 {
        text-align: center;
    }
    .footer-row .wp-block-stackable-heading {
        margin-top: 25px;
    }
    .footer-row ul.wp-block-navigation__container li {
        text-align: center;
    }

    body.woocommerce-cart.woocommerce-page .wc-block-cart-items__row {
        padding: 16px;
        display: flex;
        flex-flow: column;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-cart-item__image{
        width: 100%;
        padding-right: 0 !important;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-cart-item__product {
        padding: 16px !important;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-cart-item__wrap {
        text-align: center;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-cart-item__wrap a {
        display: block;
        margin: auto;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-components-quantity-selector {
        margin: auto;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        align-items: center !important;
    }
    .woocommerce-checkout .wp-block-woocommerce-checkout {
        margin-bottom: 50px !important;
    }
                /* harvest css */

    .card-one h2.stk-block-heading__text {
    font-size: 19px !important;
    }

    .card-one p.stk-block-text__text{
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .explore-small-icon-div {
    flex-shrink: 0.7 !important;
    }

    .one-container .wp-block-columns.explore-columns{
        padding: 30px !important;
    }
    
    .one-container .wp-block-columns.explore-columns .explore-col{
        flex-basis: 50% !important;
    } 

    .explore-our-farm-card-section{
                margin-top: 0 !important;
                background-color: #E9E2D8;
                padding: 1rem !important;
    }

    .explore-our-farm-section .harvest-clip-inner{
        clip-path: none !important;
    }

        .explore-our-farm-section::after{
      display: none !important
    }

    .explore-our-farm-section .explore-our-farm-content{
  justify-content: center !important;
  flex-direction: column-reverse !important;
}

.explore-our-farm-section .explore-right-col-stack {
    align-items: center !important;
}

.explore-our-farm-section .explore-right-col-stack h2, .explore-our-farm-section .explore-right-col-stack p{
    text-align: center !important;
}

.explore-our-farm-section .rooted-img-3{
        margin-left: unset !important;
            margin-top: unset !important;
            align-self: center;
                max-width: 250px;
    max-height: 250px;
    transform: unset !important;
}

.explore-our-farm-section .rooted-img-1{
    align-self: center !important;
}
.explore-our-farm-section .rooted-img-1 {
    align-self: center !important;
    margin-left: unset !important;
    transform: unset !important;
        max-width: 250px;
    max-height: 250px;
}

.explore-our-farm-section .rooted-img-2{
   transform: unset !important;
   margin-top: unset !important;
           max-width: 250px;
    max-height: 250px;
}

.explore-our-farm-section .explore-left-col-stack{
    flex-direction: row !important;
    justify-content: center !important;
    gap: 1rem !important;
}

    /* harvest css end */

                /* perks css */

    .perks-stack h2.stk-block-heading__text {
    font-size: 28px !important;
    
    }

    .perks-stack .perks-sub-text p{
    font-size: 19px !important;
    line-height: 27px !important;
    }

        .perks-stack .perks-para p{
    font-size: 16px !important;
    }

.perks-section .perks-right-col .perks-img-box .perks-coffee-img img {
    width: 80% !important;
}

    .perks-right-col .perks-img-box::after{
        width: 82%;
        height: 86%;
    }





    /* perks css end */

            /* Journey css */

   .journey-card-stack .journey-card-title .stk-block-count-up__text{
        font-size: 28px !important;
    }

      .journey-card-stack  .journey-card-text .stk-block-text__text{
        font-size: 18px !important;
    }

   .journey-card-stack  .journey-card-text .journey-card-svg{
    width: 65px !important;
    height: 65px !important;
   }

   .journey-content .journey-card::after {
    inset: -3px !important;
   }

   .journey-content .journey-card::before{
    inset: 10px !important;
   }

  .journey-section  .journey-content .journey-card-col{
    flex-basis: 49% !important;
   }

    /* Journey css end */

        /* sustainable css */

            /* sustainable section */


  .sustainable-section .sustain-cols .sustain-right-col .sustain-list-one{
        margin-top: 1.5rem !important;
        gap: 1rem !important;
    }
  .sustainable-section .sustain-cols .sustain-right-col .sustain-list-two{
        margin-top: 1.5rem !important;
        gap: 1rem !important;
    }

   .sustainable-section .sustain-cols .sustain-right-col .sustain-btn-box{
        margin-top: 2rem !important;
    }

    .sustainable-section .sustain-cols .sustain-right-col .sustain-heading h2{
        font-size: 30px !important;
    }

        .sustainable-section .sustain-cols .sustain-right-col .sustain-para p{
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .sustainable-section .sustain-cols .sustain-right-col .sustain-card-title h3{
        font-size: 17px !important;
       
    }

        .sustainable-section .sustain-cols .sustain-right-col .sustain-card-para p{
       
        line-height: 18px !important;
    }



   .sustainable-section .sustain-cols {
        flex-direction: column-reverse !important;
    }
   .sustainable-section .sustain-cols .sustain-left-img-box figure{
        text-align: center !important;
    }

   .sustainable-section .sustain-right-col .sustain-list-col{
        flex-basis: 0 !important;
    }

    /* sustainable section end*/

                    /* Field Video Section */

    .field-video-section .field-wrapper-container .field-video-icon .stk--svg-wrapper .stk--inner-svg svg:last-child{
        width: 50px !important;
        height: 50px !important;
    }

    .field-video-section .field-wrapper-container .field-heading h2{
        font-size: 30px !important;
    }

    .field-video-section .field-wrapper-container .field-sub-heading{
       max-width: 90% !important;
    }

    .field-video-section .field-wrapper-container .field-sub-heading p{
        font-size: 18px !important;
        line-height: 35px !important;
       
    }

    .field-video-section .field-video-image::after{
            inset: -1px !important;
    }

    .field-video-section .field-video-text{
        top: 80% !important;
        left: 14% !important;
        width: 72% !important;
    }

    .field-video-section .field-video-text .stk-block-text__text{
        width: 92% !important;
        font-size: 16px !important;
    }

   .field-video-section .field-video .field-video-icon{
      margin-bottom: 58px !important;
    }

   .field-video-section .field-video .field-video-image{
        width: 82% !important;
    }

    .field-video-section .field-video .field-video-image img{
        border-radius: 10px !important;
    }

    /* Field Video Section End */

                /* Gallery Coffee Section */


  .gallery-coffee-section .gallery-coffee-cols{
    gap: 20px !important;
    flex-wrap: wrap !important;
   }

   .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-img{
     width: 100% !important;
   }

   .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-img img{
    border-radius: 12px !important;
   }

      .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-img-mid img{
    border-radius: 12px !important;
   }

   .gallery-coffee-section .gallery-coffee-img::after,.gallery-coffee-section .gallery-coffee-img-mid::after{
    inset: -4px !important;
   }

    .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-col-1-stack{
    gap: 20px !important;
   }

    .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-col-3-stack{
    gap: 20px !important;
   }

 /* Gallery Coffee Section End */ 

         /* Coffee FAQ Section  */

                   .coffee-faq-section{
            padding-right: 1rem !important;
          }
    .coffee-faq-section .coffee-faq-accordion .coffee-faq-que h4{
    font-size: 19px !important;
}
.coffee-faq-section .coffee-faq-right-col .coffee-faq-right-row {

    padding-left: 0 !important;
}

.coffee-faq-section .coffee-faq-contact {
        padding-left: 1.5rem !important;
}

.coffee-faq-section .coffee-faq-contact .coffee-faq-contact-row{
    gap: 1rem !important;
}

.coffee-faq-section .coffee-faq-mail-text a p.gutentor-text{
    font-size: 16px !important;
}

.coffee-faq-section .coffee-faq-contact .coffee-faq-time-stack .wp-block-stackable-text p{
    font-size: 16px !important;
}

.coffee-faq-section .coffee-faq-head-stack{
  margin-bottom: 2rem !important;
}

.coffee-faq-section .coffee-faq-contact{
    max-width: 365px !important;
}

.coffee-faq-section .coffee-faq-accordion .stk-column-wrapper{
    padding-left: 6px !important;
}

.coffee-faq-section .coffee-faq-accordion .stk-column-wrapper{
    padding-block: 10px !important;
}

.coffee-faq-right-col .coffee-faq-right-image{
    right: 0 !important;
}
.coffee-faq-section .coffee-faq-container{
    max-width: 100% !important;
}

.coffee-faq-section .coffee-faq-icon{
    width: 30px !important;
    height: 30px !important;
}

.coffee-faq-section .coffee-faq-accordion{
    margin-bottom: 1rem !important;
}

.coffee-faq-section .coffee-faq-heading h2{
    font-size: 30px !important;
}

.coffee-faq-section .coffee-faq-sub-heading p{
    font-size: 18px !important;
}

.coffee-faq-section .coffee-faq-left-col{
    flex-basis: 100% !important;
}

.coffee-faq-section .coffee-faq-right-col{
    flex-basis: 100% !important;
}

.coffee-faq-section .coffee-faq-container{
  
margin-inline: auto !important;
 
}
      /* Coffee FAQ Section End */

          /* topbar */
.wp-block-columns.top-bar-row .wp-block-column.translate-currency-col{
        flex-basis: 85% !important;
    }

        .wp-block-columns.top-bar-row .wp-block-column.header-nav{
        flex-basis: 15% !important;
    }

    .top-bar .coffee-call-row p.gutentor-text{
        font-size: 14px !important;
    }

    .top-bar .coffee-announcement-row p.stk-block-text__text{
        font-size: 14px !important;
    }

    .top-bar .translate-currency-col .coffee-topcontent-row{
        gap: 15px !important;
        flex-direction: column !important;
    }

    .top-bar .header-nav .coffee-topbar-icongroup .stk-row.stk-inner-blocks{
        column-gap: 11px !important;
    }

    /* topbar end */

                            /* Coffee Banner Section  */

      .header-logo .wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open{
            color: #382521 !important;
      }

        .wp-block-column.top-header-col ul{
            column-gap: 1rem !important;
            justify-content: flex-end !important;
            margin-left: 2rem !important;
        }

        .banner-section .coffee-banner-img-wrapper {
    position: unset !important;
    /* top: 0;
    right: 64px !important; */
    width: 65%;
}

.banner-smallimg-box .banner-smallimg-3 {
    transform: translate(62px, -32px);
}



.banner-section .coffee-banner-content-stack .coffee-banner-head h1{
    font-size: 40px !important;
}

.banner-section .coffee-banner-content-stack .coffee-banner-sub-head{
            margin-inline: auto !important;
}

.banner-section .coffee-banner-content-stack .coffee-banner-sub-head h2{
    font-size: 20px !important;
    line-height: 42px !important;
}
.banner-section .coffee-banner-content-stack {
    max-width: 100% !important;   
            margin-top: 0 !important;
        margin-bottom: 0 !important;
}

.banner-smallimg-box .banner-smallimg-1 {
    transform: translate(-87px, -53px);
}

.banner-section .coffee-banner-main-img::after {
    top: -1px;
    left: -27px;
    right: -27px;
    bottom: -30px;
}

.banner-smallimg-box .banner-smallimg-1 img, .banner-smallimg-box .banner-smallimg-2 img, .banner-smallimg-box .banner-smallimg-3 img {
    max-width: 105px !important;
  
}

.wp-block-column.top-header-col ul li span{
    font-size: 18px !important;
}

.main-nav-header .wp-block-column.header-logo {
  flex-basis: 25% !important;
}

.main-nav-header .wp-block-column.top-header-col {
  flex-basis: 75% !important;
}
      /*  Coffee Banner Section End*/

                       /* Find Flavor Section */

 .find-flavor-section .gutentor-post-item .gutentor-post-image-box .gutentor-image-thumb img{
    height: auto !important;
    max-width: 373px !important;
 }

 .find-flavor-section .gutentor-post-item .gutentor-image-thumb::after {

    inset: -2px;
   
     width: unset; 
     height: auto; 
}

  .find-flavor-section .find-flavor-div{
     padding-right: 31px !important;
  }
.find-flavor-section .gutentor-post-item .gutentor-post-title a{
    font-size: 22px !important;
}
      
         /* Find Flavor Section End */

                                     /* Sale Product Section */

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title a,.sale-product-section .discount-product-cols .discount-product-col .gutentor-wc-price ins .woocommerce-Price-amount{
        font-size: 18px !important;
    }

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title-data-wrap {
    margin-top: 1rem;
}

.sale-product-section .discount-product-cols .discount-product-col .gutentor-post-desc{
    margin-block: 8px !important;
}

.sale-product-section .discount-product-cols{
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.sale-product-section .discount-product-cols .discount-product-col{
    flex-basis: 48% !important;
}

/* Sale Product Section End */

/* Weight Product Section */

#products .product-desc{
 margin-block: 16px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden;
 -webkit-line-clamp: 2;
}

#products .product-meta-inline {
    margin-bottom: 10px !important;
}

#products .swiper-slide .slide-inner::after{
    top: -52px !important;
    display: none !important;
}

#products .swiper-slide .slide-inner{
    padding-block: 1.6rem !important;
}

#products .product-img::after{
  display: none;
}

#products .product-img img {
    max-height: 161px;
}
#products .product-title{
    margin-top: 10px;
    font-size: 17px;
}
#products .product-meta-inline {
    font-size: 20px;
}

.coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons {
    margin-bottom: -2rem !important;
}

.coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons .stk-block-carousel__button{
    width: 35px !important;
    height: 35px !important;
}

.coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons .stk-block-carousel__button svg{
    width: 17px !important;
    height: 17px !important;
}

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col .testi-quote-icon svg.ugb-custom-icon {
    width: 60px !important;
    height: 60px !important;
}

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col .testi-quote-icon{
    bottom: -25px;
}

/* Weight Product Section End */

/* Coffee Footer section  */

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col .wp-block-image img{
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   width: 100%;
}

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col{
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 20px !important;
}



.coffee-footer-section .coffee-footer-menu-container::after {
    top: 3px !important;
}

.coffee-footer-section .coffee-footer-menu-container{
     max-width: 1140px !important;
}

.coffee-footer-section .coffee-copyright-text-group{
    /* margin-top: unset !important; */
        padding-block: 2.2rem !important;
}

.coffee-footer-section .coffee-footer-menu-container::after{
    display: none;
}

.coffee-footer-section .coffee-footer-logo-col{
    flex-basis: 100% !important;
}

.coffee-footer-section .coffee-footer-social-col{
    flex-basis: 100% !important;
}

.coffee-footer-section .coffee-footer-logo-cols .coffee-footer-social-col{
    margin-left: unset !important;
}

.coffee-footer-section .coffee-footer-logo-cols .coffee-footer-social-col > .wp-block-group{
    align-items: center !important;
}

.coffee-footer-section .coffee-footer-logo-cols{
    gap: 3rem !important;
}
.coffee-footer-section .footer-col-two > .wp-block-group{
  align-items: center !important;
}

.coffee-footer-section .footer-product-categories > .wp-block-group{
    align-items: center !important;
}

.coffee-footer-section .footer-row .footer-nav-head h3.stk-block-heading__text{
    font-size: 21px !important;
}

.footer-row nav ul li a{
    font-size: 16px !important;
}

/* Coffee Footer section end  */

}

@media screen and (max-width: 600px) and (min-width: 425px) {
	body.has-mtsnb .wp-block-group.header-container.sticky {
		top: 65px !important;
	}
	body.has-mtsnb .wp-block-group.header-container {
		margin-top: 20px !important;
	}
    .mtsnb .mtsnb-container {
        padding: 10px 10px !important;
    }
    body.admin-bar.has-mtsnb .wp-block-group.header-container.sticky {
        top: 99px !important;
    }

}

@media screen and (max-width: 424px) and (min-width: 375px) { 
	body.has-mtsnb .wp-block-group.header-container {
		margin-top: 20px !important;
	} 
    .mtsnb .mtsnb-container {
        padding: 10px 10px !important;
    }
    body.admin-bar.has-mtsnb .wp-block-group.header-container.sticky {
        top: 99px !important;
    }
}

@media screen and (max-width: 374px) and (min-width: 320px) { 
	body.has-mtsnb .wp-block-group.header-container {
		margin-top: 40px !important;
	} 
    .mtsnb .mtsnb-container {
        padding: 10px 20px !important;
    }
}

@media screen and (max-width: 600px) {
    body.admin-bar #wpadminbar {
        /* top: -46px; */
    }
        
    .client-image.is-stacked-on-mobile {
        grid-template-columns: unset !important;
        display: flex !important;
        flex-flow: column !important;
    }
}

@media screen and (max-width: 575px) and (min-width: 475px) { 
    /* .wp-block-group.header-container {
        top: 67px;
    }
    .wp-block-group.header-container.sticky {
        top: 67px !important;
    } */
     #bp_sv {
    width: 460px !important;
    height: 400px !important;
}
#bp_container>.bp-x {
    top: 17% !important;
    right: 25% !important;
   
}
}

@media screen and (max-width: 474px) and (min-width: 320px) { 
         #bp_sv {
    width: 315px !important;
    height: 375px !important;
}
#bp_container>.bp-x {
    top: 17% !important;
    right: 25% !important;
   
}
#bp_sv iframe {
    padding: 3rem;
}
}


@media screen and (max-width: 575px) {



    .sale-product-section .discount-product-cols .discount-product-col-3 .gutentor-post-module{
        max-height: unset !important;
    }

    .sale-product-section .discount-product-cols .discount-product-col-2 .gutentor-post-module{
         max-height: unset !important;
    }

        .sale-product-section .discount-product-cols .discount-product-col-1 .gutentor-post-module{
         max-height: unset !important;
    }


        .wp-block-stackable-carousel.blogs-slider .wp-block-stackable-column .gutentor-post-module .gutentor-post .gutentor-image-thumb{
            margin-inline: auto;
    }

        .journey-section .journey-content .journey-sub-heading{
        width: 100%;
    }
          .header-logo .wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open{
            color: #382521 !important;
      }
    .best-seller-query-loop .product-content-top div.product-category {
        text-align: center;
    }
    .search-results-list {
        padding: 0px 20px !important;
        justify-content: space-between;
    }
    article.search-result-item {
        flex-basis: 100% !important; 
    }
    .wp-block-column.header-nav form {
        flex-wrap: wrap;
        justify-content: center !important;
        row-gap: 10px;
    }
    .wp-block-cover.deal-of-the-day .best-seller-query-loop .wl_single-product-item {
        flex-direction: column;
        & .deal-wrap {
            padding: 12px !important;
        }
    }
    .deal-wrap .stk-block-countdown__container {
        justify-content: center !important;
    }
    .wp-block-group.head-button-row {
        flex-direction: column !important;
        row-gap: 20px;
    }
    .wp-block-columns.footer-insta-row .stk-block-carousel__slider {
        --slides-to-show: 2 !important;
    }
    .wp-block-stackable-text.insta-text-link {
        text-align: center;
    }
    header .wp-block-columns {
        flex-wrap: nowrap !important;
        flex-flow: column;
        gap: 12px;

    }
    .wp-block-column.right-col-banner .wp-block-columns {
        flex-flow: column-reverse;
    }
    .banner-quality .wp-block-columns {
        flex-flow: row !important;
        gap: 35px;
        margin-top: 30px;
        flex-wrap: wrap !important;
    }
    .banner-quality .wp-block-column .wp-block-group .wp-block-stackable-heading, .banner-quality .wp-block-column .wp-block-group .wp-block-stackable-text {
        margin: auto;
    }
    .banner-quality .wp-block-columns .wp-block-column .wp-block-group {
        flex-flow: column;
        gap: 5px;
    }
    .wp-block-column.left-col-banner figure, .wp-block-column.right-col-banner figure {
        margin-top: 25px;
    }
    .wp-block-column.left-col-banner, .wp-block-column.right-col-banner {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .about-call-button-grp {
        justify-content: center !important;
    }
    .main-about-image {
        width: unset;
        right: unset;
    }
    .main-about-image figure::before {
        content: unset !important;
    }
    .about-main-left {
        position: unset;
        transform: translate(0px, 45px);
        margin: auto;
        width: auto;
    }
    .about-main-right {
        position: unset;
        transform: translateY(75px);
        width: auto;
        margin: auto;
    }
    .phone-image {
        margin-left: unset !important;
        margin-right: unset !important;
    }
    .about-call-button-grp .wp-block-group.is-vertical {
        justify-content: center;
        flex-basis: fit-content;
        margin: unset !important;
    }
    .row-main-bitton-grp {
        gap: 20px;
        flex-flow: column;
        align-items: center;
    }
    .banner-section .breadcrumds {
        flex-wrap: wrap;
        text-align: center;
    }
    .main-acc-div .panel-body {
        text-align: center;
    }
    .main-acc-div .accordion-button {
        flex-wrap: wrap;
        gap: 10px;
        text-align: center; 
        justify-content: center;
    }
    .header-contact {
        flex-basis: 40%;
    }
    .header-logo figure.stk-img-wrapper {
        margin: 15px auto 10px;
    }
    .banner-left-col h1.stk-block-heading__text {
        font-size: 28px !important;
        line-height: 35px !important;
        padding-bottom: 16px;
    }
    .banner-left-col {
        padding-bottom: 3em;
    }    

    .footer-location-group {
        padding-bottom: 20px !important;
    }    
    .footer-row nav {
        align-items: center !important;
    }
    
    .footer-nav-head {
        text-align: center;
        & h3 {
            display: inline-block;
            &::after {
                right: 0;
                margin: 0 auto;
            }
        }
    }
    .footer-logo-col figure {
        width: 165px;
    }
    .foot-newsletter-form h4 {
        text-align: center;
    }
    .footer-section-two h4 {
        font-size: 16px !important;
        margin: 0px 0 30px !important;
    }
    footer .wpcf7 form.invalid .wpcf7-response-output {
        transform: translateY(6px)
    }
    .about--us-section {
        padding-bottom: 4em !important;
    }
    .header-container .header-logo.wp-block-column {
        flex-basis: 20% !important;
    }
    .single-blog-page .post-navigation-link-previous a {
        text-align: left;
    }
    .service_post-info {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .service_post-info .wp-block-columns {
        gap: 30px;
    }
    .service-feat-image, .service-content {
        flex-basis: 100% !important;
        text-align: center;
    }
    .copy-text h4.stk-block-heading__text{
        line-height: 25px !important;
    }
    .footer-col-one .wp-block-stackable-text p {
        margin-bottom: 20px;
    }
    .footer-col-two nav ul {
        width: 100%;
    }
    .footer-col-two nav ul li {
        margin: auto;
    }
    .contact-page-left-col, .contact-page-right-col {
        padding-bottom: 0 !important;
    }
    #Submit-btn {
        font-size: 18px;
        line-height: 25px;
        width: 100%;
    }
    .contact-page-left-col .wp-block-cover__inner-container {
        padding: 25px;
    }
    .contact-email-row, .contact-call-row {
        justify-content: center !important;
    }

    .newsletter-section .input-subscribe {
        position: unset;
        text-align: center;
    }

    .contact-page-row .contact-mail, .contact-page-row .contact-call {
        justify-content: center !important;
    }
    body.woocommerce-cart h1, body.woocommerce-cart .entry-content, body.woocommerce-checkout h1, body.woocommerce-checkout .wp-block-woocommerce-checkout, body.search.search-results h1, body.search.search-results .wp-block-query {
        max-width: 450px !important;
        margin: auto;
        padding: 0px 20px !important;
    }
    body.search.search-results .breadcrumds {
        display: none;
    }

    .quest-div{
    width: 125px !important;
    }
    .achieve-col-one {
    margin-bottom: 0 !important;
    }
    .achieve-col-two{
    margin: 0 !important;
    }
    .newsletter-section .input-subscribe{
        position: unset;
        text-align: center;
    }

    .gutentor-image-thumb img {
        width: 100%;
        object-fit: cover;
        height: 250px;
    }

    .blog-posts-col-one .gutentor-post-item > :nth-child(1n), .blog-posts-col-three .gutentor-post-item > :nth-child(1n), .blog-posts-col-two .gutentor-post-content > :nth-child(1n) {
        text-align: center  
    }
    .posts-col .gutentor-button {
        display: block;
        width: fit-content;
        margin: 0 auto;
    }

    .footer-row h4 {
        text-align: center;
    }
    .footer-row .wp-block-stackable-heading {
        margin-top: 25px;
    }
    .footer-row ul.wp-block-navigation__container li {
        text-align: center;
    }

    body.woocommerce-cart.woocommerce-page .wc-block-cart-items__row {
        padding: 16px;
        display: flex;
        flex-flow: column;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-cart-item__image{
        width: 100%;
        padding-right: 0 !important;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-cart-item__product {
        padding: 16px !important;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-cart-item__wrap {
        text-align: center;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-cart-item__wrap a {
        display: block;
        margin: auto;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-components-quantity-selector {
        margin: auto;
    }
    body.woocommerce-cart.woocommerce-page .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        align-items: center !important;
    }
    .woocommerce-checkout .wp-block-woocommerce-checkout {
        margin-bottom: 50px !important;
    }
                    /* harvest css */

    .card-one h2.stk-block-heading__text {
    font-size: 19px !important;
    }

    .card-one p.stk-block-text__text{
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .explore-small-icon-div {
    flex-shrink: 0.7 !important;
    }

    .one-container .wp-block-columns.explore-columns{
        padding: 30px !important;
    }
    
    .one-container .wp-block-columns.explore-columns .explore-col{
        flex-basis: 100% !important;
    } 

    .explore-our-farm-card-section .one-container{
        max-width: 95% !important;
    }

    .one-container .wp-block-columns.explore-columns .explore-col .card-one{
        flex-direction: column;
        align-items: center;
    }

    .one-container .wp-block-columns.explore-columns .explore-col .card-one .explore-card-content-stack{
        align-items: center !important;
    }

    .card-one p.stk-block-text__text{
        text-align: center !important;
    }

        .explore-our-farm-card-section{
                margin-top: 0 !important;
                background-color: #E9E2D8;
                padding: 1rem !important;
    }

    .explore-our-farm-section .harvest-clip-inner{
        clip-path: none !important;
        
    }

    .explore-our-farm-section::after{
      display: none !important
    }

        .explore-our-farm-section .explore-our-farm-content{
  justify-content: center !important;
  flex-direction: column-reverse !important;
}

.explore-our-farm-section .explore-right-col-stack {
    align-items: center !important;
}

.explore-our-farm-section .explore-right-col-stack h2, .explore-our-farm-section .explore-right-col-stack p{
    text-align: center !important;
}

.explore-our-farm-section .rooted-img-3{
        margin-left: unset !important;
            margin-top: unset !important;
            align-self: center;
                max-width: 250px;
    max-height: 250px;
    transform: unset !important;
}

.explore-our-farm-section .rooted-img-1{
    align-self: center !important;
}
.explore-our-farm-section .rooted-img-1 {
    align-self: center !important;
    margin-left: unset !important;
    transform: unset !important;
        max-width: 250px;
    max-height: 250px;
}

.explore-our-farm-section .rooted-img-2{
   transform: unset !important;
   margin-top: unset !important;
           max-width: 250px;
    max-height: 250px;
}

.explore-our-farm-section .explore-left-col-stack{
    flex-direction: row !important;
    justify-content: center !important;
    gap: 1rem !important;
}



    /* harvest css end */

    
                /* perks css */

                .perks-wrapper-container{
                    max-width: 100% !important;
                    padding-inline: 1rem !important;
                }

                /* .explore-btn .stk-link.stk-button{
                        padding-inline: 16px !important;
    padding-block: 15px !important;
                }

                .coffee-banner-content-stack .wp-block-stackable-button-group .stk-button .stk--inner-svg{
                    right: -36px !important;
                }

                .perks-stack .wp-block-stackable-button-group .stk-button .stk--inner-svg{
                    right: -7px !important;
                } */

    .perks-stack h2.stk-block-heading__text {
    font-size: 22px !important;
    
    }

    .perks-stack .perks-sub-text p{
    font-size: 16px !important;
    line-height: 27px !important;
    }

        .perks-stack .perks-para p{
    font-size: 14px !important;
    }

.perks-section .perks-right-col .perks-img-box .perks-coffee-img img {
    width: 100% !important;
}

.perks-right-col .perks-img-box::after {
    width: 82%;
    height: 82%;
}

.perks-left-col .perks-para{
    margin-block: 10px !important;
}

.perks-left-col .perks-stack{
    gap: 5px !important;
}

.perks-left-col .explore-btn{
    margin-bottom: 8px !important;
}
    /* perks css end */

                /* Journey css */

   .journey-card-stack .journey-card-title .stk-block-count-up__text{
        font-size: 28px !important;
    }

      .journey-card-stack  .journey-card-text .stk-block-text__text{
        font-size: 18px !important;
    }

   .journey-card-stack  .journey-card-text .journey-card-svg{
    width: 65px !important;
    height: 65px !important;
   }

   .journey-content .journey-card::after {
    inset: -2px !important;
   }

   .journey-content .journey-card::before{
    inset: 10px !important;
   }



    /* Journey css end */

        /* sustainable css */

            /* sustainable section */


  .sustainable-section .sustain-cols .sustain-right-col .sustain-list-one{
        margin-top: 1.5rem !important;
        gap: 1rem !important;
    }
  .sustainable-section .sustain-cols .sustain-right-col .sustain-list-two{
        margin-top: 1.5rem !important;
        gap: 1rem !important;
    }

   .sustainable-section .sustain-cols .sustain-right-col .sustain-btn-box{
        margin-top: 2rem !important;
    }

    .sustainable-section .sustain-cols .sustain-right-col .sustain-heading h2 {
        font-size: 25px !important;
        text-align: center !important;
    }

    .sustainable-section .sustain-cols .sustain-right-col .sustain-heading{
        margin-inline: auto !important;
    }


        .sustainable-section .sustain-cols .sustain-right-col .sustain-para p{
        font-size: 20px !important;
        line-height: 28px !important;
        text-align: center !important;
    }



    .sustainable-section .sustain-cols .sustain-right-col .sustain-card-title h3{
        font-size: 17px !important;
        text-align: center !important;
       
    }
    .sustainable-section .sustain-cols .sustain-right-col .sustain-card-title{
        margin-inline: auto !important;
    }
    .sustainable-section .sustain-cols .sustain-right-col .sustain-card-para{
        margin-inline: auto !important;
    }

        .sustainable-section .sustain-cols .sustain-right-col .sustain-card-para p{
       text-align: center !important;
        line-height: 18px !important;
    }

   .sustainable-section .sustain-cols .explore-btn{
        margin-inline: auto !important;
    }


   .sustainable-section .sustain-cols {
        flex-direction: column-reverse !important;
    }
   .sustainable-section .sustain-cols .sustain-left-img-box figure{
        text-align: center !important;
    }

   .sustainable-section .sustain-cols .sustain-list-col .sustain-list-col-row{
     flex-direction: column !important;
     align-items: center !important;
     justify-content: center !important;
   }

    /* sustainable section end*/

                        /* Field Video Section */

    .field-video-section .field-wrapper-container .field-video-icon .stk--svg-wrapper .stk--inner-svg svg:last-child{
        width: 30px !important;
        height: 30px !important;
    }

    .field-video-section .field-wrapper-container .field-heading h2{
        font-size: 25px !important;
        padding-inline: 1px !important;
    }

    .field-video-section .field-wrapper-container .field-sub-heading{
       max-width: 90% !important;
    }

.field-video-section .field-wrapper-container .field-sub-heading p {
    font-size: 14px !important;
    line-height: 20px !important;
}

    .field-video-section .field-video-image::after{
        display: none !important;
            inset: -1px !important;
    }

    .field-video-section .field-video-text{
        top: 85% !important;
        left: 14% !important;
        width: 72% !important;
    }

    .field-video-section .field-video-text .stk-block-text__text{
        width: 100% !important;
        font-size: 14px !important;
        line-height: 16px !important;
    }

   .field-video-section .field-video .field-video-icon{
      margin-bottom: 35px !important;
    }

   .field-video-section .field-video .field-video-image{
        width: 100% !important;
    }

    .field-video-section .field-video .field-video-image img{
        border-radius: 10px !important;
    }

    .field-video-section .field-wrapper-container{
        max-width: 100% !important;
        padding-block: 0 !important;
    }

    .field-video-section .field-wrapper-container .field-heading-stack{
        margin-top: 0 !important;
    }

    /* Field Video Section End */

    .sale-product-section .discount-product-cols .discount-product-col-1 .gutentor-post-module{
        max-height: unset;
    }

                    /* Gallery Coffee Section */


  .gallery-coffee-section .gallery-coffee-cols{
    gap: 20px !important;
    flex-wrap: wrap !important;
   }

   .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-img{
     width: 100% !important;
   }

   .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-img img{
    border-radius: 12px !important;
   }

      .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-img-mid img{
    border-radius: 12px !important;
   }

   .gallery-coffee-section .gallery-coffee-img::after,.gallery-coffee-section .gallery-coffee-img-mid::after{
    inset: -2px !important;
   }

    .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-col-1-stack{
    gap: 20px !important;
   }

    .gallery-coffee-section .gallery-coffee-cols .gallery-coffee-col-3-stack{
    gap: 20px !important;
   }

 /* Gallery Coffee Section End */ 

          /* Coffee FAQ Section  */

          
                   .coffee-faq-section{
            padding-right: 1rem !important;
          }

    .coffee-faq-section .coffee-faq-accordion .coffee-faq-que h4{
    font-size: 19px !important;
}
.coffee-faq-section .coffee-faq-right-col .coffee-faq-right-row {

    padding-left: 0 !important;
}

.coffee-faq-section .coffee-faq-contact {
        padding-left: 1.5rem !important;
}

.coffee-faq-section .coffee-faq-contact .coffee-faq-contact-row{
    gap: 1rem !important;
}

.coffee-faq-section .coffee-faq-mail-text a p.gutentor-text{
    font-size: 16px !important;
}

.coffee-faq-section .coffee-faq-contact .coffee-faq-time-stack .wp-block-stackable-text p{
    font-size: 16px !important;
}

.coffee-faq-section .coffee-faq-head-stack{
  margin-bottom: 2rem !important;
}

.coffee-faq-section .coffee-faq-contact{
    max-width: 365px !important;
}

.coffee-faq-section .coffee-faq-accordion .stk-column-wrapper{
    padding-left: 6px !important;
}

.coffee-faq-section .coffee-faq-accordion .stk-column-wrapper{
    padding-block: 10px !important;
}

.coffee-faq-right-col .coffee-faq-right-image{
    display: none !important;
}
.coffee-faq-section .coffee-faq-container{
    max-width: 100% !important;
        padding-right: 1rem;
}

.coffee-faq-section .coffee-faq-icon{
    width: 30px !important;
    height: 30px !important;
}

.coffee-faq-section .coffee-faq-accordion{
    margin-bottom: 1rem !important;
}

.coffee-faq-section .coffee-faq-heading h2{
    font-size: 30px !important;
}

.coffee-faq-section .coffee-faq-sub-heading p{
    font-size: 18px !important;
}

.coffee-faq-section .coffee-faq-left-col{
    flex-basis: 100% !important;
}

.coffee-faq-section .coffee-faq-right-col{
    flex-basis: 100% !important;
}

.coffee-faq-section .coffee-faq-container{
  
margin-inline: auto !important;
 
}
      /* Coffee FAQ Section End */

                /* topbar */
.wp-block-columns.top-bar-row .wp-block-column.translate-currency-col{
        flex-basis: 85% !important;
    }

        .wp-block-columns.top-bar-row .wp-block-column.header-nav{
        flex-basis: 15% !important;
    }

    .top-bar .coffee-call-row p.gutentor-text{
        font-size: 14px !important;
    }

    .top-bar .coffee-announcement-row p.stk-block-text__text{
        font-size: 14px !important;
        text-align: center !important;
    }

    .top-bar .translate-currency-col .coffee-topcontent-row{
        gap: 15px !important;
        flex-direction: column !important;
    }

    .top-bar .header-nav .coffee-topbar-icongroup .stk-row.stk-inner-blocks{
        column-gap: 11px !important;
    }
    .top-bar .coffee-announcement-row {
        padding-inline: 12px !important;
        align-items: flex-start !important;
    }
    /* topbar end */

                                /* Coffee Banner Section  */
        .wp-block-column.top-header-col ul{
            column-gap: 1rem !important;
            justify-content: flex-end !important;
            margin-left: 2rem !important;
        }

        .banner-section .coffee-banner-img-wrapper {
    position: unset !important;
    /* top: 0;
    right: 64px !important; */
    width: 65%;
    margin-top: 1rem !important;
}

.banner-smallimg-box .banner-smallimg-3 {
    transform: unset !important;
}

.banner-section .coffee-banner-content-stack .coffee-banner-para{
    text-align: center !important;
}

.banner-section .coffee-banner-content-stack .coffee-banner-head h1{
    font-size: 35px !important;
}

.banner-section .coffee-banner-content-stack .coffee-banner-sub-head h2{
    font-size: 20px !important;
    line-height: 42px !important;
}
.banner-section .coffee-banner-content-stack {
    max-width: 100% !important;   
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.banner-section .coffee-header-container {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    max-width: 1320px !important;
}
.banner-smallimg-box .banner-smallimg-1 {
    transform: unset;
}

.banner-smallimg-box .banner-smallimg-2 {
    transform: unset;
}

.banner-section .coffee-banner-main-img::after {
    top: -1px;
    left: -27px;
    right: -27px;
    bottom: -30px;
}

.banner-section .banner-smallimg-box .banner-smallimg-1 img, .banner-smallimg-box .banner-smallimg-2 img, .banner-smallimg-box .banner-smallimg-3 img {
    max-width: 85px !important;
  
}

.banner-section .coffee-banner-img-wrapper .banner-smallimg-box{
  justify-content: center !important;
  flex-wrap: wrap;
  gap: 20px !important;
  margin-top: 2rem;
}
.banner-section{
    padding-bottom: 2rem !important;
}


.wp-block-column.top-header-col ul li span{
    font-size: 18px !important;
}

.main-nav-header .wp-block-column.header-logo {
  flex-basis: 25% !important;
}

.main-nav-header .wp-block-column.top-header-col {
  flex-basis: 75% !important;
}

.coffee-banner-sub-head{
    margin-inline: auto !important;
}
      /*  Coffee Banner Section End*/

                             /* Find Flavor Section */

 .find-flavor-section .gutentor-post-item .gutentor-post-image-box .gutentor-image-thumb img{
    height: auto !important;
    max-width: 373px !important;
 }

 .find-flavor-section .gutentor-post-item .gutentor-image-thumb::after {

    inset: -1px;
   
     width: unset; 
     height: auto; 
}

  .find-flavor-section .find-flavor-div{
     padding-right: 31px !important;
  }
.find-flavor-section .gutentor-post-item .gutentor-post-title a{
    font-size: 18px !important;
}

.find-flavor-section .gutentor-post-item .gutentor-post-desc{
    font-size: 14px !important;
}

.find-flavor-section .find-flavor-div .gutentor-wc-price {

        padding: 9px 25px !important;
}
    .find-flavor-section  .gutentor-post-module .gutentor-post-button{
            padding: 12px 20px !important;
      }

    .find-flavor-section .find-flavor-tab .gutentor-post  {
        padding-inline: 0 !important;
    }
         /* Find Flavor Section End */

                                              /* Sale Product Section */

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title a,.sale-product-section .discount-product-cols .discount-product-col .gutentor-wc-price ins .woocommerce-Price-amount{
        font-size: 18px !important;
    }

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title-data-wrap {
    margin-top: 1rem;
}

.sale-product-section .discount-product-cols .discount-product-col .gutentor-post-desc{
    margin-block: 8px !important;
}

.sale-product-section .discount-product-cols{
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.sale-product-section .discount-product-cols .discount-product-col{
    flex-basis: 48% !important;
}

.sale-product-section .discount-product-cols .discount-product-col .gutentor-post-item{
    flex-direction: column !important;
}
.sale-product-section .gutentor-post-module .gutentor-post-item .gutentor-post-image-box {
    width: 100% !important;
}
.sale-product-section .gutentor-post-module .gutentor-post-item .gutentor-post-content{
    width: 100% !important;
    text-align: center;
}
.sale-product-section .discount-product-cols .gutentor-post-title-data-wrap .gutentor-categories{
    margin-inline: auto !important;
    border-radius: 20px !important;
}
/* Sale Product Section End */

/* Weight Product Section */

#products .product-desc{
 margin-block: 16px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 overflow: hidden;
 -webkit-line-clamp: 2;
}

#products .product-meta-inline {
    margin-bottom: 10px !important;
}

#products .swiper-slide .slide-inner::after{
    top: -52px !important;
    display: none !important;
}

#products .swiper-slide .slide-inner{
    padding-block: 1.6rem !important;
    max-width: 345px !important;
    width: fit-content;
    margin-inline: auto !important;
}

#products .product-img::after{
  display: none;
}

#products .product-img img {
    max-height: 161px;
}
#products .product-title{
    margin-top: 10px;
    font-size: 17px;
}
#products .product-meta-inline {
    font-size: 20px;
}
/* Weight Product Section End */

/* Coffee Footer section  */
.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col .wp-block-image img{
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   width: 100%;
}

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col{
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 20px !important;
}

.coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons {
    margin-bottom: -2rem !important;
}

.coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons .stk-block-carousel__button{
    width: 35px !important;
    height: 35px !important;
}

.coffee-testimonial-section .coffee-testi-carousel .stk-block-carousel__buttons .stk-block-carousel__button svg{
    width: 17px !important;
    height: 17px !important;
}

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col .testi-quote-icon svg.ugb-custom-icon {
    width: 60px !important;
    height: 60px !important;
    display: none !important;
}

.coffee-testimonial-section .coffee-testi-cols .coffee-testi-col .testi-quote-icon{
    bottom: -25px;
}

.coffee-testimonial-section .coffee-testi-carousel .coffee-testi-title h3 {
    font-size: 18px !important;
}


.coffee-footer-section .coffee-footer-menu-container::after {
    top: 3px !important;
}

.coffee-footer-section .coffee-footer-menu-container{
     max-width: 1140px !important;
}

.coffee-footer-section .coffee-copyright-text-group{
    /* margin-top: unset !important; */
        padding-block: 2.2rem !important;
}

.coffee-footer-section .coffee-footer-menu-container::after{
    display: none;
}

.coffee-footer-section .coffee-footer-logo-col{
    flex-basis: 100% !important;
}

.coffee-footer-section .coffee-footer-social-col{
    flex-basis: 100% !important;
}

.coffee-footer-section .coffee-footer-logo-cols .coffee-footer-social-col{
    margin-left: unset !important;
}

.coffee-footer-section .coffee-footer-logo-cols .coffee-footer-social-col > .wp-block-group{
    align-items: center !important;
}

.coffee-footer-section .coffee-footer-logo-cols{
    gap: 3rem !important;
}
.coffee-footer-section .footer-col-two > .wp-block-group{
  align-items: center !important;
}

.coffee-footer-section .footer-product-categories > .wp-block-group{
    align-items: center !important;
}

.coffee-footer-section .coffee-footer-menu-container{
    border: none !important;
    border-width: 0 !important;
    border-image-source: none !important;
}

.coffee-footer-section .footer-row .footer-nav-head h3.stk-block-heading__text{
    font-size: 21px !important;
}

.footer-row nav ul li a{
    font-size: 16px !important;
}

.coffee-footer-section .footer-row{
    gap: 2rem !important;
    padding-inline: unset !important;
}

.coffee-footer-section .coffee-copyright-text-group{
    padding-inline: unset !important;
}

.coffee-footer-section .coffee-footer-logo-row{
        flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.coffee-footer-section .footer-random-text  p{
    text-align: center !important;
}

/* Coffee Footer section end  */

}
@media screen and (max-width: 400px) {
    .header-contact {
        flex-basis: 100%;
        justify-content: center;
    }
    .header-contact > div {
        margin: 0 8px !important;
    }
}

@media screen and (max-width: 1599px) {
    .wp-block-cover.why-choose-us > img.wp-block-cover__image-background {
        object-fit: cover;
        animation: run-for-you 10s ease-in-out infinite alternate;
    }

    @keyframes run-for-you {
        0% {
            object-position: 0% center;   /* start fully left */
        }
        100% {
            object-position: 100% center; /* move fully right */
        }
    }

    .perks-right-col .perks-img-box::after{
            transform: translateX(44%);
            top: 0;
    }

    .perks-right-col .perks-img-box .perks-coffee-img img{
        width: 90% !important;
    }


}
@media screen and (max-width:1599px) and (min-width:1400px) {

    .wp-block-column.top-header-col ul li span{
            font-size: 18px;
    }

    .wp-block-columns.top-bar-row.one-container {
        padding: 0px 10px !important;
    }
    .one-container {
        padding: 10px !important;
    }
    .client-name-row {
        flex-wrap: wrap;
        & .wp-block-stackable-text {
            margin-left: auto;
        }
    }
    .wp-block-stackable-carousel.test-slider .wp-block-stackable-column .review-text {
        margin-top: 1.5rem;
    }

    .banner-left-col {
        padding-left: 35px;
    }

    /* Field Video Section */

    .field-video-section .field-wrapper-container .field-video-icon .stk--svg-wrapper .stk--inner-svg svg:last-child{
        width: 100px !important;
        height: 100px !important;
    }

    /* Field Video Section End */

      /* Coffee FAQ Section  */
    .coffee-faq-section .coffee-faq-accordion .coffee-faq-que h4{
    font-size: 22px !important;
}
.coffee-faq-section .coffee-faq-right-col .coffee-faq-right-row {

    padding-left: 0 !important;
}

.coffee-faq-section .coffee-faq-contact {
        padding-left: 1.5rem !important;
}

.coffee-faq-section .coffee-faq-contact .coffee-faq-contact-row{
    gap: 1rem !important;
}

.coffee-faq-section .coffee-faq-mail-text a p.gutentor-text{
    font-size: 18px !important;
}

.coffee-faq-section .coffee-faq-contact .coffee-faq-time-stack .wp-block-stackable-text p{
    font-size: 18px !important;
}

.coffee-faq-section .coffee-faq-head-stack{
  margin-bottom: 2rem !important;
}

.coffee-faq-section .coffee-faq-contact{
    max-width: 365px !important;
}

      /* Coffee Banner Section  */
        .wp-block-column.top-header-col ul{
            column-gap: 2rem !important;
            justify-content: flex-start !important;
            margin-left: 1rem !important;
        }

        .banner-section .coffee-banner-img-wrapper {
    position: absolute !important;
    top: 0;
    right: 66px !important;
    width: 42%;
}

.banner-smallimg-box .banner-smallimg-3 {
    transform: translate(63px, -64px);
}


      /*  Coffee Banner Section End*/


      /* Sale Product Section */

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title a,.sale-product-section .discount-product-cols .discount-product-col .gutentor-wc-price ins .woocommerce-Price-amount{
        font-size: 22px !important;
    }

    .sale-product-section .discount-product-cols .discount-product-col .gutentor-post-title-data-wrap {
    margin-top: 1rem;
}
/* Sale Product Section End */

/* Weight Product Section */

#products .product-desc{
 margin-block: 1.1rem;
}




/* Weight Product Section End */

/* Coffee Footer section  */

.coffee-footer-section .coffee-footer-menu-container::after {
    top: 3px !important;
}

.coffee-footer-section .coffee-footer-menu-container{
    max-width: 1320px !important;
}

.coffee-footer-section .coffee-copyright-text-group{
    /* margin-top: unset !important; */
        padding-block: 2.2rem !important;
}

.coffee-footer-section .footer-row .footer-nav-head h3.stk-block-heading__text{
    font-size: 24px !important;
}

.footer-row nav ul li a{
    font-size: 16px !important;
}


/* Coffee Footer section end  */

}
@media screen and (max-width: 1920px) and (min-width: 1600px) {
    div.wp-block-stackable-heading.discount-main-head h2.stk-block-heading__text {
        width: 57%;
        margin: 0 auto !important;
    }
    .wp-block-stackable-carousel.test-slider .stk-block-carousel__buttons {
        transform: translateX(-13.5rem);
    }

    .about-text-col {
        position: relative;
        top: 35px;
    }
}

@media screen and (max-width: 480px) {
    .wp-block-columns.clients-main-row .wp-block-stackable-carousel .stk-block-carousel__slider {
        --slides-to-show: 1 !important;
    }
}


/* Custom coffee media */

@media screen and (max-width: 1920px) and (min-width: 1720px) {
  .coffee-newsletter-section .coffee-newsletter-container{
    max-width: 1720px !important;
    max-height: 200px !important;
  }
}

@media screen and (max-width: 1719px) and (min-width: 1600px) {
  .coffee-newsletter-section .coffee-newsletter-container{
     max-width: 1520px !important;
     max-height: 181px !important;
        min-height: 145px !important;
  }
}

@media screen and (max-width: 1599px) and (min-width: 1400px) {
  .coffee-newsletter-section .coffee-newsletter-container{
     max-width: 1320px !important;
     max-height: 154px !important;
        min-height: 145px !important;
  }

  .coffee-newsletter-section .coffee-newsletter-container .news-coffee-heading h2{
    font-size: 35px !important;
    margin-bottom: 8px !important;
  }

    .coffee-newsletter-section .coffee-newsletter-container .news-coffee-sub-heading p{
    font-size: 18px !important;
    line-height: 28px !important;
  }

  .coffee-newsletter-section .coffee-newsletter-container::after{
        top: -8px !important;
    left: -5px !important;
  }

}

@media screen and (max-width: 1399px) and (min-width: 1200px) {
.coffee-newsletter-section .coffee-newsletter-container {
    max-width: 1140px !important;
    max-height: 134px !important;
    min-height: 132px !important;
}

.coffee-newsletter-section .coffee-newsletter-container .news-coffee-heading{
    margin-bottom: 0 !important;
}

  .coffee-newsletter-section .coffee-newsletter-container .news-coffee-heading h2{
    font-size: 28px !important;
    margin-bottom: 8px !important;
  }

    .coffee-newsletter-section .coffee-newsletter-container .news-coffee-sub-heading p{
    font-size: 16px !important;
    line-height: 28px !important;
  }

  .coffee-newsletter-section .coffee-newsletter-container::after{
        top: -8px !important;
    left: -5px !important;
  }

  .best-selling-heading .freshly-main-title{
        font-size: 30px;
  }

  .best-selling-heading .freshly-subtitle{
            font-size: 20px;
  }

 .explore-our-farm-section .explore-right-col-stack h2.stk-block-heading__text{
    font-size: 30px !important;
  }

  .perks-stack h2.stk-block-heading__text {
    font-size: 30px !important;
}

.perks-stack .perks-sub-text.stk-block-text__text{
    font-size: 22px !important;
}

.perks-stack .perks-para{
    font-size: 20px !important;
}

.journey-heading-box .journey-heading h2.stk-block-heading__text{
        font-size: 30px !important;
}

.journey-heading-box .journey-sub-heading p.stk-block-text__text{
        font-size: 20px !important;
}

.find-flavor-tab .stk-block-tab-labels__wrapper .stk-block-tab-labels__text span{
        font-size: 30px !important;
};

.coffee-faq-head-stack .coffee-faq-heading h2.stk-block-heading__text{
    font-size: 30px !important;
}


}

@media screen and (max-width: 1199px) and (min-width: 992px) {
.coffee-newsletter-section .coffee-newsletter-container {
    max-width: 960px !important;
    max-height: 134px !important;
    min-height: 132px !important;
}

.coffee-newsletter-section .coffee-newsletter-container .news-coffee-heading{
    margin-bottom: 0 !important;
}

  .coffee-newsletter-section .coffee-newsletter-container .news-coffee-heading h2{
    font-size: 28px !important;
    margin-bottom: 8px !important;
  }

    .coffee-newsletter-section .coffee-newsletter-container .news-coffee-sub-heading p{
    font-size: 16px !important;
    line-height: 28px !important;
  }

  .coffee-newsletter-section .coffee-newsletter-container::after{
        top: -8px !important;
    left: -5px !important;
    display: none !important;
  }

}

@media screen and (max-width: 991px) and (min-width: 768px) {
.coffee-newsletter-section .coffee-newsletter-container {
    max-width: 960px !important;
    min-height: unset !important;

}

.coffee-newsletter-section .coffee-newsletter-container .news-coffee-heading{
    margin-bottom: 0 !important;
}

  .coffee-newsletter-section .coffee-newsletter-container .news-coffee-heading h2{
    font-size: 28px !important;
    margin-bottom: 8px !important;
  }

    .coffee-newsletter-section .coffee-newsletter-container .news-coffee-sub-heading p{
    font-size: 14px !important;
    line-height: 28px !important;
  }

  .coffee-newsletter-section .coffee-newsletter-container::after{
        top: -8px !important;
    left: -5px !important;
    display: none !important;
  }

  .coffee-newsletter-section .coffee-newsletter-container .coffee-newsletter-cols{
     flex-wrap: nowrap !important;
     padding-block: 1rem !important;
  }

  .coffee-newsletter-section .wpcf7-form-control.wpcf7-submit{
    font-size: 18px !important;
  }

}

@media screen and (max-width: 767px) and (min-width: 576px) {
.coffee-newsletter-section .coffee-newsletter-container {
    max-width: 960px !important;
    max-height: unset !important;
    

}

.coffee-newsletter-section .coffee-newsletter-container .news-coffee-heading{
    margin-bottom: 0 !important;
    margin-left: auto !important;
}

  .coffee-newsletter-section .coffee-newsletter-container .news-coffee-heading h2{
    font-size: 28px !important;
    margin-bottom: 8px !important;
  }

    .coffee-newsletter-section .coffee-newsletter-container .news-coffee-sub-heading p{
    font-size: 14px !important;
    line-height: 28px !important;
    text-align: center !important;
  }

  .coffee-newsletter-section .coffee-newsletter-container::after{
        top: -8px !important;
    left: -5px !important;
    display: none !important;
  }

  .coffee-newsletter-section .coffee-newsletter-container .coffee-newsletter-cols{
     flex-wrap: wrap !important;
     padding-block: 1rem !important;
  }

  .coffee-newsletter-section .wpcf7-form-control.wpcf7-submit{
    font-size: 18px !important;
  }

  
}

@media screen and (max-width: 575px) {
.coffee-newsletter-section .coffee-newsletter-container {
    max-width: 960px !important;
    max-height: unset !important;

}

.coffee-newsletter-section .coffee-newsletter-container .news-coffee-heading{
    margin-bottom: 0 !important;
    margin-left: auto !important;
}

.coffee-newsletter-section .coffee-newsletter-container .news-coffee-heading h2 {
    margin-top: 17px !important;
    font-size: 22px !important;
    margin-bottom: 8px !important;
}

    .coffee-newsletter-section .coffee-newsletter-container .news-coffee-sub-heading p{
    font-size: 14px !important;
    line-height: 28px !important;
    text-align: center !important;
  }

  .coffee-newsletter-section .coffee-newsletter-container::after{
        top: -8px !important;
    left: -5px !important;
    display: none !important;
  }

  .coffee-newsletter-section .coffee-newsletter-container .coffee-newsletter-cols{
     flex-wrap: wrap !important;
     padding-block: 1rem !important;
  }

  .coffee-newsletter-section .wpcf7-form-control.wpcf7-submit{
    font-size: 15px !important;
  }

}


/* Custom coffee media End */

/************* Animaction for all section ******************/
@media screen and (max-width:1920px) and (min-width:768px) {

    /* .explore-col.animate__slideInDown{
                animation: slideInDown; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    } */

    /*  */

    .explore-left-col.animate__fadeInLeft{
            animation: fadeInLeft; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }

        .explore-right-col.animate__fadeInRight{
            animation: fadeInRight; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }

    .slider_wrapper.animate__fadeInDown{
            animation: fadeInDown; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
    }

    .perks-left-col.animate__fadeInDown,.perks-right-col.animate__fadeInDown{
                    animation: fadeInDown; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
    }

    .find-flavor-inner-col.animate__fadeInUp{
                            animation: fadeInUp; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
    }

    .journey-card-cols.animate__fadeInLeft{
                                    animation: fadeInLeft; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
    }

    .sustain-left-col.animate__bounceInLeft{
                                            animation: bounceInLeft; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
    }

    .sustain-right-col.animate__bounceInRight{
         animation: bounceInRight; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
    }

    .discount-product-cols.animate__bounceInUp{
                 animation: bounceInUp; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
    }

    .field-heading-stack.animate__bounceInDown{
                         animation: bounceInDown; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
    }

     .field-video.animate__bounceInUp{
               animation: bounceInUp; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
     }

     .gallery-coffee-col-1.animate__bounceInLeft{
                       animation: bounceInLeft; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
     }

          .gallery-coffee-col-2.animate__bounceInDown{
                       animation: bounceInDown; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
     }

          .gallery-coffee-col-3.animate__bounceInRight{
                       animation: bounceInRight; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
     }

     .coffee-faq-head-stack.animate__bounceInDown{
                       animation: bounceInDown; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
     }

     .coffee-faq-right-col.animate__bounceInRight{
                               animation: bounceInRight; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
     }

          .coffee-faq-accordion.animate__bounceInleft{
                               animation: bounceInleft; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
     }

      .fields-heading-box.animate__bounceInLeft{
       animation: bounceInLeft; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
     }

     .coffee-testi-cols.animate__bounceInRight{
               animation: bounceInRight; 
        animation-duration: 2s; 
        --animate-delay: 0.3s; 
     }


    /*  */
    .deal-of-the-day.animate__slideInDown {
        animation: slideInDown; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }
    .new-slider.animate__slideInDown {
        animation: slideInDown; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }
    .slider-col.animate__fadeInLeft {
        animation: fadeInLeft; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }
    .product-cat-column.animate__fadeInRight {
        animation: fadeInRight; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }
    .col-feat.fadeInDown {
        animation: fadeInDown; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }
    .wp-block-columns.features-row .wp-block-column .wp-block-stackable-image {
        transition: animation 1s ease-in-out;
    }
    .wp-block-columns.features-row .wp-block-column:hover .wp-block-stackable-image {
        animation: pulse 1s infinite;
    }
    .head-button-row.animate__bounceInDown {
        animation: bounceInDown; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }
     
    .test-left-col.animate__bounceInLeft, .shop-by-age-text-col.animate__slideInRight {
        animation: bounceInLeft; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }
    .test-right-col.animate__bounceInRight, .shop-by-age-col.animate__bounceInRight {
        animation: bounceInRight; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }

    .wp-block-column.test-left-col .wp-block-stackable-image figure {
        animation: pulse 3s infinite;
    }
    .banner-quality:hover figure {
        animation: 1s pulse infinite;
    }
    .discount-main-head.animate__swing  {
        animation: swing; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }
    .brand-head.animate__swing  {
        animation: swing; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }
    .offer-banner-section .main-offer-row figure {
        animation: pulse 3s infinite;
    }
    .main-offer-row .wp-block-column.animate__slideInUp {
        animation: slideInUp; 
        animation-duration: 2s; 
        --animate-delay: 0s;
    }
  .about-text-col.animate__slideInRight {
    animation: slideInRight; 
    animation-duration: 2s; 
    --animate-delay: 0s;
  }
  .banner-quality.animate__slideInUp {
    animation: slideInUp; 
    animation-duration: 2s; 
    --animate-delay: 0s;
  }

  .new-arrival-head.animate__rotateInDownLeft  {
    animation: rotateInDownLeft; 
    animation-duration: 2s; 
    --animate-delay: 0s;
  }
  .new-arrival-para.animate__rotateInDownLeft {
    animation: rotateInDownLeft; 
    animation-duration: 2s; 
    --animate-delay: 0s;
  }
  .client-slider.animate__slideInRight {
    animation: slideInRight; 
    animation-duration: 2s; 
    --animate-delay: 0s;
  }
  .blog-card.animate__slideInDown {
    animation: slideInDown; 
    animation-duration: 2s; 
    --animate-delay: 0s;
  }

  .banner-right-col.animate__fadeInRight {
    animation: fadeInRight; 
    animation-duration: 2s; 
    --animate-delay: 0s;
  }
  .gal-main-head.animate__rotateInDownRight {
    animation: rotateInDownRight; 
    animation-duration: 2s; 
    --animate-delay: 0s;
  }
  .classes-small-text.animate__rotateInDownRight {
    animation: rotateInDownRight; 
    animation-duration: 2s; 
    --animate-delay: 0s;
  }

  .brand-main-col.animate__fadeInUpBig{
    animation: fadeInUpBig;
    animation-duration: 2s; 
    --animate-delay: 0s;
  }
.our-partners-img-row.animate__bounceInUp{
    animation: bounceInUp;
    animation-duration: 2s; 
    --animate-delay: 0s;
}
.contact-col-one.animate__slideInLeft{
   animation: slideInLeft;
   animation-duration: 2s; 
   --animate-delay: 0s;
} 
.contact-col-two.animate__slideInRight{
    animation: slideInRight;
    animation-duration: 2s; 
    --animate-delay: 0s;
 } 
 .footer-col-one.animate__slideInUp {
    animation: slideInUp;
    animation-duration: 2s; 
    --animate-delay: 0s;
 }

 .footer-col-two.animate__slideInUp{
    animation: slideInUp;
    animation-duration: 2s; 
    --animate-delay: 0s;
 }

 .blogs-carousel.animate__zoomIn {
    animation: zoomIn;
    animation-duration: 1s; 
    --animate-delay: 0s;
 }

}   


/* New CSS */
body:not(.home) .wp-block-group.header-container {
    top: 0 !important; 
}
body.archive.post-type-archive div#shop {
    margin-bottom: 45px;
}
body.archive.post-type-archive .wp-block-query h3 {
    font-family: 'Lato';
}
body.archive.post-type-archive .wp-block-query .wc-block-components-product-price ins {
    text-decoration: unset !important;
}
body.archive.post-type-archive .wp-block-query .wp-block-query-pagination {
    margin-top: 45px;
}
.wp-block-group.faq-main-page details {
    margin-bottom: 20px;
}
body.archive.tax-product_cat .espresso-shop-pro-inner-banner h1 {
    color: #fff;
    font-family: 'Lato';
}
body.archive.tax-product_cat .product-category-section .wp-block-group > .wp-block-group {
    margin: 10px 0 70px;
}

.product-category-section .wp-block-post .wp-block-button {
    align-items: flex-start;
}
.product-category-section .wp-block-query .wp-block-query-pagination {
    margin-top: 40px;
}
.product-category-section .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers span, .product-category-section .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers a {
    font-family: 'Lato';
    text-decoration: unset;
    color: #000;
}
.product-category-section .wp-block-query .wp-block-query-pagination > a {
    font-family: 'Lato';
    text-decoration: unset;
    color: #000;
    font-size: 20px;
}
.product-category-section .wp-block-post ins {
    text-decoration: unset;
}
.product-category-section .wp-block-post .wp-block-button button {
    font-family: 'Lato';
    border-radius: 5px;
    background-color: #000;
    &:hover {
        background-color: #D94F33 !important;
    }
}
.wp-block-group.product-category-section ul li .wp-block-woocommerce-product-sale-badge {
    display: none;
}
.product-category-section .wp-block-post .wp-block-button span a {
    padding-top: 0;
    margin-top: 0;
    text-decoration: unset;
    color: #000;
}

/* Custom Search Form Styles */
.custom-search-form {
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    
    & button[type=submit] {
        border-color: #5B3822;
        background-color: #fff;
        font-family: 'Lato' !important;
        color: #000;
        font-size: 16px;
        font-weight: 400;
        border-radius: 5px;
        padding: 10px 15px;
        width: 125px;
        &:hover {
            background-color: #5B3822;
            color: #fff;
        }
    }
}
.wp-block-group.search_sec form {
    padding: 0 !important;
    background-color: transparent;
}
/* .search-results-container p {
    font-family: "Lato";
    text-align: center;
    font-size: 18px;
    font-weight: 500;
} */

.search-result-details .product-price {
    margin-bottom: 5px;
    & .woocs_price_code {
        display: flex;
        align-items: baseline;
        flex-direction: row-reverse;
        justify-content: flex-end;
        column-gap: 10px;
    }
}
.search-result-details .product-price del {
    font-size: 16px;
    font-family: 'Lato';
    color: rgb(0 0 0 / 50%);
}

.search-result-details .product-price ins {
    font-family: 'Lato';
    font-weight: 700;
    font-size: 22px;
    color: #000000;
    text-decoration: unset;
}

.custom-search-form #search-input {
    width: 70%;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
    outline: none;
    transition: border-color 0.3s ease;
}

.custom-search-form #search-input:focus {
    border-color: #6B46C1;
}

.custom-search-form #search-button {
    width: 30%;
    padding: 12px 15px;
    background-color: #6B46C1;
    color: white;
    border: 2px solid #6B46C1;
    border-radius: 0 4px 4px 0;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.custom-search-form #search-button:hover {
    background-color: #E549AE;
    border-color: #E549AE;
}

/* Search Results Page Styling */
.search-results-container {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.search-results-title {
    font-size: 28px;
    color: #6B46C1;
    margin-bottom: 30px;
    text-align: center;
    font-family: "Lato", Sans-serif !important;
}

.search-results-title span {
    color: #000;
    font-family: "Lato", Sans-serif !important;
}

.search-results-list {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap !important;    
}

.search-result-item {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
    flex-basis: 32% !important;
    flex-grow: unset !important;    
}
.search-result-item img {
    height: 150px;
    width: 100%;
    object-fit: contain;
}

.search-result-item:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.search-result-item .entry-title {
    font-size: 20px;
    margin-bottom: 10px;
    font-family: "Lato", Sans-serif !important;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: 600;
}
.search-result-item .entry-title a {
    text-decoration: none;
    color: #6B46C1;
    transition: color 0.3s ease;
    font-family: "Lato", Sans-serif !important;
}

.search-result-item .entry-title a:hover {
    color: #E549AE;
}
.search-pagination-wrapper a, .search-pagination-wrapper span, .wp-block-query-pagination-numbers a, .wp-block-query-pagination-numbers span, .wp-block-group.espresso-shop-pro-section8-product-box .wp-block-query-pagination a, .wp-block-group.product-category-section .wp-block-query-pagination a.wp-block-query-pagination-next, .wp-block-group.product-category-section .wp-block-query-pagination a.wp-block-query-pagination-previous{
    text-decoration: unset;
    border: 2px solid #382521;
    padding: 10px 20px;
    border-radius: 5px;
    color: #1b263b;
    font-family: "Lato", Sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    &:hover {
        background-color: #382521;
        color: #fff;
        border-radius: 0 !important;
    }
}

.wp-block-query-pagination-numbers span.current {
    opacity: 0.5;
    cursor: not-allowed;
}

.entry-meta {
    font-size: 14px;
    color: #666;
    font-family: "Lato", Sans-serif !important;
    margin-bottom: 6px;
}
.search-pagination-wrapper, .wp-block-query-pagination-numbers, .wp-block-group.espresso-shop-pro-section8-product-box .wp-block-query-pagination, .wp-block-group.product-category-section .wp-block-query-pagination {
    display: flex;
    justify-content: center;
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 10px;
}

.entry-meta .post-date,
.entry-meta .post-category {
    margin-right: 15px;
    font-family: "Lato", Sans-serif !important;
    font-size: 16px;
}
.search-result-content .entry-excerpt, .search-result-details .product-description p {
    font-family: "Lato", Sans-serif !important;
    font-size: 16px;
    color: #1b263b;
    margin-bottom: 0 !important;
}

.entry-excerpt {
    color: #333;
    line-height: 1.6;
}

.search-pagination {
    text-align: center;
    margin-top: 40px;
}

.search-pagination .page-numbers {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    background: #6B46C1;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s ease;
}

.search-pagination .page-numbers:hover,
.search-pagination .page-numbers.current {
    background: #E549AE;
}

.no-results {
    text-align: center;
    padding: 40px;
    background: #f9f9f9;
    border-radius: 8px;
    font-family: "Lato", Sans-serif !important;
}

.no-results p {
    font-size: 18px;
    color: #666;
    margin-bottom: 20px;
    font-family: "Lato", Sans-serif !important;
}



/* --------- Scroll Top ---------- */
.return_top span.stk--svg-wrapper {
    padding: 10px;
    background-color: #FFF9D5 !important;
    border-radius: 50%;
}
div.return_top span.stk--svg-wrapper {
    padding: 10px;
    background-color: #000;
    border-radius: 50%;
    cursor: pointer;
    &:hover {
        background-color: #382521 !important;
    }
}
.return_top{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999999 !important;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block form button, .form-row.place-order button {
    background-color: #382521;
    border-radius: 5px;
    font-family: 'Lato';
    font-weight: 400;
    &:hover {
        background-color: #7D5941;
    }
}
header ul li.has-child {
	font-size: 16px !important;
    font-family: 'Lato';
    font-weight: 500;
	cursor: pointer;
}
li.header-buy-now span {
    background-color: #F28009;
    padding: 6px 8px;
    border-radius: 5px;
	&:hover {
		background-color: #199F3A;
	}
}
li.footer-buy-now span {
    background-color: #000;
    padding: 6px 8px;
    border-radius: 5px;
	&:hover {
		background-color: #fff;
	}
}

body.has-mtsnb .wp-block-group.header-container.sticky {
    top: 42px !important;
}