/*
Theme Name: Chocolate House Pro
Theme URI: https://www.wpradiant.net/products/spoken-english-classes-wordpress-theme/
Author: Iceland Themes
Author URI:
Description:
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: chocolate-house-pro
*/

@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

main.wp-block-group {
    overflow: hidden;
}

body.dark {
    background-color: #1A0C05 !important;
}
body.light {
    background-color: #F5EFDF !important;
}

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

* {
    font-style: italic;
}


.wp-block-column.top-header-col ul li.has-child:hover ul {
    /* animation: slideInDown 0.2s linear;   */
    animation: fadeInDown 0.5s linear;
}
/* 
.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> */
.loaderz {
  --R: 60px;
  --g1: #B38342 96%, #0000;
  --g2: #F5EFDF 96%, #0000;
  width: calc(2*var(--R)) !important;
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  -webkit-mask: linear-gradient(#000 0 0);
  animation: l30 2s infinite linear;
}
.loaderz::before,
.loaderz::after{
  content:"";
  grid-area: 1/1;
  width: 50%;
  background:
    radial-gradient(farthest-side,var(--g1)) calc(var(--R) + 0.866*var(--R) - var(--R)) calc(var(--R) - 0.5*var(--R)   - var(--R)),
    radial-gradient(farthest-side,var(--g1)) calc(var(--R) + 0.866*var(--R) - var(--R)) calc(var(--R) - 0.5*var(--R)   - var(--R)),
    radial-gradient(farthest-side,var(--g2)) calc(var(--R) + 0.5*var(--R)   - var(--R)) calc(var(--R) - 0.866*var(--R) - var(--R)),
    radial-gradient(farthest-side,var(--g1)) 0 calc(-1*var(--R)),
    radial-gradient(farthest-side,var(--g2)) calc(var(--R) - 0.5*var(--R)   - var(--R)) calc(var(--R) - 0.866*var(--R) - var(--R)),
    radial-gradient(farthest-side,var(--g1)) calc(var(--R) - 0.866*var(--R) - var(--R)) calc(var(--R) - 0.5*var(--R)   - var(--R)),
    radial-gradient(farthest-side,var(--g2)) calc(-1*var(--R))  0,
    radial-gradient(farthest-side,var(--g1)) calc(var(--R) - 0.866*var(--R) - var(--R)) calc(var(--R) + 0.5*var(--R)   - var(--R));
   background-size: calc(2*var(--R)) calc(2*var(--R));
   background-repeat :no-repeat;
}
.loaderz::after {
 transform: rotate(180deg);
 transform-origin: right;
}

@keyframes l30 {
  100% {transform: rotate(-1turn)}
}

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


*{-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:'Playfair Display'; color: #e96967;}
.etn-speaker-info .etn-speaker-designation {font-family: 'Playfair Display';font-weight: 600;}
.etn-speaker-details-meta a {color: #e96967;font-family: 'Playfair Display';font-weight: 500;text-decoration: unset;&:hover {color: #000;}}

h1,
h2,
h3,
h4,
h5,
h6{clear: both; font-family: 'Playfair Display';}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color: inherit;}

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;}

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

address{font-style: italic; margin: 0 0 24px;}
abbr[title]{border-bottom: 1px dotted;}
b,
strong{font-weight: bold;}
dfn{font-style: italic;}
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: 'Playfair Display';}

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;
}
.wp-block-group.header-container .wp-block-group.top-bar {
    display: none;
}
.wp-block-group.header-container.sticky .wp-block-group.top-bar {
    display: block !important;
}
.sticky{
	position: fixed !important;
    background-color: #fff;
	width: 100%;
	max-width: 100% !important;
    top: 32px !important;
	z-index: 999;
    box-shadow: 0px 4px 5px #e3e3e3;
}
body.search.search-results h1 {
    font-family: 'Playfair Display' !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: 'Playfair Display';
    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: #B38342;
    }
}
.chocolate-house-pro-header .wp-block-navigation__submenu-container{min-width:215px !important; background:#5f1c00 !important;}
.chocolate-house-pro-menu .wp-block-navigation li{padding:17px 0px;}
.chocolate-house-pro-menu .wp-block-navigation__submenu-container li{padding:inherit;}
.chocolate-house-pro-menu .wp-block-group {padding:0;}
.wc-block-mini-cart__button:hover {background:transparent;}

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

.chocolate-house-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;}
.chocolate-house-pro-ice-berg h3 {width:50%; margin:0 auto;}
.chocolate-house-pro-ice-berg:hover .wp-block-image{background: #19375B;}
.chocolate-house-pro-ice-berg:hover h3{color:#19375B !important;}
.chocolate-house-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;}
.chocolate-house-pro-product-box .wc-block-components-product-image img {width:auto !important; margin:0 auto; display:table;}


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

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

.chocolate-house-pro-section7-right .wp-block-image {position:absolute; right:0;}
.chocolate-house-pro-section7 {position:relative; overflow:hidden;}
.chocolate-house-pro-section5-left {position:relative;}
.chocolate-house-pro-section5-left::after {content:""; position:absolute; left:0; top:0; background:#19375B; width:45%; height:100%; z-index:-1;}
.chocolate-house-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;font-style: italic;}
.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 .chocolate-house-pro-menu li:nth-child(1) span {color:#5BAAEC;}
body.home .chocolate-house-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span {color:inherit;}
body.home .chocolate-house-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span:hover, body.home .chocolate-house-pro-menu li .wp-block-navigation__submenu-container li span:hover, .chocolate-house-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){
.chocolate-house-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;}

.chocolate-house-pro-banner-content {padding-top:0px !important; text-align:center; padding-bottom:40px;}
.chocolate-house-pro-banner-content .wp-block-buttons {margin:0 auto; display: table !important;}
.chocolate-house-pro-section1 {padding:40px 15px 0px !important;}
.chocolate-house-pro-section1-left {text-align:center;}
.chocolate-house-pro-section1-left .wp-block-button{ display:table; margin:0 auto;}
.chocolate-house-pro-section1-right {padding-top:40px;}
.chocolate-house-pro-ice-berg {margin-bottom:40px !important;}
.chocolate-house-pro-ice-berg h3 {width:100%;}
.chocolate-house-pro-section1-left p {padding-top:0px !important;}

.chocolate-house-pro-section2{padding:60px 15px 40px !important;}
.chocolate-house-pro-section2-right {text-align:center;}
.chocolate-house-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;}

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

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

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

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

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

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

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

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

    .single-blog-page .pagination {
        flex-wrap: nowrap !important;   
    }
    .chocolate-house-pro-ice-berg .wp-block-image{width:140px; height:140px;}

    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.chocolate-house-pro-banner-content, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.chocolate-house-pro-banner-image{flex-basis:auto !important; width:50%; float:left; padding:0px !important; text-align:left;}
    .chocolate-house-pro-banner-content .wp-block-buttons {margin:inherit;}
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.chocolate-house-pro-banner-content {padding-top:40px !important;}
    .chocolate-house-pro-section1-right .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis:auto !important;}
    .chocolate-house-pro-better-box {flex-basis:auto !important; width:49% !important; display:inline-block; padding:15px !important;}
    .chocolate-house-pro-section11-right .is-layout-flow.wp-block-column {flex-basis:auto !important; padding:15px;}
    .chocolate-house-pro-section2-left .wp-block-image.alignleft.size-full, .chocolate-house-pro-section5-inner .wp-block-image.alignleft.size-full {float:none; text-align:center; width:100%;}
    .chocolate-house-pro-section7-testimonial-box {width:60%; margin:0 auto;}
    .chocolate-house-pro-banner{padding-left:60px !important;}

}
@media(min-width: 1024px) and (max-width: 1440px){
h3.has-text-color {font-size:20px !important;}
.chocolate-house-pro-blog-content h2 {font-size:24px !important;}
.chocolate-house-pro-ice-berg h3 {width:100%;}
.chocolate-house-pro-section7-left .wp-block-group {padding:0px !important;}
.chocolate-house-pro-section7-left .wp-block-columns {padding:0px !important;}
.chocolate-house-pro-section7-left h2{ padding:0px !important;}
.chocolate-house-pro-section1-left p {padding-top:0px !important;}
.chocolate-house-pro-section7-left {padding:40px 15px 0px !important;}
.wp-block-group .chocolate-house-pro-section7-testimonial-box {padding:20px 25px !important; margin-top: 30px !important;}
.wp-block-group .chocolate-house-pro-section7-testimonial-box p{ font-size:16px !important; padding-bottom:10px !important;}
.chocolate-house-pro-section8 h2{font-size: 46px !important;}
.chocolate-house-pro-banner-content h1{font-size:50px !important;}
.chocolate-house-pro-404 h3.has-text-color {font-size:80px !important;}
.chocolate-house-pro-section11-left{padding-left: 40px;}
}

@media(max-width: 1200px){
    [class*="woolentor-grid-columns-"] .woolentor-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    } 
}

@media(max-width: 767px){
    .wp-block-group.search_sec form {
        box-shadow: unset !important;
        justify-content: center;
        flex-wrap: wrap;
    }
    .wp-block-cover.marquee-section {
        margin-top: 0rem !important;
    }
    section.gutentor-post-module.blog-page-main article {
        flex-basis: 100% !important;
    }
    .wp-block-cover.search-banner-head {
        z-index: 3;
        background-color: #B38342 !important;
        min-height: fit-content !important;
    }
    .wp-block-group.max-group {
        margin-bottom: 3rem !important;
        padding: 15px;
        margin-top: 3rem !important;
    }
    .wp-block-group.thumbnails {
        margin-bottom: 2rem !important;
        padding: 15px;
    }
    .wp-block-columns.home-banner-row .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-group.navigation-banner {
        width: 100% !important;
        padding: 15px;
        & ul {
            justify-content: center !important;
        }
    }
    div.wp-block-cover.banner-section .wp-block-cover.one-container {
        margin-bottom: unset !important;
    }
    .wp-block-group.main-image {
        position: unset !important;
        max-width: 570px !important;
        margin-bottom: 2rem !important;
        padding: 15px;
    }
    div.wp-block-stackable-text.width-para {
        margin-right: unset !important;
    }
    .wp-block-group.search-admin-row .stk-row.stk-inner-blocks {
        column-gap: 4px !important;
        & a.stk-link {
            padding: 10px 5px !important;
        }
    }
    .wp-block-stackable-button-group.banner-social-grp {
        position: unset !important;
        transform: unset !important;
        & .stk-row {
            flex-direction: row !important;
            column-gap: 26px;
            margin-top: 3rem;
            justify-content: center !important;
        }
    }
    div.wp-block-cover.search-banner-head .wp-block-group.one-container {
        justify-content: space-between !important;
        gap: unset !important;
        flex-wrap: wrap !important;
        flex-direction: column;
        row-gap: 1rem !important;
        & div.wp-block-group.search-admin-row {
            flex-basis: 50% !important;
            gap: 20px !important;
            justify-content: space-between;
        }
    }
    .wp-block-cover.search-banner-head .wp-block-group.one-container .banner-logo-grp {
        flex-basis: 48% !important;
    }
    .wp-block-group.explore-grp-prod .wl_single-product-item .foo-wrap {
        justify-content: space-between !important;
    }
    .wp-block-column.counter-col .stk-block-countdown__container {
        flex-direction: row !important;
    }
    .wp-block-group.explore-grp-prod .wl_single-product-item .alter-wrap::before {
        height: 60px;
        background-size: cover !important;
    }
    .wp-block-group.loved-grid-group {
        column-gap: 15px !important;
        grid-template-columns: 1fr !important;
    }
    .wp-block-columns.two-prod-cat-row {
        row-gap: 3rem !important;
    }
    .wp-block-group.catz-grp h3.g-d-title a {
        font-size: 28px !important;
    }
    div.wp-block-cover.outer-container {
        margin: 10px !important;
        padding: 50px 0px !important;
    }
    div.dex-container {
        margin: 20px !important;
    }
    .swiper-container.gallery-slider .wp-block-group.inner-main-grp {
        padding-right: 2rem !important;
        padding-bottom: 2rem !important;
        padding-left: 2rem !important;
        clip-path: unset !important;
        border-radius: 15px;
        margin-bottom: 3rem;
    }
    .swiper-container.gallery-slider .wp-block-group.swiper-slide::after {
        bottom: 10px !important;
    }
    .wp-block-group.gallery-thumbs {
        display: none !important;
    }
    .wp-block-stackable-icon.outer-button-prev, .wp-block-stackable-icon.outer-button-next {
        display: none !important;
    }
    div.wp-block-group.choose-head-group .wp-block-stackable-text.dashed-line-light-bg {
        margin-left: auto !important;
    }
    .wp-block-column.choose-right-col {
        padding-left: 0 !important;
    }
    .wp-block-group.second-stack-choose {
        margin-bottom: unset !important;
    }
    .wp-block-column.choose-right-col {
        margin-top: unset !important;
    }
    .wp-block-columns.why-choose-us-row {
        flex-direction: column-reverse;
    }
    .wp-block-cover.hide-this-cover {
        opacity: 1 !important;
    }
    .wp-block-cover.our-story-section .wp-block-cover.one-container {
        padding: 0 !important;
    } 
    .wp-block-stackable-heading.block-head-story h4 {
        padding: 0.625rem 0rem !important;
    }
    .wp-block-columns.faq-home-row {
        flex-direction: column-reverse;
        & .wp-block-column {
            flex-basis: 100% !important;
        }
    }
    .wp-block-column.faq-text-xol .wp-block-stackable-text {
        margin-left: auto !important;
    }
    .wp-block-cover.home-faq-container .wp-block-cover.one-container {
        padding: 5rem 1.8rem !important;
    }
    .wp-block-column.faq-img-col::before {
        content: unset !important;
    } 
    .wp-block-column.footer-col-three .wp-block-stackable-button {
        margin: auto !important;
        & a svg.ugb-custom-icon {
            margin-right: 10px !important;
        }
        & a {
            flex-wrap: wrap !important;
            text-align: center;
            row-gap: 10px;
            flex-direction: column;
        }
    }
    .wp-block-group.footer-social-row {
        padding: 16px 20px !important;
        flex-wrap: wrap;
        text-align: center;
    }
    .wp-block-group.copyright-privacy-terms-grp .wp-block-stackable-text:nth-child(2) p::after, .wp-block-group.copyright-privacy-terms-grp .wp-block-stackable-text:nth-child(2) p::before {
        content: unset !important;
    }
    .wp-block-group.copyright-privacy-terms-grp {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .wp-block-columns.buy-two-row {
        flex-direction: column-reverse;
    }
    .wp-block-column.two-img-col figure img {
        filter: unset !important;
    }
    .wp-block-column.two-img-col .wp-block-group .wp-block-stackable-image {
        flex-grow: 1;
    }
    .wp-block-column.two-text-col {
        margin-top: 2rem;
        padding: 5px 15px;
    }
    .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-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%;
    }
    .client-name-row {
        position: unset !important;
        margin-bottom: 2rem !important;
        flex-wrap: wrap;
        justify-content: center;
    }
    .new-arrival-button {
        position: unset !important;
        margin-top: 30px;
    }
.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;
}
.chocolate-house-pro-header-banner .wp-block-cover{padding-top:300px !important;}

}
@media(max-width: 599px){
	div.wp-block-group.top-bar .wp-block-navigation-item.header-buy-now span {
		background-color: #B38342 !important;
	}
	.wp-block-cover.search-banner-head {
		z-index: 0 !important;
	}
    .wp-block-group.navigation-banner nav {
        justify-content: center;
    }
    .wp-block-group.navigation-banner .wp-block-navigation__responsive-container ul {
        margin: auto;
        & li {
            margin-bottom: 1rem !important;
        }
    }
    .wp-block-group.navigation-banner .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog {
        margin: 8rem 3rem !important;
    }
    .wp-block-group.navigation-banner .wp-block-navigation__responsive-container ul li a.current-menu-item span {
		color: #B38342 !important;
    }
	header .wp-block-navigation__responsive-container.is-menu-open ul li.has-child a {
		color: #B38342;
	}
    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: #000;
        }
        & 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 {
        color: #B38342;
    }
.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;
}
.chocolate-house-pro-menu {position:relative; right:0px; top:-25px;}
.chocolate-house-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;}
.chocolate-house-pro-menu .wp-block-navigation ul li{display:block !important; border-bottom:solid 1px #ccc; margin-bottom:0px; padding:15px 0px; padding-right:25px;}
.chocolate-house-pro-menu .wp-block-navigation__submenu-container {padding-right:0px !important;}
.chocolate-house-pro-menu .wp-block-navigation ul li a{ line-height:normal !important;}
.chocolate-house-pro-menu .wp-block-navigation__submenu-container li a{ text-align:right; display:inherit !important;}
.chocolate-house-pro-menu .wp-block-navigation__submenu-container{ padding-top:20px !important;}
.chocolate-house-pro-menu .wp-block-navigation__submenu-container li {border:none !important;}
.chocolate-house-pro-menu .wp-block-navigation__responsive-container-open:hover {background:none;}
.chocolate-house-pro-menu .wp-block-navigation__responsive-container-open svg{width:35px; height:35px;}
.chocolate-house-pro-menu .wp-block-navigation.items-justified-right{ padding-top:0px;}
.chocolate-house-pro-menu .current-menu-item a, .chocolate-house-pro-menu li a:hover {color:#5BAAEC !important; background:none !important;}
.chocolate-house-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 -------------------- */
form.custom-search-form {
    display: flex;
    column-gap: 5px;
    & input[type=search] {
        border: 1px solid #0000004D;
        border-radius: 6px;
        padding: 10px 50px 10px 18px !important;
        &::placeholder {
            font-family: 'Playfair Display';
            font-weight: 300;
            font-size: 12px;
            color: rgba(0, 0, 0, 0.5);
        }
    }
}
.wp-block-group.navigation-banner nav ul li a.current-menu-item span {
    color: #fff !important;
}
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.top-header-col ul li span {
    font-family: 'Playfair Display';
    font-weight: 500;
    font-size: 16px;
    font-family: 'Playfair Display';
    font-style: Italic;
}
.wp-block-column.top-header-col ul {
    column-gap: 4rem;
}

@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;
}

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);
}
.wp-block-group.max-group h1 {
    letter-spacing: 1px;
}
.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: 'Playfair Display';
    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;
    margin-bottom: -4rem !important;
}
.wp-block-columns.home-banner-row {
    position: relative;
    z-index: 20;
}
.wp-block-group.navigation-banner {
    width: 55%;
    margin-left: unset !important;
    position: relative;
    z-index: 21;
    & ul li span {
        font-family: 'Playfair Display';
        font-weight: 600;
        font-style: Italic;
        font-size: 18px;
        line-height: 100%;
        color: #DCA07B;
    }
    & ul {
        column-gap: 3rem;
    }
}

.wp-block-cover.search-banner-head img {
    object-fit: contain;
    object-position: left;
}
.wp-block-cover.search-banner-head {
    position: relative;
    z-index: 1;
    align-items: baseline;
}
/* ---------- 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 ---------- */
/* Marqueeee */
.marquee {
  position: relative;
  overflow-x: hidden;
  height: 150px !important;
  display: flex;
  align-items: center;
}

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


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

.wp-block-group.track .wp-block-stackable-text p {
    white-space: pre;
}
/* Marqueeee */

/* ---------- Home Newsletter Section ----------- */

.wp-block-group.news-form-grp .wpcf7-not-valid-tip {
    position: absolute;
    top: -22px;
    font-size: 14px;
}
.wp-block-group.news-form-grp .wpcf7-response-output {
    color: #000;
    font-size: 14px;
}
.wp-block-column.news-texxt-col form {
    margin-top: 3rem;
    box-shadow: 0px 0px 3px 0px #2C150A80   ;
    padding: 26px;
    & p {
        margin-bottom: 0 !important;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        & input[type=submit] {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: #B38342;
            height: 80%;
            margin: auto 5px;
            padding: 5px 15px;
            font-family: 'Playfair Display';
            font-weight: 600;
            font-style: Italic;
            font-size: 16px;
            line-height: 100%;
            color: #F5EFDF;
            border: 1px solid #F5EFDF;
            &:hover {
                background-color: #DCA07B;
            }
        }
        & .wpcf7-spinner {
            position: absolute;
            right: 0;
            bottom: 0;
            transform: translateY(24px);
            margin-right: 0 !important;
        }
        & br {
            display: none !important;
        }
        & input[type=email] {
            background-color: #2C150A;
            border-radius: 0px;
            padding: 10px 150px 10px 20px;
            color: #fff;
            font-family: 'Playfair Display';
            font-weight: 400;
            font-style: Italic;
            font-size: 14px;
            &::placeholder {
                color: #F5EFDF99;
                font-family: 'Playfair Display';
                font-weight: 400;
                font-style: Italic;
                font-size: 14px;
                letter-spacing: 5%;
            }
        }
        & .wpcf7-form-control-wrap {
            width: 100%;
        }
    }
}

/* ------------- Client and Partners Section -------------- */
.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 #B38342;
    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 #B38342, 0 10px #B38342;
  }
  50% {
    transform: translate(0, 0) rotate(-4deg);
    text-shadow: 0 0px #B3834226, 0 0px #DCA07B;
  }
  66.67% {
    text-shadow: 0 -20px #B38342, 0 -10px #DCA07B;
  }
}

/* ------------ Home FAQ Section ------------- */
.home-faq-container {
    max-width: 1660px !important;
}
.wp-block-column.faq-text-xol .wp-block-stackable-text {
    margin-left: unset;
}
.wp-block-stackable-accordion.all-accordion-cust .wp-block-stackable-column {
    position: unset !important;
    & .stk-block-content {
        position: unset !important;
        & .wp-block-stackable-icon-label {
            position: unset !important;
            & .stk-row {
                position: unset !important;
            }
        }
    }
}

.wp-block-stackable-accordion.all-accordion-cust {
    background-color: rgb(245, 239, 223);
    overflow: visible !important;
}
.wp-block-stackable-accordion.all-accordion-cust .wp-block-stackable-column {
    border-radius: 10px;
}
.wp-block-stackable-accordion.all-accordion-cust .wp-block-stackable-icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto;
    transform: translateX(15px);
}
.wp-block-cover.home-faq-container .wp-block-cover.one-container {
    overflow: visible;
}
.wp-block-stackable-accordion.all-accordion-cust.stk--is-open .wp-block-stackable-icon {
    background-color: #B38342;
    border-radius: 50%;
    border: 1px solid #F5EFDF;
    transform: translateX(25px);
    & svg:has(path) {
        width: 50px !important;
        height: 50px !important;
        padding: 10px;
        & path {
            fill: #fff;
        }
    }
}
.wp-block-stackable-accordion.all-accordion-cust .wp-block-stackable-icon {
    background-color: #2C150A;
    border-radius: 50%;
    border: 1px solid #F5EFDF;
}
.wp-block-stackable-accordion.all-accordion-cust .wp-block-stackable-icon svg:has(path) {
    width: 30px !important;
    height: 30px !important;
    padding: 8px;
    & path {
        fill: #fff !important;
    }
}
.wp-block-group.faq-img-grp {
    z-index: 1;
    transition: all 1s ease-in-out;
}
.wp-block-group.faq-img-grp:hover {
    background-color: #DCA07B;
    & img {
        transform: scale(1.2);
    }
}


.wp-block-column.faq-img-col {
    position: relative;
    &::before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 225px;
        background: linear-gradient(-45deg, #B38342, #DCA07B, #2C150A);
        background-size: 400% 300%;
        content: '';
        height: 50%;
        margin: auto;
        transform: translateY(-35%);
        animation: gradient 5s ease infinite;
    }
    &::after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 225px;
        background: linear-gradient(-45deg, #B38342, #DCA07B, #2C150A);
        background-size: 400% 300%;
        content: '';
        height: 50%;
        margin: auto;
        transform: translateY(35%);
        z-index: 0;
        animation: gradient 5s ease infinite;
    }
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* -------- Why Choose Us ---------- */
.wp-block-group.choose-head-group .wp-block-stackable-text.dashed-line-light-bg {
    margin-left: unset !important;
}
.wp-block-group.choose-grp {
    box-shadow: 0px 0px 8px 1px #2C150A;
    transition: all 0.5s ease-in-out;
    & figure span {
        overflow: visible;
    }
    &:hover {
        background-color: #2C150A !important;
        & img {
            filter: brightness(0) saturate(100%) invert(83%) sepia(5%) saturate(1273%) hue-rotate(329deg) brightness(121%) contrast(92%);
            animation: pulse 1s infinite;
        }
        & h4, & p {
            color: #F5EFDF;
        }
    }
    & * {
        transition: all 0.5s ease-in-out;
    }
}
.wp-block-group.second-stack-choose {
    margin-bottom: 16rem;
}
.wp-block-column.choose-right-col {
    margin-top: -7rem;
}
.trask.wp-block-stackable-heading h2.dark, 
.trask.wp-block-stackable-text p.dark {
    color: #F5EFDF !important;
}

/* ---------- Most Loved Chocolates ------------ */
.wp-block-group.loved-grid-group {
    display: grid;
    grid-template-columns: dwasd;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 90px;
    row-gap: 45px;
}


.wp-block-group.inner-grid-box .wl_single-product-item {
    transition: all 0.5s ease-in-out;
    border-radius: unset !important;
    background-color: #F5EFDF;
    &:hover {
        background-color: #DCA07B !important;
        & h6 a {
            color: #2C150A !important;
        }
        & li.wl_cart a::before {
            background-color: #B38342 !important;
        }
        & li.wl_cart a i {
            background-color: #B38342 !important;
        }
        & img {
            transform: scale(1.1);
            filter: brightness(1.3);
        }
    }
    & a.product-thumbnail {
        border: unset;
        border-radius: unset !important;
        background-color: unset !important;
        overflow: hidden;
    }
    & img {
        border-radius: unset !important;
        height: 239px;
        object-fit: cover;
        transition: all 0.5s ease-in-out;
    }
    & .product-content {
        margin-top: 0 !important;
        border: 1px solid #2C150A;
    }
    & .product-content-top {
        padding: 30px 20px 20px 20px !important;
        display: flex;
        flex-direction: column;
        transition: all 0.5s ease-in-out;
        & h6.title {
            order: 1;
            width: 92%;
            font-family: 'Playfair Display';
            font-weight: 700;
            font-style: Italic;
            font-size: 22px;
            line-height: 100%;
            margin-bottom: 1.5rem;
        }
        & a.product-thumbnail {
            order: 2;
        }
        & .mix-wrap {
            order: 3;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 1rem;
        }
    }
    & .product-category {
        display: none !important;
    }
    & ::marker {
        color: transparent !important;
    }
}

.mix-wrap .product-price {
    margin: unset !important;
    & del {
        display: none;
    }
    & ins {
        font-family: 'Playfair Display';
        font-weight: 700;
        font-style: Italic;
        font-size: 32px;
        color: #2C150A;
    }
}
.wp-block-group.inner-grid-box ul {
    background-color: unset !important;
    position: absolute;
    top: 6px;
    right: 8px;
    padding: 0 !important;
    & li a {
        padding-top: 0 !important;
        border-radius: 0 !important;
        border: 1px solid #2C150A;
        background-color: transparent !important;
        & path {
            fill: #EE0C32;
        }
        & svg {
            width: 22px !important;
            height: 22px !important;
        }
    }
}
li.wl_cart a.added {
    display: none;
}
li.wl_cart a.added_to_cart {
    padding-top: unset;
    margin-top: unset !important;
    background-color: #2C150A;
    border-radius: 30px;
    padding: 16px 28px;
    font-family: 'Playfair Display';
    font-weight: 600;
    font-style: Italic;
    font-size: 14px;
    letter-spacing: 1px; 
    &:hover {
        color: #F5EFDF;
        background-color: #B38342;
    }
}
.mix-wrap li.wl_cart a.action-item.add_to_cart_button {
    &:hover {   
        color: #F5EFDF !important;
    }
    position: relative;
    transition: all 0.5s ease-in-out;
    &::before {
        content: 'Add to Cart';
        position: absolute;
        right: 0;
        top: 3px;
        bottom: 0;
        font-family: 'Playfair Display';
        font-weight: 600;
        font-style: Italic;
        font-size: 14px;
        width: 166px;
        letter-spacing: 1px;
        height: 47px;
        text-align: center;
        display: flex;
        align-items: center;
        background-color: #2C150A;
        border: 1px solid #F5EFDF;
        padding-left: 20px;
        border-radius: 30px;
    }
    & i {
        width: 50px !important;
        z-index: 1;
        height: 47px;
        display: flex;
        align-items: center;
        height: 50px;
        justify-content: center;
        position: relative;
        margin-top: 2px;
        background-color: #2C150A;
        border: 1px solid #F5EFDF;
        border-radius: 50%;
    }
}

/* -------- Limited Offer Section --------- */
.wp-block-group.explore-grp-prod .product-content {
    margin-top: unset !important;
    & .product-content-top {
        padding: 0px !important;
		position: relative;
    }
}
.wp-block-group.explore-grp-prod .wl_single-product-item ul.action {
    position: absolute;
    background-color: unset !important;
    top: 6px;
    right: 8px;
    z-index: 10;
    border-radius: 0;
    padding: 0;
    & li a {
        padding-top: 0 !important;
        border-radius: 0 !important;
        border: 1px solid #2C150A;
        background-color: transparent !important;
        & path {
            fill: #EE0C32;
        }
        & svg {
            width: 22px !important;
            height: 22px !important;
        }
    }
}


.foo-wrap .wl_cart a.added_to_cart {
    margin-left: 1rem;
}

.wp-block-group.explore-grp-prod .wl_single-product-item {
    border-radius: unset !important;
    border: unset !important;
    & a.product-thumbnail {
        border: unset !important;
        & img {
            border-radius: unset !important;
        }
        & .images {
            border: unset !important;
        }
    }
    & ::marker {
        color: transparent !important;
    }
    & .product-category {
        display: none !important;
    }
    & .outer-wrap {
        position: absolute;
        bottom: 0;
        z-index: 9;
        width: 100%;
    }
    & .alter-wrap {
        display: flex;
        flex-direction: column;
        padding: 15px 20px 20px;
        z-index: 20;
        width: 100%;
        background-color: #DCA07B;
        position: relative;
        &::before {
            background-image: url(assets/images/crop.png);
            content: '';
            position: absolute;
            top: -47px;
            left: 0;
            right: 0;
            width: 100%;
            height: 50px;
            background-size: contain;
            background-repeat: no-repeat;
        }
        & p {
            font-family: 'Playfair Display';
            font-weight: 400;
            font-style: Italic;
            font-size: 14px;
            line-height: 25px;
            color: #2C150A;
            order: 2;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            display: -webkit-box;
        }
        & li.wl_cart a.action-item.add_to_cart_button {
            &:hover {   
                color: #F5EFDF !important;
            }
            position: relative;
            transition: all 0.5s ease-in-out;
            &::before {
                content: 'Add to Cart';
                position: absolute;
                right: 0;
                top: 3px;
                bottom: 0;
                font-family: 'Playfair Display';
                font-weight: 600;
                font-style: Italic;
                font-size: 14px;
                width: 166px;
                height: 47px;
                text-align: center;
                display: flex;
                align-items: center;
                background-color: #2C150A;
                border: 1px solid #F5EFDF;
                padding-left: 20px;
                border-radius: 30px;
            }
            & i {
                width: 50px !important;
                z-index: 1;
                height: 47px;
                display: flex;
                align-items: center;
                height: 50px;
                justify-content: center;
                position: relative;
                margin-top: 2px;
                background-color: #2C150A;
                border: 1px solid #F5EFDF;
                border-radius: 50%;
                margin-left: 7rem;
            }
        }
        & .foo-wrap {
            display: flex;
            align-items: center;
            gap: 3rem;
            order: 3;
        } 
    }
    & h6.title {
        font-family: 'Playfair Display';
        font-weight: 700;
        font-style: Italic;
        font-size: 30px;
        line-height: 100%;
        color: #2C150A;
        margin-bottom: 1rem;
        order: 1;
        &:hover a {
            color: #2C150A;
        }
    }
    .woocs_price_code del {
        display: none !important;
    }
    .woocs_price_code ins {
        font-family: 'Playfair Display';
        font-weight: 700;
        font-style: Italic;
        font-size: 36px;
        color: #2C150A;
    }
}

body.dark #review_form label {
    color: #000;
}

body.archive.woocommerce-shop .wp-block-group.breadcrumds .gutentor-element-advanced-text-link h2, body.archive.woocommerce-shop .wp-block-group.breadcrumds h1 {
    font-family: 'Playfair Display' !important;
    font-style: italic !important;
    font-weight: 500 !important;
    margin-bottom: 0 !important;
    font-size: 21px !important;
}
.wp-block-group.chocolate-house-pro-section8-product-box li.wp-block-post {
    transition: all 0.8s ease-in-out;
    background-color: #F5EFDF;
    &:hover {
        background-color: #DCA07B;
    }
}

body.archive.woocommerce-shop .wp-block-group.breadcrumds {
    gap: 16px !important;
}

body.archive.woocommerce-shop .wp-block-group.breadcrumds .gutentor-element-advanced-text-link {
    text-decoration: unset !important;
    color: #fff;
    &:hover h2 {
        color: #000 !important;
    }
}

.wp-block-stackable-icon.chev-icon-toggle {
    cursor: pointer;
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    text-align: center;
    border: 2px solid #B38342;
    background-color: #DCA07B;
    width: fit-content;
    margin: auto;
    padding: 10px;
    border-radius: 50%;
    z-index: 20;
}
.wp-block-group.explore-grp-prod {
    overflow: hidden;
}
.wp-block-column.counter-col .stk-block-countdown__container {
    flex-direction: column;
}
.wp-block-cover.search-banner-head .wp-block-group.one-container .banner-logo-grp {
    flex-basis: 40%;
    justify-content: space-between;
}
.wp-block-cover.search-banner-head .wp-block-group.one-container .wp-block-group.search-admin-row {
    flex-basis: 40%;
    gap: 30px;
}
.wp-block-cover.search-banner-head .wp-block-group.one-container {
    gap: 1.2rem !important;
}


/* Active state */
.toggled {
    opacity: 1 !important;
    max-height: 500px; /* adjust as needed */
}

.price-hidden {
    opacity: 0;
    margin: 0 !important;
}

#chev-ron.rotated {
    transform: rotate(180deg);
    transition: transform 0.5s ease-in-out;
}
.wp-block-columns.offer-row {
    justify-content: space-between;
}
.wp-block-column.counter-col .stk-block-countdown__container .stk-block-countdown__container-wrapper {
    width: 122px;
    height: 122px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    background-color: rgb(245 239 223 / 20%);
    border-radius: 10px;
    & .stk-block-countdown__digit {
        font-family: 'Playfair Display';
        font-weight: 600;
        font-style: Italic;
        font-size: 45px;
        line-height: 40px;
        color: #F5EFDF !important;
    }
    & .stk-block-countdown__label {
        font-family: 'Playfair Display';
        font-weight: 600;
        font-style: Italic;
        font-size: 20px;
        line-height: 100%;
        color: #F5EFDF !important;
    }
}

.wp-block-group.explore-grp-prod .wl_cart:hover {
    & i {
        background-color: #B38342 !important;
    }
    & a::before {
        background-color: #B38342 !important;
    }
}


/* ----------- Banner Section ------------- */
.wp-block-stackable-text.text-underx p {
    text-decoration: underline;
}
.wp-block-group.border-toggle-grp.light .wp-block-stackable-icon.light-icon svg path {
    fill: #B38342 !important;
}
.wp-block-group.border-toggle-grp.dark .wp-block-stackable-icon.dark-icon svg path {
    fill: #B38342 !important;
}
.wp-block-stackable-button-group.banner-social-grp {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transform: translate(-8rem, 2rem);
}
.wp-block-group.border-toggle-grp .toggle-element {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #F5EFDF;
    width: 55px;
    height: 100%;
    border-radius: 25px;
    transition: all 0.2s ease-in-out;
    transform: unset;
}
.wp-block-group.border-toggle-grp.dark .wp-block-group.toggle-element {
    transform: translateX(53px);
}
.wp-block-column.footer-col-three .wp-block-stackable-button:hover span.stk--svg-wrapper {
    animation: pulse 1s ease-in-out;
}
.wp-block-group.border-toggle-grp {
    width: fit-content;
    position: relative;
    transition: all 1s ease-in-out;
}
.wp-block-group.border-toggle-grp {
    width: 110px;
    cursor: pointer;
    justify-content: space-between;
    gap: unset;
}
.wp-block-stackable-text.width-para {
    margin-right: 9rem !important;
}
.wp-block-cover.banner-section {
    overflow: visible;
}
.thumbnails img {
  cursor: pointer;
  transition: opacity 0.3s ease;
  border-radius: 150px 0px 150px 150px;
}

.thumbnails span {
    overflow: visible !important;
}

.thumbnails img.active {
  box-shadow: 0px 0px 25px 4px #B38342;
  transition: all 0.3s ease;
}

/* Fade animation for preview image */
#preview img {
  transition: opacity 0.3s ease;
  opacity: 1;
}

#preview img.fade-out {
  opacity: 0;
}

#preview img.fade-in {
  opacity: 1;
}

.wp-block-group.main-image {
    position: absolute;
    max-width: fit-content;
    right: 0;
    top: 0;
    z-index: 2;
    border-radius: 460px;
    pointer-events: none;
    & figure span {
        border-radius: 460px 0px 550px 550px;
        box-shadow: 0px 0px 30px 5px #B38342;
    }
}
.wp-block-group.banner-logo-grp form {
    background-color: unset !important;
    box-shadow: unset !important;
    padding: 0;
    position: relative;
    width: 263px;
    & button[type=submit] {
        position: absolute;
        font-style: normal;
        right: 11px;
        width: unset !important;
        font-size: 0;
        border: unset !important;
        top: 0;
        bottom: 0;
        padding: 0px 14px;
        background-color: transparent;
        &::after {
            content: '\f002';
            font-size: 18px;
            font-family: 'FontAwesome';
            color: #ffffff;
        }
    }
    & input.search-field {
        background-color: transparent;
        border: 1px solid #F5EFDF;
        border-radius: 30px;
        color: #F5EFDF;
        font-family: 'Playfair Display';
        font-weight: 400;
        font-style: Italic;
        font-size: 14px;
        line-height: 100%;
        &::placeholder {
            font-family: 'Playfair Display';
            font-weight: 400;
            font-style: Italic;
            font-size: 14px;
            line-height: 100%;
            color: #F5EFDF;
        }
    }
}

/* -------------------- Testimonials Section ----------------------- */

.gallery {
    width: 100%;
    margin: 40px auto;
}

.gallery-slider {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}
.swiper-container.gallery-slider .wp-block-group.swiper-slide {
    filter: drop-shadow(0px 5px 2px #DCA07B);
    position: relative;
    &::before {
        content: url(assets/images/quote-one.png);
        left: 20px;
        top: -32px;
        width: auto;
        height: auto;
        position: absolute;
        z-index: 1;
    }
    &::after {
        content: url(assets/images/quote-two.png);
        right: 32px;
        bottom: 20px;
        width: auto;
        height: auto;
        position: absolute;
        z-index: 1;
    }
    &:hover::after, &:hover::before {
        animation: pulse 1s infinite;
    }
    &:hover .inner-main-grp {
        background-color: #d9bead !important;
    }
}

.swiper-container.gallery-slider .wp-block-group.inner-main-grp  {
    clip-path: polygon( 1.727% 0.591%,98.273% 0.591%,98.273% 0.591%,98.532% 0.686%,98.778% 0.962%,99.007% 1.404%,99.216% 1.996%,99.403% 2.724%,99.562% 3.572%,99.692% 4.527%,99.789% 5.572%,99.85% 6.693%,99.87% 7.874%,99.87% 73.707%,99.87% 73.707%,99.85% 74.889%,99.789% 76.01%,99.692% 77.055%,99.562% 78.009%,99.403% 78.858%,99.216% 79.586%,99.007% 80.178%,98.778% 80.62%,98.532% 80.896%,98.273% 80.991%,56.806% 80.991%,56.806% 80.991%,56.69% 81.008%,56.575% 81.057%,56.46% 81.139%,56.348% 81.253%,56.237% 81.398%,56.129% 81.575%,56.023% 81.782%,55.919% 82.019%,55.819% 82.286%,55.723% 82.581%,51.005% 98.036%,51.005% 98.036%,50.834% 98.524%,50.654% 98.905%,50.468% 99.178%,50.277% 99.345%,50.083% 99.404%,49.889% 99.357%,49.697% 99.201%,49.51% 98.939%,49.329% 98.569%,49.157% 98.091%,44.27% 82.518%,44.27% 82.518%,44.175% 82.233%,44.076% 81.977%,43.975% 81.75%,43.87% 81.551%,43.764% 81.382%,43.655% 81.242%,43.545% 81.133%,43.433% 81.054%,43.32% 81.007%,43.206% 80.991%,1.727% 80.991%,1.727% 80.991%,1.468% 80.896%,1.222% 80.62%,0.993% 80.178%,0.784% 79.586%,0.597% 78.858%,0.438% 78.009%,0.308% 77.055%,0.211% 76.01%,0.15% 74.889%,0.13% 73.707%,0.13% 7.874%,0.13% 7.874%,0.15% 6.693%,0.211% 5.572%,0.308% 4.527%,0.438% 3.572%,0.597% 2.724%,0.784% 1.996%,0.993% 1.404%,1.222% 0.962%,1.468% 0.686%,1.727% 0.591% );
    transition: all 1s ease-in-out;
}
.gallery-slider .swiper-slide img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
}
.wp-block-cover.outer-container {
    margin: 0px 42px !important;
    border-radius: 40px;
}
.wp-block-group.swiper-container.gallery-thumbs {
    max-width: 700px !important;
    margin-top: 3rem;
    padding: 15px 0px;
    & .wp-block-group.swiper-wrapper {
        gap: 50px;
    }
}
.wp-block-group.gallery-thumbs .wp-block-group.swiper-slide {
    transform: scale(0.8) !important;
    border: 2px solid #fff;
    border-radius: 50%;
}
.wp-block-group.gallery-thumbs .wp-block-group.swiper-slide.swiper-slide-prev, .wp-block-group.gallery-thumbs .wp-block-group.swiper-slide.swiper-slide-next {
    transform: scale(1) !important;
}
.wp-block-group.gallery-thumbs .wp-block-group.swiper-slide.swiper-slide-active {
    transform: scale(1.2) !important;
}

.gallery-thumbs {
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.gallery-thumbs .swiper-slide {
    width: 100px !important;
    height: 100px !important;
    text-align: center;
    overflow: hidden;
    opacity: 0.5;
    & img {
        width: 100px !important;
        height: 100px !important;
    }
}

.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

.gallery-thumbs .swiper-slide img {
    width: auto;
    height: 100%;
}


.one-container {
    max-width: 1320px !important;
    margin: 0px auto !important;
}
.dex-container {
    max-width: 1158px !important;
    margin: 0px auto !important;
}
.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-stackable-icon.swiper-button-next, .wp-block-stackable-icon.swiper-button-prev {
    display: none !important;
}
.wp-block-stackable-icon.outer-button-prev {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
    & .stk--svg-wrapper {
        background-color: #F5EFDF;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 2px solid #2C150A;
        &:hover {
            background-color: #B38342;
            border-color: #F5EFDF;
            & svg path {
                fill: #F5EFDF;
            }
        }
        & svg path {
            fill: #2C150A;
        }
    }
}
.wp-block-stackable-icon.outer-button-next {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
    & .stk--svg-wrapper {
        background-color: #F5EFDF;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 2px solid #2C150A;
        &:hover {
            background-color: #B38342;
            border-color: #F5EFDF;
            & svg path {
                fill: #F5EFDF;
            }
        }
        & svg path {
            fill: #2C150A;
        }
    }
}
.wp-block-group.inner-main-grp .gutentor-element-rating-wrap {
    gap: 5px;
    display: flex;
    justify-content: center;
    & .gutentor-rating-marked i{
        color: #FFAD10;
    }
    & .gutentor-rating-unmarked i {
        color: #DCA07B;
    }
}

/* ----------- Two Products Category Section ------------ */


.wp-block-group.catz-grp .gutentor-term {
    padding: 0 !important;
}

.wp-block-group.catz-grp .gtf-image {
    border: 3px solid #2C150A;
    transition: all 0.5s ease-in-out;
    margin-bottom: 2rem;
    overflow: hidden;
    & img {
        transition: all 0.5s ease-in-out;
    }
    &:hover {
        border: 3px solid #B38342;
    }
}

.wp-block-group.catz-grp h3.g-d-title a {
    font-family: 'Playfair Display';
    font-weight: 600;
    font-style: Italic;
    font-size: 36px;
    line-height: 100%;
    color: #2C150A;
    transition: all 0.5s ease-in-out;
}

.wp-block-group.catz-grp:hover h3.g-d-title a {
    color: #B38342 !important;
}
.wp-block-group.catz-grp:hover .gtf-image img {
    transform: scale(1.2);
}

/* ----------- Process Section ------------- */
.wp-block-columns.process-row .wp-block-stackable-image {
    width: 236px;
    height: 236px;
}

.wp-block-group.process-grp .wp-block-stackable-image {
    transition: all 0.5s ease-in-out;
}

.wp-block-group.process-grp:hover .wp-block-stackable-image {
    background-color: #DCA07B !important;
    border-color: #F5EFDF !important;
    & img {
        filter: brightness(0) saturate(100%) invert(89%) sepia(16%) saturate(350%) hue-rotate(331deg) brightness(110%) contrast(92%);
    }
}
.wp-block-group.process-grp .wp-block-stackable-heading h2, 
.wp-block-group.process-grp .wp-block-stackable-text p {
    transition: all 0.5s ease-in-out;
}
.wp-block-group.process-grp .wp-block-stackable-text p {
    padding: 0px 10px;
}
.wp-block-group.process-grp:hover .wp-block-stackable-heading h2, .wp-block-group.process-grp:hover .wp-block-stackable-text p {
    color: #B38342 !important;
}


/* ---------------- 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: 'Playfair Display';
    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: 'Playfair Display' !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, #B38342, #B38342, #DCA07B, #B38342, #B38342);
    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;
}
/* -------------- Blog Section --------------- */
.blog-wrap img {
    height: 260px;
    object-fit: cover;
    transition: all 1s ease-in-out;
}
.blog-wrap .gutentor-post-image-box {
    margin-bottom: 20px !important;
    border: 1px solid #2C150A;
}

.blog-wrap, .lix-wrap {
    position: relative;
}
.gutentor-post-module.blog-page-main article:hover img {
    transform: scale(1.2);
}
.lix-wrap .gutentor-post-image-box {
    margin-bottom: 0 !important;
    img {
        height: 300px !important;
        object-fit: cover;
        transition: transform 0.8s ease-in-out;
    }
}
.fix-wrap {
    display: flex;
    flex-direction: column-reverse;
}
.blog-first-wrap h3 a, .blog-page-main.gutentor-blog-grid .fix-wrap h3 a {
    font-family: 'Playfair Display' !important;
    font-weight: 600 !important;
    font-style: italic;
    font-size: 20px !important;
    line-height: 27px !important;
    color: #2C150A;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    margin-bottom: 20px;   
    text-align: center;
}
.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: 'Playfair Display' !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #000000 !important;
}
.blogs-slider .gutentor-post-desc {
    font-family: 'Playfair Display';
    font-weight: 400;
    font-style: Italic;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #2C150A;
    margin-bottom: 30px !important;
}
.gutentor-post-module.blog-page-main article {
    margin-bottom: 20px !important;
    flex-basis: 48% !important;
}
.blogs-slider .swiper-slide:hover img {
    transform: scale(1.2);
    filter: brightness(1.2);
}
.blogs-slider .swiper-slide {
    overflow: hidden;
    padding: 10px 5px;
}
.wp-block-group.cctv_blog_page .grid-container {
    max-width: 100% !important;
}
.wp-block-group.cctv_blog_page .grid-row {
    row-gap: 15px;
    column-gap: 30px;
    justify-content: center;
}

.wp-block-cb-carousel-v2.cb-carousel-block.blogs-slider .gutentor-post, .wp-block-group.cctv_blog_page .grid-row article.gutentor-post {
    padding: 30px;
    background-color: #F5EFDF;
    box-shadow: 0px 0px 4px 0px #2C150A;
    transition: all 0.5s ease-in-out;
    &:hover {
        background-color: #2C150A !important;
        & .blog-wrap .gutentor-post-image-box {
            border: 1px solid #B38342;
        }
        & .gutentor-post-title a, & .gutentor-post-desc {
            color: #F5EFDF;
        }
        & .gutentor-post-title a:hover {
            text-decoration: underline;
        }
        & .gutentor-button.gutentor-post-button {
            background-color: #B38342;
            border: 1px solid #fff;
            & span {
                color: #2C150A;
            }
            &:hover span {
                color: #fff;
            }
        }
    }
}

.wp-block-group.cctv_blog_page .grid-row article.gutentor-post .fix-wrap {
    margin-top: 1rem !important;
}

.wp-block-group.cctv_blog_page .grid-row article.gutentor-post .gutentor-post-desc {
    font-family: 'Playfair Display';
    font-weight: 400;
    font-style: Italic;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #2C150A;
    margin-bottom: 30px;
}
.wp-block-cb-carousel-v2.blogs-slider .gutentor-button.gutentor-post-button, .wp-block-group.cctv_blog_page .gutentor-button.gutentor-post-button {
    display: block;
    text-align: center;
    width: fit-content;
    margin: auto;
    padding: 15px 25px;
    border: 1px solid #2C150A;
    border-radius: 30px;
    background-color: #2C150A;
    & span {
        font-family: 'Playfair Display';
        font-weight: 600;
        font-style: Italic;
        font-size: 16px;
        line-height: 26px;
        color: #F5EFDF;
    }
}
.wp-block-cb-carousel-v2.blogs-slider .cb-pagination {
    bottom: -60px;
    gap: 5px;
    & .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        color: rgba(44, 21, 10, 0.70);
    }
    & .swiper-pagination-bullet-active.swiper-pagination-bullet {
        color: #2C150A;
    }
}
/* ------------- 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;
}
.wp-block-cover.footer-section  {
    margin: 20px !important;
}

.footer-row nav ul li {
    padding: 16px 0px;
}
.footer-row nav ul li a {
    font-family: 'Playfair Display';
    font-weight: 500;
    font-style: Italic;
    font-size: 18px;
}
.footer-row nav li a:hover {
    color: #DCA07B !important;
}
.footer-section-two {
    padding: 10px 15px;
}
.footer-row .footer-col-one {
    flex-basis: 29% !important;
}
.footer-row .footer-col-two {
    flex-basis: 12% !important;
}
.footer-row .footer-col-three {
    flex-basis: 27% !important;
}
.wp-block-group.footer-social-row {
    width: fit-content;
    border-radius: 30px;
    position: relative;
    z-index: 1;
}
.foot-social-grp-all {
    position: relative;
    &::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: #F5EFDF;
        margin: auto;
        z-index: 0; 
    }
}
.wp-block-group.copyright-privacy-terms-grp a {
    text-decoration: unset;
}
.wp-block-group.copyright-privacy-terms-grp .wp-block-stackable-text:nth-child(2) p {
    position: relative;
    &::before {
        left: 0;
        top: 0;
        bottom: 0;
        background-color: #F5EFDF;
        height: 30px;
        width: 1px;
        transform: translateX(-30px);
        position: absolute;
        content: '';
        margin: auto;
    }
    &::after {
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #F5EFDF;
        height: 30px;
        width: 1px;
        transform: translateX(30px);
        position: absolute;
        content: '';
        margin: auto;
    }
}
.footer-row .footer-product-categories {
    flex-basis: 15% !important;
}
.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: 'Playfair Display';
    font-weight: 400;
    &:hover p {
        color: #D94F33 !important;
    }
    & p {
        margin-bottom: 0 !important;
    }
}
.foot-bed-links {
    gap: 30px;
}
.contact-foot-text p {
    font-family: 'Playfair Display';
    color: #fff;
    margin-top: 25px !important;
}


/* ---------- Deal of the day ---------- */
.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;
}


.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: 'Playfair Display';
    color: #B38342;
    font-weight: 700;
}
.wc-block-cart-items__row {
    background: #B3834226;
    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: 'Playfair Display';
    font-size: 18px;
    color: #B38342;
}
.wc-block-cart-item__wrap a.wc-block-components-product-name {
    text-decoration: unset;
    color: #000;
    font-family: 'Playfair Display';
    font-size: 20px;
    font-weight: 700;
    &:hover {
        color: #B38342;
    }
}
.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: 'Playfair Display';
    font-weight: 600;
    font-size: 22px;
    color: #B38342;
}
.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: 'Playfair Display';
    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: #B38342 !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: 'Playfair Display' !important;
    font-size: 18px !important;
    color: #B38342 !important;
}
body.woocommerce-cart header {
    box-shadow: 0px 0px 18px #e9767669;
}
.wp-block-group.checkout_page * {
    font-family: 'Playfair Display';
}

.wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
    color: #B38342;
    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: 'Playfair Display';
    background-color: #B38342;
    font-weight: 400;
    &:hover {
        color: #fff;
        background-color: #DCA07B;
    }
}
.lp-archive-courses-sidebar {
    display: none;
}

/* --------- Buy 2 get 1 Section ----------- */
.wp-block-stackable-button-group.arrow-button a span.stk--svg-wrapper {
    background-color: #B38342;
    position: absolute;
    right: -10px;
    padding: 14px;
    border-radius: 50%;
    border: 2px solid #F5EFDF;
    & svg {
        margin-left: 0 !important;
    }
}
.wp-block-stackable-button-group.arrow-button a {
    transition: all 1.2s ease-in-out;
    & .stk--svg-wrapper {
        transition: all 1.2s ease-in-out;
    }
    &:hover .stk--svg-wrapper {
        transform: rotate(360deg);
        background-color: #DCA07B;
    }
}

.wp-block-stackable-button-group.arrowz-button a span.stk--svg-wrapper {
    background-color: #B38342;
    position: absolute;
    right: -10px;
    padding: 14px;
    border-radius: 50%;
    border: 2px solid #F5EFDF;
    & svg {
        margin-left: 0 !important;
    }
}
.wp-block-stackable-button-group.arrowz-button a {
    transition: all 1.2s ease-in-out;
    & .stk--svg-wrapper {
        transition: all 1.2s ease-in-out;
    }
    &:hover .stk--svg-wrapper {
        transform: rotate(360deg);
        background-color: #FFFFFF;
        border-color: #2C150A;
    }
}

.wp-block-cb-carousel-v2.product-category-slider .swiper {
    overflow: visible !important;
    & article {
        overflow: visible !important;
        & .gtf-item {
            overflow: visible !important;
            & .gtf-image-box {
                overflow: visible !important;
            }
        }
    }
}
.wp-block-cb-carousel-v2.product-category-slider .cb-button-prev.swiper-button-prev, .wp-block-cb-carousel-v2.product-category-slider .cb-button-next.swiper-button-next {
    display: none !important;
}

.wp-block-cb-carousel-v2.product-category-slider article.gutentor-term .gtf-image img {
    width: 280px;
    height: 280px;
    object-fit: cover;
    border-radius: 200px 0px 200px 200px;
    border: 1px solid #B38342;
    margin-bottom: 2rem;
    transition: all 0.5s ease-in-out;
}
.wp-block-cb-carousel-v2.product-category-slider article.gutentor-term h3.g-d-title a {
    font-family: 'Playfair Display';
    font-weight: 600;
    font-style: Italic;
    font-size: 28px;
    line-height: 100%;
    color: #F5EFDF;
    transition: all 0.5s ease-in-out;
    margin-bottom: 15px;
    display: block;
}

.wp-block-cb-carousel-v2.product-category-slider article.gutentor-term .g-d-desc {
    transition: all 0.5s ease-in-out !important;
    font-family: 'Playfair Display';
    font-weight: 500;
    font-style: Italic;
    font-size: 18px;
    line-height: 28px;
    color: #F5EFDF;
    padding: 0px 60px;
}

.wp-block-cb-carousel-v2.product-category-slider article.gutentor-term .gutentor-button {
font-family: 'Playfair Display';
    font-weight: 400;
    font-style: Italic;
    font-size: 16px;
    line-height: 100%;
    color: #F5EFDF;
    position: relative;
    transition: all 0.5s ease-in-out;
    background-color: transparent;
    &::after {
        content: '\f061';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        font-size: 14px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        transform: translateX(26px);
    }
}
.wp-block-group.cat-slider-btns .wp-block-stackable-icon {
    padding: 12px;
    border-radius: 50%;
    border: 2px solid #F5EFDF;
    cursor: pointer;
    background-color: #2C150A;
    transition: all 0.5s ease-in-out;
    &:hover {
        background-color: #F5EFDF;
        border-color: #B38342;
        & svg path {
            fill: #B38342 !important;
        }
    }
    & svg path {
        fill: #F5EFDF !important;
    }
}

.wp-block-cb-carousel-v2.product-category-slider .swiper-slide:hover .gtf-image img {
    border: 1px solid transparent;
    box-shadow: 0px 0px 25px 4px #F5EFDF;
    transform: scale(1.02);
}
.wp-block-cb-carousel-v2.product-category-slider article.gutentor-term {
    padding: 0 !important;
}

.wp-block-cb-carousel-v2.product-category-slider .swiper-slide:hover h3 a, .wp-block-cb-carousel-v2.product-category-slider .swiper-slide:hover .g-d-desc p, .wp-block-cb-carousel-v2.product-category-slider .swiper-slide:hover .gutentor-button {
    color: #DCA07B !important;
}

.wp-block-stackable-text.dashed-line {
    position: relative;
    border-bottom: 1px solid #DCA07B;
    width: fit-content;
    padding: 0px 12px;
    margin: auto;
    &::before {
        position: absolute;
        bottom: -3px;
        left: 0;
        content: '' !important;
        background-color: #DCA07B;
        height: 5px;
        width: 5px;
        transform: rotate(45deg);
    }
    &::after {
        position: absolute;
        bottom: -3px;
        right: 0;
        content: '' !important;
        background-color: #DCA07B;
        height: 5px;
        width: 5px;
        transform: rotate(45deg);
    }
}
.wp-block-column.two-img-col figure img {
    transition: all 1.5s ease-in-out;
}
.wp-block-column.two-img-col figure:hover img {
    transform: scale(1.2);
    filter: blur(0px) brightness(1.2);
}
.wp-block-group.news-form-grp .wpcf7-response-output {
    margin-top: 10px;
}


/* ------------ Our Story -------------- */
.wp-block-stackable-heading.block-head-story h4 {
    padding: 0.625rem 4rem;
}
.wp-block-cover.hide-this-cover {
    opacity: 0;
    background-color: #2c150ad6;
    transition: all 1s ease-in-out;
}
.wp-block-column.story-left-col, .wp-block-column.story-right-col {
    transition: 1s ease-in-out;
    &:hover {
        border-radius: 10px;
        overflow: clip;
    }
}
.wp-block-column.story-left-col:hover .wp-block-cover.hide-this-cover, .wp-block-column.story-right-col:hover .wp-block-cover.hide-this-cover {
    opacity: 1;
}
.wp-block-columns.story-main-row .wp-block-group.footer-social-row {
    flex-wrap: wrap;
}



/* ----------- Features Section ------------- */
.wp-block-stackable-text.dashed-line-light-bg {
    position: relative;
    border-bottom: 1px solid #B38342;
    width: fit-content;
    padding: 0px 15px;
    margin: auto;
    &::before {
        position: absolute;
        bottom: -3px;
        left: 0;
        content: '' !important;
        background-color: #B38342;
        height: 5px;
        width: 5px;
        transform: rotate(45deg);
    }
    &::after {
        position: absolute;
        bottom: -3px;
        right: 0;
        content: '' !important;
        background-color: #B38342;
        height: 5px;
        width: 5px;
        transform: rotate(45deg);
    }
}

.wp-block-columns.approach-features .wp-block-column {
    box-shadow: 0px 0px 4px 0px #2C150A80;
    overflow: hidden;
    & .wp-block-group.head-feats-grp .wp-block-stackable-text {
        padding: 0px 30px;
    }
}

.wp-block-group.head-feats-grp .wp-block-stackable-image {
    height: 100%;
}   
.wp-block-group.head-feats-grp.jaxedd {
    height: 100% !important;
    & .wp-block-stackable-image {
        height: 100%;
        & figure {
            height: 100%;
            & span {
                height: 100%;
            }
        }
    }   
}
.wp-block-group.head-feats-grp.jaxedd:hover .wp-block-stackable-image img {
    animation: pulse 1s infinite;
    filter: brightness(1.1);
}
.wp-block-columns.approach-features .wp-block-group.head-feats-grp:not(.jaxedd) {
    transition: all 0.8s ease-in-out;
    &:hover {
        background-color: #2C150A !important;
        & .wp-block-stackable-image img {
            filter: brightness(0) saturate(100%) invert(93%) sepia(16%) saturate(437%) hue-rotate(319deg) brightness(106%) contrast(92%);
            animation: pulse 1s infinite;
        }
        & .wp-block-stackable-image span {
            overflow: visible;
        }
        & .wp-block-stackable-heading h3, .wp-block-stackable-text p {
            color: #F5EFDF !important;
        }
    }
}

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


/************************* Responsive-css-all-media *****************************************/

@media screen and (max-width: 1399px) and (min-width: 1200px) {
	.wp-block-column.top-header-col ul {
		column-gap: 3rem !important;
	}
	.wp-block-group.navigation-banner ul {
		row-gap: 2rem !important;
	}
    .wp-block-cover.search-banner-head .wp-block-group.one-container .banner-logo-grp {
        flex-basis: 45% !important;
    }
    div.wp-block-group.main-image {
        top: 13rem !important;
        max-width: 700px !important;
    }
    .client-name-row {
        flex-wrap: wrap;
        & .wp-block-stackable-text {
            margin-left: auto;
        }
    }
    .banner-left-col {
        padding-left: 35px;
    }
    .wp-block-group.max-group {
        padding-right: 6rem;
    }
    .wp-block-stackable-button-group.banner-social-grp {
        position: unset !important;
        transform: unset !important;
        & .stk-row {
            flex-direction: row !important;
            column-gap: 26px;
            margin-top: 3rem;
        }
    }
    .wp-block-column.faq-img-col::before {
        transform: translateY(-60%);
    }
    .wp-block-column.faq-img-col::after {
        transform: translateY(60%);
    }
    .wp-block-group.loved-grid-group {
        column-gap: 25px !important;
    }
    .wp-block-group.explore-grp-prod .wl_single-product-item .alter-wrap::before {
        top: -37px !important;
    }
    .wp-block-group.explore-grp-prod .wl_single-product-item .foo-wrap {
        justify-content: space-between;
    }
    .client-name-row {
        flex-wrap: wrap;
        & .wp-block-stackable-text {
            margin-left: auto;
        }
    }
    .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;
    }
    .dex-container {
        max-width: 1000px !important;
    }
    .about-main-left figure::before {
        height: 64%;
    }
}
@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: 992px){
	.wp-block-group.navigation-banner ul {
		row-gap: 2rem !important;
	}
    .wp-block-cover.search-banner-head .wp-block-group.one-container .banner-logo-grp {
        flex-basis: 50% !important;
        gap: 20px !important;
    }
    div.wp-block-group.main-image {
        top: 13rem !important;
        max-width: 550px !important;
    }
    .wp-block-cover.search-banner-head .wp-block-group.one-container {
        justify-content: space-between !important;
        & .wp-block-group.search-admin-row {
            flex-basis: 70% !important;
        }
    }
    .client-name-row {
        flex-wrap: wrap;
        & .wp-block-stackable-text {
            margin-left: auto;
        }
    }
    .banner-left-col {
        padding-left: 35px;
    }
    .wp-block-group.max-group {
        padding-right: 6rem;
        margin-bottom: 3rem !important;
    }
    .wp-block-stackable-button-group.banner-social-grp {
        position: unset !important;
        transform: unset !important;
        & .stk-row {
            flex-direction: row !important;
            column-gap: 26px;
            margin-top: 3rem;
        }
    }
    
    .wp-block-column.counter-col .stk-block-countdown__container .stk-block-countdown__container-wrapper {
        width: 100px !important;
        height: 100px !important;
    }
    .wp-block-group.explore-grp-prod .wl_single-product-item .alter-wrap::before {
        top: -32px !important;
    }
    .wp-block-group.loved-grid-group {
        column-gap: 50px !important;
        grid-template-columns: 1fr 1fr !important;
    }
    .wp-block-columns.process-row {
        flex-wrap: wrap !important;
        justify-content: center !important;
        & .wp-block-column {
            flex-basis: 30% !important;
        }
    }
    .wp-block-cover.outer-container {
        margin: 0px !important;
    }
    .wp-block-stackable-icon.outer-button-prev, .wp-block-stackable-icon.outer-button-next {
        display: none !important;
    }
    .wp-block-column.faq-img-col::before {
        transform: translateY(-65%);
        height: 75%;
    }
    .wp-block-column.faq-img-col::after {
        transform: translateY(65%);
        height: 75%;
    }
    .wp-block-column.footer-col-one figure span {
        width: 200px !important;
    }
    article.search-result-item {
        flex-basis: 31% !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;
        }
    }
    .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-contact {
        flex-basis: 22%;
    }

    .banner-left-col {
        padding-left: 30px;
    }   
    .one-container {
        max-width: 960px !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;
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .wp-block-columns.archive_row .wp-block-column {
        flex-basis: 100% !important;
    }
    .gutentor-post-module.blog-page-main article {
        flex-basis: 46% !important;
    }
    .wp-block-cover.marquee-section {
        margin-top: 0rem !important;
    }
    .wp-block-group.chocolate-house-pro-section8-product-box .wp-block-query ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .wp-block-column.top-header-col nav {
        margin-left: auto;
    }
    .wp-block-columns.top-bar-row .wp-block-column.header-logo-col {
        flex-basis: 30% !important;
    }
    .wp-block-columns.top-bar-row .wp-block-column.top-header-col {
        flex-basis: 66% !important;
    }
    .wp-block-columns.top-bar-row {
        justify-content: space-between !important;
        flex-flow: column !important;
        row-gap: 2rem;
    }
    .wp-block-group.max-group {
        margin-bottom: 3rem !important;
    }
    .wp-block-group.thumbnails {
        margin-bottom: 2rem !important;
    }
    .wp-block-columns.home-banner-row .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-group.navigation-banner {
        width: 100% !important;
    }
    .wp-block-cover.banner-section .wp-block-cover.one-container {
        margin-bottom: unset !important;
    }
    .wp-block-group.main-image {
        position: unset !important;
        max-width: 570px !important;
        margin-bottom: 2rem !important;
    }
    .wp-block-group.search-admin-row .stk-row.stk-inner-blocks {
        column-gap: 8px !important;
        & a.stk-link {
            padding: 10px 5px !important;
        }
    }
    .wp-block-stackable-button-group.banner-social-grp {
        position: unset !important;
        transform: unset !important;
        & .stk-row {
            flex-direction: row !important;
            column-gap: 26px;
            margin-top: 3rem;
        }
    }
    .wp-block-cover.search-banner-head .wp-block-group.one-container {
        justify-content: space-between !important;
        gap: unset !important;
        & div.wp-block-group.search-admin-row {
            flex-basis: 50%;
            gap: 20px !important;
            justify-content: end;
        }
    }
    .wp-block-cover.search-banner-head .wp-block-group.one-container .banner-logo-grp {
        flex-basis: 48% !important;
    }
    .wp-block-columns.offer-row .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-group.explore-grp-prod .wl_single-product-item .foo-wrap {
        justify-content: space-between !important;
    }
    .wp-block-column.counter-col .stk-block-countdown__container {
        flex-direction: row !important;
    }
    .wp-block-group.explore-grp-prod .wl_single-product-item .alter-wrap::before {
        height: 60px;
        background-size: cover !important;
    }
    .wp-block-group.loved-grid-group {
        column-gap: 15px !important;
        grid-template-columns: 1fr 1fr !important;
    }
    .wp-block-columns.two-prod-cat-row {
        flex-wrap: wrap;
        row-gap: 3rem !important;
        & .wp-block-column {
            flex-basis: 100% !important;
        }
    }
    .wp-block-columns.process-row {
        flex-wrap: wrap !important;
        justify-content: center !important;
        & .wp-block-column {
            flex-basis: 30% !important;
        }
    }
    .wp-block-cover.outer-container {
        margin: 0px !important;
    }
    .wp-block-stackable-icon.outer-button-prev, .wp-block-stackable-icon.outer-button-next {
        display: none !important;
    }
    .wp-block-column.choose-right-col {
        padding-left: 0 !important;
    }
    .wp-block-group.second-stack-choose {
        margin-bottom: unset !important;
    }
    .wp-block-column.choose-right-col {
        margin-top: unset !important;
    }
    .wp-block-columns.why-choose-us-row {
        flex-direction: column-reverse;
    }
    .wp-block-columns.faq-home-row {
        flex-direction: column-reverse;
        & .wp-block-column {
            flex-basis: 100% !important;
        }
    }
    .wp-block-columns.story-main-row {
        flex-wrap: wrap !important;
        & .wp-block-column {
            flex-basis: 100% !important;
        }
    }
    .wp-block-column.faq-img-col::before {
        content: unset !important;
    } 
    .wp-block-column.footer-col-one figure span {
        width: 200px !important;
    }
    .wp-block-group.copyright-privacy-terms-grp .wp-block-stackable-text:nth-child(2) p::after, .wp-block-group.copyright-privacy-terms-grp .wp-block-stackable-text:nth-child(2) p::before {
        content: unset !important;
    }
    .wp-block-group.copyright-privacy-terms-grp {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .wp-block-columns.approach-features .wp-block-column {
        flex-basis: 45% !important;
    }
    .wp-block-columns.approach-features .wp-block-column:nth-child(3) {
        order: 1;
    }
    .wp-block-columns.approach-features .wp-block-column:nth-child(2){
        order: 2;
    }

    .wp-block-columns.buy-two-row {
        flex-direction: column-reverse;
        & .wp-block-column {
            flex-basis: 100% !important;
        }
    }
    .wp-block-column.two-img-col .wp-block-group .wp-block-stackable-image {
        flex-grow: 1;
    }
    .wp-block-column.two-text-col {
        margin-top: 2rem;
    }
    .wp-block-columns.home-news-row .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-columns.about-section-main-row {
        flex-direction: column-reverse !important;
    }

    article.search-result-item {
        flex-basis: 48% !important; 
    }
    .client-name-row {
        flex-wrap: wrap;
        & .wp-block-stackable-text {
            margin-left: auto;
        }
    }
    .mtsnb .mtsnb-container {
        padding: 10px 10px;
    }
    .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;
    } 
    .right-ban-button .stk-row {
        justify-content: flex-start !important;
    }
    .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;
    }
    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;
    }

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

@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 span {
            color: #2C150A !important;
            text-decoration: underline;
        }
        
    }
    header ul li a.current-menu-item span {
        color: #000 !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){
    .wp-block-group.chocolate-house-pro-section8-product-box .wp-block-query ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .wp-block-columns.process-row {
        flex-wrap: wrap !important;
        justify-content: center !important;
        & .wp-block-column {
            flex-basis: 40% !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-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;
    }
    .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-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;
        padding: 0px 15px;
    }
    .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;
    }
}

@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;
    }
    .wp-block-column.news-texxt-col form input[type=submit] {
        padding: 10px 20px !important;
        margin: auto !important;
        position: unset !important;
    }
    .wp-block-column.news-texxt-col form input[type=email] {
        padding: 10px 20px !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;
    }
    .wp-block-column.news-texxt-col form input[type=submit] {
        padding: 10px 20px !important;
        margin: auto !important;
        position: unset !important;
    }
    .wp-block-column.news-texxt-col form input[type=email] {
        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;
    } */
}

@media screen and (max-width: 575px) {
    header .wp-block-columns {
        flex-flow: column !important;
        row-gap: 20px !important;
    }
    .wp-block-column.header-logo-col figure span {
        width: 140px !important;
    }
    .wp-block-stackable-icon.chev-icon-toggle {
        display: none !important;
    }
    .alter-wrap h6.title, .alter-wrap p {
        text-align: center !important;
    }
    .wp-block-group.explore-grp-prod .wl_single-product-item .outer-wrap  {
        position: unset !important;
    }
    .wp-block-group.explore-grp-prod .wl_single-product-item .foo-wrap {
        justify-content: center !important;
        flex-wrap: wrap;
        row-gap: 1rem !important;
    }
    .wp-block-column.counter-col .stk-block-countdown__container {
        flex-wrap: wrap !important;
        justify-content: center;
        & .stk-block-countdown__content-container {
            flex-basis: unset !important;
            flex-grow: unset !important;
            width: fit-content;
        }
    }
    .wp-block-group.explore-grp-prod .wl_single-product-item .alter-wrap::before {
        display: none !important;
    }
    .mix-wrap {
        display: block !important;
        & .product-price {
            text-align: center;
            margin-bottom: 1rem !important;
        }
        & li.wl_cart {
            text-align: center;
            margin-left: 8rem;
        }
    }
    li.wl_cart:has(a.added_to_cart) {
        margin-left: 0 !important;
    }
    .wp-block-group.flex-row-for.stack {
        flex-direction: column !important;
    }
    .wp-block-column.footer-col-one figure span {
        width: auto !important;
    }
    .wp-block-cover.footer-section {
        margin: 0 !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .wp-block-columns.footer-row > *.wp-block-column h3 {
        text-align: center;
        margin-top: 50px !important;
    }
    .wp-block-group.copyright-privacy-terms-grp p {
        text-align: center;
    }
    .wp-block-column.two-img-col .wp-block-group {
        flex-direction: column-reverse;
        row-gap: 20px !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; 
    }
    .deal-wrap .stk-block-countdown__container {
        justify-content: center !important;
    }
    .wp-block-stackable-text.insta-text-link {
        text-align: center;
    }
    header .wp-block-columns {
        flex-wrap: nowrap !important;
        flex-flow: row;
        gap: 12px;
        padding: 0px 15px;
    }
    .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;
    }
    .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%;
    }
    .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;
    }
    .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;
    }
}
@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-columns.buy-two-row {
        justify-content: space-evenly;
    }
    .wp-block-column.two-text-col {
        flex-basis: 40% !important;
    }
}

@media screen and (max-width:1599px) and (min-width:1400px) {
    .client-name-row {
        flex-wrap: wrap;
        & .wp-block-stackable-text {
            margin-left: auto;
        }
    }
    .banner-left-col {
        padding-left: 35px;
    }
    .wp-block-group.max-group {
        padding-right: 6rem;
    }
    .wp-block-stackable-button-group.banner-social-grp {
        position: unset !important;
        transform: unset !important;
        & .stk-row {
            flex-direction: row !important;
            column-gap: 26px;
            margin-top: 3rem;
        }
    }
}

@media screen and (max-width: 1799px){
    .wp-block-cover.search-banner-head {
        z-index: 3;
    }
    .wp-block-group.main-image {
        top: 70px !important;
    }
    .wp-block-cover.search-banner-head img {
        object-fit: fill !important;
        object-position: center !important;
    }
}

@media screen and (max-width: 1799px) and (min-width: 1600px) {
    .wp-block-group.max-group {
        padding-right: 8rem;
    }
}


@media screen and (max-width: 1920px) and (min-width: 1800px) {
    .wp-block-cover.search-banner-head .wp-block-group.one-container .wp-block-group.search-admin-row {
        gap: 18px;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1600px) {
    .wp-block-group.feat-head h2 {
        padding: 0px 16rem;
    }
    .wp-block-group.occasion-head h2 {
        padding: 0px 8rem;
    }
    .about-text-col {
        position: relative;
        top: 35px;
    }
    .wp-block-column.news-texxt-col form {
        margin-right: 9rem;
    }
    .news-grp-kill .wp-block-stackable-text {
        padding-right: 9rem;
    }
    .wp-block-group.process-grp .wp-block-stackable-text p {
        padding: 0px 25px;
    }
}
/************* Animaction for all section ******************/
@media screen and (max-width:1920px) and (min-width:768px) {
    .banner-text-col.animate__fadeInLeft {
        animation: fadeInLeft; 
        animation-duration: 2s; 
        --animate-delay: 0s;
    }
    .left-offer-col.animate__slideInLeft {
        animation: slideInLeft; 
        animation-duration: 2s; 
        --animate-delay: 0s;
    }
    .right-offer-col.animate__slideInRight {
        animation: slideInRight; 
        animation-duration: 2s; 
        --animate-delay: 0s;
    }
    .counter-col.animate__fadeInDown {
        animation: fadeInDown; 
        animation-duration: 2s; 
        --animate-delay: 0s;
    }
    .loved-grid-group.animate__slideInRight {
        animation: slideInRight; 
        animation-duration: 2s; 
        --animate-delay: 0s;
    }
    .animate__slideInLeft.feat-head {
        animation: slideInLeft; 
        animation-duration: 2s; 
        --animate-delay: 0s;
    }
    .two-prod-cat-row.animate__slideInUp {
        animation: slideInRight; 
        animation-duration: 2s; 
        --animate-delay: 0s;
    }
    .test-head.animate__slideInDown {
        animation: slideInDown; 
        animation-duration: 2s; 
        --animate-delay: 0s;
    }
    .animate__slideInRight.occasion-head {
        animation: fadeInRight; 
        animation-duration: 3s; 
        --animate-delay: 0s;
    }
    .category-slidermain-group.animate__fadeInRight {
        animation: fadeInRight; 
        animation-duration: 3s; 
        --animate-delay: 0s;
    }
    .choose-left-col.animate__slideInLeft, .gallery.animate__slideInLeft {
        animation: slideInLeft; 
        animation-duration: 3s; 
        --animate-delay: 0s;  
    }
    .choose-right-col.animate__slideInRight, .process-row.animate__slideInRight {
        animation: slideInRight; 
        animation-duration: 3s; 
        --animate-delay: 0s;  
    }
    .story-right-col.animate__slideInRight {
        animation: slideInRight; 
        animation-duration: 3s; 
        --animate-delay: 0s;  
    }
    .story-left-col.animate__slideInLeft {
        animation: slideInLeft; 
        animation-duration: 3s; 
        --animate-delay: 0s;  
    }

    .faq-text-xol.animate__slideInRight {
        animation: slideInRight; 
        animation-duration: 3s; 
        --animate-delay: 0s;  
    }
    .blogs-slider.animate__slideInDown {
        animation: slideInDown; 
        animation-duration: 3s; 
        --animate-delay: 0s;  
    }
    .approach-features.animate__bounceInLeft {
        animation: bounceInLeft; 
        animation-duration: 3s; 
        --animate-delay: 0s;  
    }
    .approach-features.animate__bounceInRight {
        animation: bounceInRight; 
        animation-duration: 3s; 
        --animate-delay: 0s;  
    }
    .news-grp-kill.animate__rotateInDownLeft, .two-img-col.animate__rotateInDownLeft, .animate__rotateInDownLeft.feat-head {
        animation: rotateInDownLeft; 
        animation-duration: 3s; 
        --animate-delay: 0s;  
    }
    .news-form-grp.animate__rotateInUpLeft {
        animation: rotateInUpLeft; 
        animation-duration: 2.5s; 
        --animate-delay: 0s; 
    }
    .news-img-col.animate__rotateInDownRight, .two-text-col.animate__rotateInDownRight {
        animation: rotateInDownRight; 
        animation-duration: 3s; 
        --animate-delay: 0s;  
    }
    .col-feat.fadeInDown {
        animation: fadeInDown; 
        animation-duration: 2s; 
        --animate-delay: 0s; 
    }
    .banner-quality:hover figure {
        animation: 1s pulse infinite;
    }
    .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.woocommerce-page h1 {
    font-family: 'Playfair Display' !important;
    font-style: italic !important;
    font-weight: 500 !important;
}
body:not(.home) .wp-block-group.header-container .wp-block-group.top-bar {
    display: block !important;
    /* & .wp-block-group.border-toggle-grp {
        display: none !important;
    } */
}
.wp-block-group.banner-content h2 {
    font-family: 'Playfair Display' !important;
    font-style: italic !important;
    font-weight: 500 !important;
}
body.archive.post-type-archive div#shop {
    margin-bottom: 45px;
}
body.archive.post-type-archive .wp-block-query h3 {
    font-family: 'Playfair Display';
}
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 .chocolate-house-pro-inner-banner h1 {
    color: #fff;
    font-family: 'Playfair Display';
}
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: 'Playfair Display';
    text-decoration: unset;
    color: #000;
}
.product-category-section .wp-block-query .wp-block-query-pagination > a {
    font-family: 'Playfair Display';
    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: 'Playfair Display';
    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: #B38342;
        background-color: #fff;
        font-family: 'Playfair Display' !important;
        color: #000;
        font-size: 16px;
        font-weight: 400;
        border-radius: 5px;
        padding: 10px 15px;
        width: 125px;
        &:hover {
            background-color: #DCA07B;
            color: #fff;
        }
    }
}
.wp-block-group.search_sec form {
    padding: 0 !important;
    background-color: transparent;
}
/* .search-results-container p {
    font-family: "Poppins";
    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: 'Playfair Display';
    color: rgb(0 0 0 / 50%);
}

.search-result-details .product-price ins {
    font-family: 'Playfair Display';
    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: #B38342;
}

.custom-search-form #search-button {
    width: 30%;
    padding: 12px 15px;
    background-color: #B38342;
    color: white;
    border: 2px solid #B38342;
    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: #B38342;
    border-color: #B38342;
}

/* Search Results Page Styling */
.search-results-container {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.search-results-title {
    font-size: 28px;
    color: #2C150A;
    margin-bottom: 30px;
    text-align: center;
    font-family: "Playfair Display", Sans-serif !important;
}

.search-results-title span {
    color: #000;
    font-family: "Playfair Display", 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: "Playfair Display", Sans-serif !important;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: 600;
}
.search-result-item .entry-title a {
    text-decoration: none;
    color: #2C150A;
    transition: color 0.3s ease;
    font-family: "Playfair Display", Sans-serif !important;
}

.search-result-item .entry-title a:hover {
    color: #B38342;
}
.search-pagination-wrapper a, .search-pagination-wrapper span, .wp-block-query-pagination-numbers a, .wp-block-query-pagination-numbers span, .wp-block-group.chocolate-house-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 #B38342;
    padding: 10px 20px;
    border-radius: 5px;
    color: #1b263b;
    font-family: "Playfair Display", Sans-serif !important;
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
    background-color: #F5EFDF;
    &:hover {
        background-color: #B38342;
        color: #fff;
        border-radius: 0 !important;
    }
}
body.archive.tax-product_cat .wp-block-group.breadcrumds {
  column-gap: 16px;
  & .gutentor-element-advanced-text-link {
    text-decoration: unset !important;
    color: #fff;
    &:hover h2 {
        color: #000 !important;
    }
    & h2{
        font-family: 'Playfair Display' !important;
        font-style: italic !important;
        font-weight: 500 !important;
        margin-bottom: 0 !important;
        font-size: 21px !important;
    }
  }
}
body.archive.tax-product_cat .wp-block-group.breadcrumds h1 {
    font-family: 'Playfair Display' !important;
    font-style: italic !important;
    font-weight: 500 !important;
    margin-bottom: 0 !important;
    font-size: 21px !important;
}
.woocommerce #review_form #respond {
    background: #F5EFDF !important;
}
.wp-block-group.single-product-page .woocommerce-notices-wrapper {
    max-width: 1320px !important;
    margin: 0 auto 4rem;
}
body.single-product.dark .wp-block-group.single-product-page .wp-block-columns *, body.single-product.dark .wp-block-group.single-product-page .woocommerce-Tabs-panel p  {
    color: #fff;
}
body.single-product.dark .wp-block-group.single-product-page input[type=number]{
    color: #000;
}
.wp-block-query-pagination-numbers span.current {
    opacity: 0.5;
    cursor: not-allowed;
}

.entry-meta {
    font-size: 14px;
    color: #666;
    font-family: "Playfair Display", Sans-serif !important;
    margin-bottom: 6px;
}
.search-pagination-wrapper, .wp-block-query-pagination-numbers, .wp-block-group.chocolate-house-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: "Playfair Display", Sans-serif !important;
    font-size: 16px;
}
.search-result-content .entry-excerpt, .search-result-details .product-description p {
    font-family: "Playfair Display", 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: #B38342;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s ease;
}

.search-pagination .page-numbers:hover,
.search-pagination .page-numbers.current {
    background: #B38342;
}

.no-results {
    text-align: center;
    padding: 40px;
    background: #f9f9f9;
    border-radius: 8px;
    font-family: "Playfair Display", Sans-serif !important;
}

.no-results p {
    font-size: 18px;
    color: #666;
    margin-bottom: 20px;
    font-family: "Playfair Display", Sans-serif !important;
}



/* --------- Scroll Top ---------- */
.return_top span.stk--svg-wrapper {
    padding: 10px;
    background-color: #B38342 !important;
    border-radius: 50%;
}
div.return_top span.stk--svg-wrapper {
    padding: 10px;
    background-color: #000;
    border-radius: 50%;
    cursor: pointer;
    &:hover {
        background-color: #DCA07B !important;
    }
}
.return_top{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block form button, .form-row.place-order button {
    background-color: #B38342;
    border-radius: 5px;
    font-family: 'Playfair Display';
    font-weight: 400;
    &:hover {
        background-color: #DCA07B;
    }
}
.wp-block-column.header-logo-col {
    display: flex;
    gap: 20px;
}
header ul li.has-child {
	font-size: 16px !important;
    font-family: 'Playfair Display';
    font-weight: 500;
	cursor: pointer;
}
li.header-buy-now span {
    background-color: #B38342;
    padding: 6px 8px;
    border-radius: 5px;
	&:hover {
		background-color: #DCA07B;
	}
}
li.footer-buy-now span {
    background-color: #B38342;
    padding: 6px 8px;
    border-radius: 5px;
	&:hover {
		background-color: #444;
	}
}

body.has-mtsnb .wp-block-group.header-container.sticky {
    top: 42px !important;
}
header ul li.has-child:hover ul li a.wp-block-navigation-item__content:hover span {
    color: #B38342 !important;
}

/* #canvas{
    background-color: #F5EFDF;
    width: 100%;
    height: 100%;		
} */

/* <canvas id="canvas" width="400" height="200" style="border:1px solid #000000;"></canvas>

<script>
  var canvas = document.getElementById("canvas");
  var ctx = canvas.getContext("2d");
  ctx.fillStyle = "#FF0000";
  ctx.fillRect(0, 0, 150, 75);
</script> */

.wp-block-group.copyright-privacy-terms-grp a {
    color: #F5EFDF;
    &:hover {
        color: #B38342;
    }
}

body.dark.archive.tax-product_cat .wp-block-group.product-category-section h1, body.dark.archive.tax-product_cat .wp-block-group.product-category-section .wc-block-product-results-count p {
    color: #fff;
}
body.dark.page-template-about-us .wp-block-column.about-text-col *, body.dark.page-template-faq h4 {
    color: #fff !important;
}

.wp-block-group.navigation-banner .wp-block-navigation-item.header-buy-now span {
	background-color: #F5EFDF !important;
	&:hover {
	background-color: #4b4b4b !important;
	  color: #fff !important;
	}
}

.wp-block-group.top-bar .wp-block-navigation-item.header-buy-now span {
	background-color: #000 !important;
	&:hover {
		background-color: #737373 !important;
  		color: #fff !important;
	}
}
body.page-template-404-page.dark .wp-block-group.page-404 * {
    color: #fff !important;
}
body.page-template-404-page .wp-block-group.page-404 * {
    font-family: 'Playfair Display' !important;
    font-style: italic !important;
}
body.page-template-blog-with-right-sidebar.dark .wp-block-column.post_col *, body.page-template-blog-with-left-sidebar.dark .wp-block-column.post_col * {
    color: #fff !important;
}
body.woocommerce-cart.dark .wc-block-cart-items__row * {
    color: #fff;
}

body.woocommerce-cart.dark .wp-block-woocommerce-cart-order-summary-block * {
    color: #fff;
	border-color: #fff;
}
body.woocommerce-cart.dark .wp-block-woocommerce-cart-order-summary-block input {
    color: #000 !important;
}
body.woocommerce-checkout.dark .wp-block-group.checkout_page * {
    color: #fff;
}
body.woocommerce-checkout.dark .wp-block-group.checkout_page .wc-block-components-notice-banner * {
    color: #000 !important;
}
    body.page-template-terms-conditions.dark .wp-block-stackable-text p {
    color: #fff !important;
}