/* DETAILS
==================================================
	Theme Name: Healthy Ventures Consultation Website
==================================================
*/

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@font-face {
    font-family: 'CUBANO';
    src: url('../fonts/CUBANO.eot');
    src: url('../fonts/CUBANO.eot') format('embedded-opentype'),
         url('../fonts/CUBANO.woff2') format('woff2'),
         url('../fonts/CUBANO.woff') format('woff'),
         url('..fonts/CUBANO.ttf') format('truetype'),
         url('../fonts/CUBANO.svg#CUBANO') format('svg');
}

:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.3s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --color-accent: #18409B;
    --color-primary: #222222;       /* 1st */
    --color-secondary: #2B251A;     /* 2nd */
    --color-tertiary: #F4F0E9;      /* 3rd */
    --rgb-tertiary: 244,240, 233;
    --color-quaternary: #9F8875;    /* 4th */
    --color-quinary: #C1AE9B;       /* 5th */
    --color-senary: #BEAA96;        /* 6th */
    --rgb-senary: 190, 170, 150;
    
    --color-white: #fff;
    --color-black: #000;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Figtree", serif;
    --ff-title: 'CUBANO';
    --ff-awesome: "Font Awesome 6 Free";
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XL: 55px;      /* h1 */
    --f-size-L: 40px;       /* h2 */
    --f-size-M: 32px;       /* h3 */
    --f-size-S: 20px;       
    --f-size-Body: 24px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 25px 0;
    --margin-paragraph: 0 0 25px 0;

    --button-border-width: 1px;
    --button-border-style: solid;
    --button-broder-radius: 10px;
    --button-broder-color: var(--color-accent);
    --button-bg-color: var(--color-accent);
    --button-font-size: var(--f-size-Body);

    --btn-primary__border-width: 1px;
    --btn-primary__border-style: solid;
    --btn-primary__border-radius: 10px;
    --btn-primary__border-color: var(--color-accent);
    --btn-primary__bg-color: var(--color-accent);
    --btn-primary__font-size: var(--f-size-Body);

    --btn-secondary-width: 1px;
    --btn-secondary-style: solid;
    --btn-secondary-radius: 10px;
    --btn-secondary-color: var(--color-accent);
    --btn-secondary-color: var(--color-accent);
    --btn-secondary-size: var(--f-size-Body);

    --border-radius-image: 10px;
    --padding-height: clamp(60px, 7vw, 100px);
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */

    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
    --form-height: 60px;
    --form-font-size: 20px;
    --form-font-color: #656565;
    --form-placeholder-color: #868686;
    --form-border-radious: 8px;
    --form-holder-bg: #f3f3f3;
    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
}
@media only screen and (max-width: 1700px) {
    :root{
        --f-size-Body: 20px;
        --f-size-XL: 50px; 
        --f-size-S: 18px;
    }
 }

@media only screen and (max-width: 1399px) {
    :root{
        --f-size-XL: 40px; 
    }
 }
 
@media only screen and (max-width: 1199px) {
    :root{
        --f-size-L: 35px;
        --f-size-M: 25px; 
        --f-size-Body: 18px;
    }
 }

 @media only screen and (max-width: 991px) {
 :root {
    --f-size-XL: 35px;
    --f-size-L: 25px;
    --f-size-M: 22px;
}
 }

@media only screen and (max-width: 767px) {
    :root {
        --f-size-XL: 28px;
    }

}


 

/* ~-~-~-~-~-~-~-~-~-~ global font settings start ~-~-~-~-~-~-~-~-~-~ */

:is(body,p){ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); line-height: 1.35; color: var(--color-primary); margin: 0;}
:is(p):not(:last-child){ margin: var(--margin-paragraph);}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){ font-family: var(--ff-title); font-weight: var(--fw-regular); color: var(--color-primary); margin: var(--margin-title);}
h1,.h1{ font-size: var(--f-size-XL);}
h2,.h2{ font-size: var(--f-size-L);}
h3,.h3{ font-size: var(--f-size-M);}
h3.small-heading{ font-family: var(--ff-base); font-weight: var(--fw-medium); font-size: 24px; color: var(--color-accent); text-transform: uppercase; margin-bottom: 10px;}
h2 span.blue-text{ color: var(--color-accent);}

@media only screen and (max-width: 1599px) { }

/* ~-~-~-~-~-~-~-~-~-~ global adjustments start ~-~-~-~-~-~-~-~-~-~ */
html{ /*overflow-x: hidden;*/}
body{ margin: 0; /*overflow-x: hidden;*/}

img{ max-width: 100%;}
a, img{ border: none; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--transition-common);}
ul{ list-style: none; margin: 0; padding: 0;}

.padding-common{ padding-block: var(--padding-height);}
.title-design span{ color: var(--color-accent);}
.title-design h5{ letter-spacing: 12px;}
.mb-50{ margin-bottom: 50px;}
/* ==##==##== utility classes ==##==##== */
.image-adjustment{ position: relative; overflow: hidden;}
.image-adjustment img{ display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.background-adjustment{ background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important;}
.background-black{ background-color: var(--color-primary);}
.overlay-content{ position: relative; z-index: 3;} 
/* ==##==##== utility classes ==##==##== */
@media only screen and (max-width: 1199px){
    .mb-50{ margin-bottom: 40px;}
}
@media only screen and (max-width: 991px){
    .mb-50{ margin-bottom: 30px;}
}


/* ==##==##== button settings ==##==##== */
.button__primary, a.button__primary, input[type="submit"]{ display: inline-block; vertical-align: top; background: var(--color-accent); padding: 24px 40px; box-shadow: 0px 4px 15px 0px #00000033; border: 1px solid var(--color-accent);  font-size: var(--f-size-S); font-family: var(--ff-base); font-weight: var(--fw-bold); text-transform: uppercase; line-height: 1; color: var(--color-white); text-align: center; position: relative; transition: var(--transition-common);}
.button__primary:hover, input[type="submit"]:hover{ background: var(--color-secondary); border-color: var(--color-secondary); border-radius: 10px; color: var(--color-white);}
:is(input[type="submit"]){ height: auto; box-shadow: none;}

@media only screen and (max-width: 767px){
    .button__primary, a.button__primary{ padding: 16px 35px; font-size: 14px;}
}
/* ==##==##== button settings ==##==##== */

/* ==##==##== form control settings ==##==##== */
.form-control{ background-color: var(--bs-white); height: var(--form-height); border: 1px solid #B3C6D1; border-radius: 0; box-shadow: none !important; color: var(--form-font-color); font-size: var(--f-size-Body); padding-right: 20px; padding-left: 20px;}
select.form-control { background: url(../images/select-arrow.svg); background-position: right 5px center; background-size: 13px; background-repeat: no-repeat; padding: 2px 22px 2px 15px; height: fit-content; color: var(--color-secondary); cursor: pointer;}
textarea.form-control{ height: 120px; resize: none;}

.form-control::-moz-placeholder { color: var(--form-placeholder-color); opacity: 1; font-weight: 400;}
.form-control:-ms-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}
.form-control::-webkit-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}

.form-row{ margin-bottom: 15px;}
.form-group{ margin-bottom: 20px; }
/* ==##==##== form control settings ==##==##== */


/* ~-~-~-~-~-~-~-~-~-~ global adjustments  end ~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~ */

/* ~-~-~-~-~-~-~-~-~-~ header adjustments start ~-~-~-~-~-~-~-~-~-~ */
/* ~~hamburger menu start~~ */
.hamburger-nav { display: none; vertical-align: top; width: 32px; height: 26px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }
.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--bs-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-nav span:nth-child(1) { top: 2px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav span:nth-child(3) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }
.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--color-secondary); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px; }
.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0; }
.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px; }
/* ~~hamburger menu end~~ */

.header__main{ position: relative; z-index: 999; background: var(--color-secondary);}
.header__main .header__inner{ border-bottom: 1px solid var(--bs-white); padding-left: 35px; padding-right: 35px;}
.header-logo a{ display: block; height: 60px;}
.header-logo a img{ display: block; width: auto; height: 100%;}

.desktop-menu ul li{ font-size: var(--f-size-Body); font-weight: var(--fw-medium); margin: 0 15px; position: relative;}
.header-dropdown-info ul li.brand{ margin-left: 60px; position: relative; color: var(--bs-white); font-weight: var(--fw-medium); }
.header-dropdown-info ul li.brand::before{ content: ""; position: absolute; top: 0; left: -30px; bottom: 0; width: 2px; height: 42px; background: #5F5950; margin: auto 0;}
.desktop-menu ul li:first-child{ margin-left: 0;}
.desktop-menu ul li:last-child{ margin-right: 0;}
.desktop-menu ul li a{ display: block; color: var(--bs-white); padding: 32px 0;}
.desktop-menu ul li.current-menu-item a, .desktop-menu ul li a:hover{ color: var(--color-senary) !important;}
.header-dropdown-info ul li.brand a{color: var(--bs-white);}

.header-inner__wrapper .dropdown{ position: relative; margin-top: 23px; margin-bottom: 23px; margin-left: 20px;}
.header-inner__wrapper .dropdown::before{ content: ""; position: absolute; top: 0; right: 15px; bottom: 0; background: url(../images/dropdown-dark.svg) top left no-repeat; background-size: 100%; width: 16px; height: 10px; margin: auto 0;}
.header-inner__wrapper .dropdown ul{ position: absolute; z-index: 999; top: 135%; left: 0; width: 100%; background: var(--bs-white); opacity: 0; visibility: hidden; transition: var(--transition-common);}
/* .header-inner__wrapper .dropdown:hover ul{ top: 100%; visibility: visible; opacity: 1;} */
.header-inner__wrapper .dropdown ul.open-submenu{ top: 100%; visibility: visible; opacity: 1;}
.header-inner__wrapper .dropdown a{ display: block; background: var(--color-senary); color: var(--color-primary); font-weight: var(--fw-bold); font-size: 20px; width: 250px; padding: 16px 40px 16px 20px; }
.header-inner__wrapper .dropdown .open-submenu .selected-item a{color: var(--color-accent) !important;}
.header-inner__wrapper .dropdown ul li{ margin: 0;}
.header-inner__wrapper .dropdown ul li a{ background: transparent;}
.header-inner__wrapper .dropdown ul li a:hover{ color: var(--color-accent);}

/* sub-menu start */
.main-header .menu-item-has-children{ position: relative;}
.header-wraper .menu-item-has-children .sub-menu { background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); width: 210px; border-radius: var(--border-radius-image);  position: absolute; top: 25px; opacity: 0; visibility: hidden; overflow: hidden; transition: var(--transition-common); }
.header-wraper .menu-item-has-children .sub-menu li{ margin: 0;}
.header-wraper .menu-item-has-children .sub-menu a { display: block; padding: 10px 20px; color: var(--color-primary) !important; }
.header-wraper .menu-item-has-children .sub-menu a:hover { background: rgba(128, 128, 128, 0.3); color: var(--color-accent) !important;}
.header-wraper .menu-item-has-children:hover .sub-menu { transform: translateY(10px); opacity: 1; visibility: visible; }
.header-wraper .menu-item-has-children>a { padding-right: 25px; }
.header-wraper .menu-item-has-children>a::before { position: absolute; content: ''; border: solid var(--color-white); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); right: 5px; top: 8px; transition: var(--transition-common);}
/* sub-menu end */

.current-menu-item a { color: var(--light-blue) !important; }
.mobile-menu { display: none; background: var(--bs-white); width: 100vw; height: 100vh; position: fixed; top: 0; right: -100vw; overflow: hidden; z-index: 999; transition: var(--transition-common); }
.mobile-menu .top-row { padding: 20px 0; }
.menu-open .mobile-menu { right: 0; }
.mobile-menu .mobile-menubar li{ opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s;}
.menu-open .mobile-menu .mobile-menubar li{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.menu-open .mobile-menu .mobile-menubar li:nth-child(2){ transition-delay: 0.24s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(3){ transition-delay: 0.32s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(4){ transition-delay: 0.40s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(5){ transition-delay: 0.48s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(6){ transition-delay: 0.56s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(7){ transition-delay: 0.64s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(8){ transition-delay: 0.72s;}

.menu-open .mobile-menu .mobile-menubar li a { display: block; color: var(--color-primary) !important; padding: 13px 0px; border-bottom: 1px solid rgba(0,0,0,0.2); }
.menu-open .mobile-menu .mobile-menubar li.current-menu-item a{ color: var(--color-quaternary) !important;}
.mobile-menubar .dropdown{ display: none; }

.menu-open{ overflow-y: hidden; }
.mobile-menubar{ height: calc(100vh - 120px); overflow-y: auto; padding-right: 10px; }
.mobile-menubar .header-logo a { height: 45px; }



/* ~~ header sticky start ~~ */
@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.header-sticky .header__main .header__inner{ position: fixed; top: 0; left: 0; right: 0; width: 100%; background: var(--color-secondary); box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%); animation: slide-down 0.5s;  z-index: 999; }
.header-sticky .top-header{ display: none;}
/* ~~ header sticky end ~~ */

@media only screen and (max-width: 1199px) {
	.desktop-menu { display: none; }
	.hamburger-nav { display: block; }
	.mobile-menu { display: block;}
	.mobile-menu .sub-menu { display: none; width: calc(100% - 20px); margin-left: auto; }

}

/* home-page start----------- */
.hero__section{ position: relative;}
.hero__section *{ color: var(--bs-white);}
.hero__section .hero-bg{ position: relative; z-index: 1; background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.hero__section:not(.inner-banner) .hero-bg{ height: calc(100vh - 100px);}
.hero__section .hero-bg::before{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 100%);}
.hero__section .hero-content{ position: absolute; z-index: 2; top: 0; left: 0; right: 0; height: 100%;}
.hero__section .hero-content .info-content{ max-width: 611px;}
.hero__section .business-logo{ position: absolute; z-index: 3; bottom: 20px; left: 20px;}
/* .hero__section .business-logo img{ display: block; width: auto; height: 98px;} */
.page-template-our-brands .hero__section p strong{ text-decoration: underline;}
.hero__section .hero-content .info-content ul{ padding-bottom: 15px; padding-top: 10px; }
.hero__section .hero-content .info-content ul li{ font-size: var(--f-size-S); position: relative; margin-bottom: 8px; padding-left: 27px; }
.hero__section .hero-content .info-content .button__primary{ font-size: 18px; }
.hero__section .hero-content .info-content ul li:after { content: ''; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; background-image: url(../images/check-icon.svg); background-repeat: no-repeat; background-size: 100%; }



.about__section{ background: var(--color-senary);}
.about__section .content-wrapper{ padding-left: 52px;}

.zigzag-section .row:nth-child(odd){ flex-direction: row-reverse;}
.zigzag-section .row:nth-child(odd) .content-wrapper{ padding-right: 24px;}
.zigzag-section .row:nth-child(even) .content-col{ display: flex; justify-content: flex-end;}
.zigzag-section .row:nth-child(even) .content-wrapper{ padding-left: 24px;}
.zigzag-section .row{ margin-left: 0; margin-right: 0;}
.zigzag-section .col-md-6{ padding-left: 0; padding-right: 0;}
.zigzag-section .content-wrapper{ max-width: 555px; padding-top: 15px; padding-bottom: 15px; }

.growth-section{ background: url(../images/accelerate-growth-ng.jpg) top center no-repeat; background-size: 100%; position: relative; isolation: isolate;}
.growth-section::before{ content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(var(--rgb-senary), 0.95);}

.growth-section .title-wrapper h2{ margin-bottom: 0;}
.growth-features__listing .item{ margin-bottom: 24px;}
.growth-features__listing .item .inner-wrapper{ background: var(--bs-white); padding: 10px; height: 100%; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);}
.growth-features__listing .item .image-wrapper{ position: relative; padding-bottom: 62.5%;}
.growth-features__listing .item .image-wrapper img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.growth-features__listing .item .content-wrapper{ padding: 30px 10px 15px;}
.growth-section .button-wrapper{ margin-top: 16px;}

.store-section .title-wrapper{ max-width: 740px; margin: 0 auto;}
.store-section .title-wrapper h2{ margin-bottom: 0;}
.store-section .description-wrapper{ max-width: 1096px; margin: 0 auto 40px;}

.store-listing .item{ margin-bottom: 24px;}
.store-listing .item .inner-wrapper{ padding: 0 25px 25px; position: relative; isolation: isolate; height: 100%;}
.store-listing .item .inner-wrapper::before{ content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; height: 27%; background: var(--bs-white);}
.store-listing .item.purables .inner-wrapper{ background: var(--color-accent);}
.store-listing .item.lovables .inner-wrapper{ background: #A6162E; height: 100%;}
.store-listing .item.slimables .inner-wrapper{ background: #5BC251; height: 100%;}
.store-listing .item .inner-wrapper a{ display: block; position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; font-size: 0;}
.store-listing .item .image-wrapper{ width: 365px; height: 365px; border: 5px solid var(--bs-white); border-radius: 50%; overflow: hidden; margin: 0 auto 35px; position: relative; z-index: 1;}
.store-listing .item .image-wrapper img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.store-listing .item .logo-wrapper{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 105px; margin-bottom: 40px; position: relative; z-index: 1;}
.store-listing .item .logo-wrapper .image-holder{ width: 100%; text-align: center;}
.store-listing .item .logo-wrapper img{ max-width: 305px;}
.store-listing .item .logo-wrapper span.info{ font-size: 16px; font-weight: var(--fw-bold); color: var(--bs-white); text-transform: uppercase; text-align: center;}
.store-listing .item .content-wrapper{ position: relative; z-index: 1;}
.store-listing .item .content-wrapper *{ color: var(--bs-white);}
.store-listing .item .content-wrapper ul li{ position: relative; padding-left: 30px;}
.store-listing .item .content-wrapper ul li:not(:last-child){ margin-bottom: 15px;}
.store-listing .item .content-wrapper ul li::before{ content: ""; position: absolute; top: 6px; left: 0; background: url(../images/tick-white.svg) top left no-repeat; background-size: 100%; width: 20px; height: 20px;}
.store-listing .item .small-badge{ position: absolute; z-index: 2; top: 0; right: 0; background: var(--color-accent); border-radius: 15px 0; font-size: 14px; line-height: 1; color: var(--color-white); padding: 10px 15px;}
/* .store-listing .item.lovables .content-wrapper, .store-listing .item.slimables .content-wrapper{ text-align: center;} */
.store-listing .item .content-wrapper{ text-align: center;}
.store-listing .info-wrapper{ margin-top: 16px;}
.store-listing .info-wrapper h3{ margin-bottom: 0;}
.store-listing .info-wrapper h3 a{ color: var(--color-primary);}
.store-listing .info-wrapper h3 a:hover{ color: var(--color-quaternary);}

.newsletter-section{ background: url(../images/newsletter-bg.jpg) top center no-repeat; background-size: cover; position: relative; isolation: isolate;}
.newsletter-section::before{ content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(var(--rgb-tertiary), 0.93);}
.newsletter-section label{ font-weight: var(--fw-semi-bold); margin-bottom: 5px;}
.newsletter-section input[type="email"]{ width: 100%; height: 50px; background: var(--bs-white); border: 1px solid #B3C6D1 !important; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2); padding-left: 20px !important; padding-right: 20px !important;}
.newsletter-section input[type="submit"]{ width: 190px; height: 50px; padding: 0;}
.newsletter-section input[type="submit"]:hover{ border-radius: 0 10px 10px 0;}

.newsletter-section #mc_embed_signup form{ margin: 0;}
.newsletter-section #mc_embed_signup .mc-field-group{ width: calc(100% - 190px); padding-bottom: 0;}
.newsletter-section #mc_embed_signup .mc-field-group input[type="email"]{ text-indent: 0;}
.newsletter-section #mc_embed_signup .clear{ width: 190px;}
.newsletter-section #mc_embed_signup #mc-embedded-subscribe{ width: 100%; margin: 0;}
.newsletter-section #mc_embed_signup #mc-embedded-subscribe:hover{ border-radius: 0 10px 10px 0;}
.newsletter-section #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{ background: transparent; margin: 0;}


.partners-section{ background: var(--color-quaternary);}
.partners-section.on-pertner-page{ background: var(--bs-white);}
.partners-section h2{ color: var(--bs-white); margin-bottom: 0;}
.partners-section.on-pertner-page h2{ color: var(--color-primary);}
.partners-section h2.h1 span.copy{ font-family: var(--ff-base);}

.partners-listing .item{ margin-bottom: 24px;}
.partners-listing .item .inner-wrapper{ display: flex; flex-flow: column wrap; gap: 25px; background: var(--color-tertiary); text-align: center; height: 100%; min-height: 595px; padding: 40px 20px;}
.partners-listing .item .logo-wrapper{ display: flex; align-items: center; justify-content: center; height: 116px;}
.partners-listing .item .button-wrapper{ margin-top: auto;}
.partners-listing .item a{ display: inline-block; vertical-align: top; font-size: var(--f-size-Body); font-weight: var(--fw-medium); color: var(--color-accent); padding-right: 50px; position: relative;}
.partners-listing .item a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; background: url(../images/arrow-right-blue.svg) top right no-repeat; background-size: 100%; width: 37px; height: 20px; margin: auto 0; transition: var(--transition-common);}
.partners-listing .item a:hover::before{ right: -5px;}

.partners-listing .info-wrapper { height: 375px; overflow-y: auto; padding-right: 7px; }
.partners-listing .info-wrapper::-webkit-scrollbar-track { visibility: hidden; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.partners-listing .info-wrapper::-webkit-scrollbar { width: 6px;  }
.partners-listing .info-wrapper::-webkit-scrollbar-thumb { visibility: hidden; background-color: #575757; border: 2px solid #555555; }
.partners-listing .inner-wrapper:hover .info-wrapper::-webkit-scrollbar-track, .partners-listing .inner-wrapper:hover .info-wrapper::-webkit-scrollbar-thumb{ visibility: visible; }

.partners-listing .info-wrapper p {font-size: var(--f-size-S);}
/* home-page end----------- */

/* ========== footer Start ========== */
.main-footer{ background-color: var(--color-secondary);}
ul.footer-logo-wrap li .footer-logo-holder{ height: 50px;}
ul.footer-logo-wrap li .footer-logo-holder img{ width: auto; height: 100%;}
.footer-menu :is(li, a){ color: var(--bs-white);}
.footer-menu li:not(:last-child){ margin-right: 30px;}
.terms-policies-wrap{ padding: 35px 0 55px;}
.terms-policies-wrap li:first-child{ margin-right: 24px;}
.terms-policies-wrap li strong{ font-weight: var(--fw-bold);}
.terms-policies-wrap li.without-link a{ pointer-events: none;}
.footer-menu li a:hover{ color: var(--color-senary); }
.copy-right-text{ border-top: 1px solid var(--bs-white); padding: 25px 0 30px;}
.copy-right-text p{ color: var(--bs-white);}

.footer-logo-wrap a.ruhzbul#bbblink{ width: 180px; height: 80px;}
.footer-logo-wrap a.ruhzbul#bbblink:hover img{ margin-left: -180px;}
/* ========== footer End ========== */

/* ========== Inner-page Start ========== */

/* ========== About Page Start ==========*/
.inner-banner{ display: flex; align-items: center; min-height: 515px;}
.inner-banner .hero-bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.inner-banner .hero-content{ position: relative; width: 100%; padding: 25px 0;}
.inner-banner .hero-content .info-content { max-width: 900px; }
.inner-about-section{ background-color: var(--bs-white); }
.inner-about-section  .content-wrapper { padding-left: 0 !important; }
.inner-about-section .about-col-left { float: left; width: 25%; padding-bottom: 10px; }
.inner-about-section .image-wrapper{ position: relative; padding-bottom: 111.8%; }
.inner-about-section .image-wrapper img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }

.our-core-values-section{ background-color: var(--color-quinary); }
.our-core-values-listing .item{ margin-bottom: 24px; }
.our-core-values-wrapper{ background-color: var(--bs-white); height: 100%; padding: 30px; }
.our-core-values-wrapper .icon-wrapper{ width: 95px; height: 95px; border:1px solid var(--color-accent); border-radius: 50%; position: relative; margin: 0 auto 30px; display: flex; align-items: center; justify-content: center; }
.our-core-values-wrapper .icon-wrapper:after{ content: ''; position: absolute; inset: 0; z-index: 1; width: 87%; height: 87%; border-radius: 50%; background-color: var(--color-accent); margin: auto; }
.our-core-values-wrapper .icon-wrapper img{ position: relative; z-index: 2; }
.our-core-values-wrapper .content-wrapper h4{ font-size: var(--f-size-Body); }


/* ========== About Page End ==========*/

/* ========== Faq Page Start ==========*/
.asked-questions-wrapper h2{ color: var(--color-accent);}
.asked-questions-wrapper .accordion-item{ background-color: var(--color-tertiary); border: none; padding: 30px; margin-bottom: 30px; }
.asked-questions-wrapper .accordion-item .accordion-header{ margin-bottom: 0; }
.asked-questions-wrapper .accordion-item .accordion-button { font-size: 28px; background: none; box-shadow: none; padding: 0; }
.asked-questions-wrapper .accordion-item .accordion-button:not(.collapsed){ color: var(--color-primary); }
.asked-questions-wrapper .accordion-item .accordion-body{ padding: 30px 0 0; }
.asked-questions-wrapper .accordion-item  .accordion-button::after{ background-image: url(../images/plus-icon.svg); transform: none; background-position: center; }
.asked-questions-wrapper .accordion-item .accordion-button:not(.collapsed)::after{ background-image: url(../images/minus-icon.svg); }

/* ========== Faq Page End ==========*/

/* ========== Brand Page Start ==========*/
.store-section.on-brand-page{ background: var(--color-tertiary);}
.on-brand-page .store-listing .item .inner-wrapper::before{ background: var(--color-tertiary); }
/* ========== Brand Page End ==========*/

/* ========== Contact Page Start ==========*/
.conatct-wrapper{ background-color: var(--color-tertiary);   }
.conatct-left-info{ padding: 40px; }
.conatct-left-info .item:not(:last-child){ margin-bottom: 30px; }
.conatct-left-info .item .icon{ width: 65px; height: 65px; border-radius: 50%; background-color: var(--color-accent); display: flex; justify-content: center; align-items: center; }
.conatct-left-info .item .icon-desc{ width: calc(100% - 65px); padding-left: 65px; }
.conatct-left-info .item .icon-desc h4{ margin-bottom: 15px; }
.conatct-left-info .item .icon-desc a{ color: var(--color-primary); }
.conatct-left-info .item .icon-desc a:hover{ color: var(--color-senary); }
.contact-form{background-color: var(--color-quinary); padding: 40px; }
.contact-form .form-group label { color: var(--bs-white); text-transform: capitalize; line-height: 1.2; margin-bottom: 5px; }
.wpcf7-not-valid{ border-color: #dc3232; }
.contact-form .wpcf7-not-valid-tip{ display: none; }
.contact-form .form-btn p{ position: relative; display: inline-block; }
.contact-form .wpcf7-spinner { position: absolute; right: -35px; top: 24px; padding: 0; margin: 0; }
.wpcf7 form .wpcf7-response-output{ text-align: center; }
.wpcf7 form.sent .wpcf7-response-output {border-color: #18409b;color: #fff;}


.page-content ul{ list-style: disc; padding-left: 2rem; margin-bottom: 1rem; }

/* ========== Contact Page End ==========*/


/* ========== cookie popup adjustments start ==========*/
.pum-theme-healthy-ventures .popup-info-holder{ max-width: 600px; margin: 0 auto;}
.pum-theme-healthy-ventures h2{ color: var(--color-accent);}
.pum-theme-healthy-ventures #mc_embed_signup .mc-field-group{ width: 100%;}
.pum-theme-healthy-ventures #mc_embed_signup .mc-field-group input{ height: 60px; border: 1px solid #B3C6D1; font-size: var(--f-size-Body); color: var(--form-font-color);}
.pum-theme-healthy-ventures #mc_embed_signup .button{ display: inline-block; vertical-align: top; background: var(--color-accent); padding: 24px 40px; box-shadow: 0px 4px 15px 0px #00000033; border: 1px solid var(--color-accent);  font-size: var(--f-size-S); font-family: var(--ff-base); font-weight: var(--fw-bold); text-transform: uppercase; line-height: 1; color: var(--color-white); text-align: center; height: auto; position: relative; transition: var(--transition-common);}
.pum-theme-healthy-ventures #mc_embed_signup .button:hover{ background: var(--color-secondary); border-color: var(--color-secondary); border-radius: 10px; color: var(--color-white);}
.pum-theme-healthy-ventures #mc_embed_signup form{ max-width: 600px; margin: 0 auto;}

.pum-theme-healthy-ventures #mc_embed_signup div#mce-responses{ width: 100%; padding: 0; margin: 0;}
.pum-theme-healthy-ventures #mc_embed_signup #mce-success-response{ width: 100%; padding: 0; margin-top: 0; text-align: center;}

@media only screen and (max-width: 767px){
    .pum-theme-healthy-ventures #mc_embed_signup .button{ padding: 16px 35px; font-size: 14px;}
}

/* ========== cookie popup adjustments end ==========*/


@media only screen and (max-width: 1799px) and (min-width: 992px){
    .hero__section .business-logo{ left: auto; right: 20px;}
}

@media only screen and (max-width: 1700px) {
.header-inner__wrapper .dropdown a{ width: 240px; }
}

@media only screen and (max-width: 1600px) {
.header-logo a { height: 50px; }
.desktop-menu ul li{ margin: 0 10px; }
.header-inner__wrapper .dropdown a{ font-size: 18px; }
.header-inner__wrapper .dropdown a { width: 210px; }
.desktop-menu ul li.brand { margin-left: 20px; }
.header-dropdown-info ul li.brand { margin-left: 30px; }
.header-dropdown-info ul li.brand::before{ left: -15px; height: 30px; }
.hero__section .business-logo img { height: 70px; }
.store-listing .item .logo-wrapper img { max-width: 245px; }

.hero__section .hero-content .info-content{ max-width: 670px;}
.hero__section a#bbblink{ width: 155px !important;}
.hero__section a#bbblink:hover img{ margin-left: -155px !important;}
}

@media only screen and (max-width: 1399px) {
.hero__section:not(.inner-banner) .hero-bg { height: calc(100vh - 88.3px);}
.header__main .header__inner { padding-left: 15px; padding-right: 15px; }
.header-logo a { height: 45px; }
.desktop-menu ul li, .header-dropdown-info ul li.brand{ font-size: 18px; }
.header-inner__wrapper .dropdown a { font-size: 16px; }
.header-inner__wrapper .dropdown a { width: 170px; padding: 10px 30px 10px 10px; }
.header-inner__wrapper .dropdown::before { right: 10px; width: 12px; height: 8px; }

.store-listing .item .image-wrapper{ width: 307px; height: 307px;}

.button__primary, a.button__primary, input[type="submit"]{ font-size: 16px; padding: 20px 25px; }
/* ========== Inner Page ========= */
.conatct-left-info .item .icon-desc { padding-left: 35px; }
}

@media only screen and (max-width: 1199px) {
h3.small-heading{ font-size: 18px; }
.button__primary, a.button__primary, input[type="submit"] { font-size: 14px; padding: 16px 20px; }
.header-dropdown-info ul li.brand::before{ display: none; }
.hero__section:not(.inner-banner) .hero-bg { height: calc(100vh - 67.59px); }
.header-inner__wrapper .dropdown { margin-top: 13px; margin-bottom: 13px; }
.about__section .content-wrapper { padding-left: 30px; }
.partners-listing .item .inner-wrapper { gap: 15px; height: 100%; min-height: 565px; padding: 25px 15px; }
.partners-listing .item a{ padding-right: 35px; }
.terms-policies-wrap { padding: 35px 0; }
.partners-listing .item a::before { width: 30px; height: 15px; }
.terms-policies-wrap li{ margin-bottom: 10px; }
.copy-right-text { padding: 15px 0 20px; }
.store-listing .item .image-wrapper { width: 245px; height: 245px;}
.store-listing .item .inner-wrapper::before { height: 19%; }
.store-listing .item .logo-wrapper { height: 90px; }
.hero__section .hero-content .info-content .button__primary { font-size: 15px; }
/* ========== Inner Page ========= */
.inner-banner{ min-height: 400px;}
.asked-questions-wrapper .accordion-item .accordion-button { font-size: 25px; }
}

@media only screen and (max-width: 991px) {
h3.small-heading { font-size: 15px; }
.about__section .content-wrapper { padding-left: 15px; }
.growth-features__listing .item .content-wrapper { padding: 20px 0 10px; }
.store-listing .item .inner-wrapper { padding: 0 15px 25px; }
.store-listing .item .logo-wrapper { height: 70px; margin-bottom: 20px; }
.store-listing .item .logo-wrapper img { max-width: 165px; }
.partners-listing .item .logo-wrapper { height: 110px; }
.zigzag-section .row{ margin-bottom: 35px; }
.zigzag-section .row:last-child{ margin-bottom: 0; }

.store-listing .item .image-wrapper { width: 185px; height: 185px;}

.hero__section a#bbblink{ width: 90px !important;}
.hero__section a#bbblink:hover img{ margin-left: -90px !important;}

.footer-logo-wrap{ margin-bottom: 40px !important; }
/* ul.footer-logo-wrap li { height: 50px; } */
.footer-menu li:not(:last-child) { margin-right: 20px; }
.terms-policies-wrap { padding: 25px 0; }
.hero__section .hero-content .info-content .button__primary { font-size: 14px; }
/* ========== Inner Page ========= */
.inner-banner{ min-height: 300px;}
.inner-about-section .about-col-left { padding-right: 35px; }
.asked-questions-wrapper .accordion-item .accordion-button { font-size: 20px; }
.partners-listing .info-wrapper { height: 265px; }
}

@media only screen and (max-width: 800px) {
    .hero__section a#bbblink{ width: 155px !important;}
    .hero__section a#bbblink:hover img{ margin-left: -155px !important;}
}

@media only screen and (max-width: 767px) {
.header-logo a { height: 40px; }
.button__primary, a.button__primary, input[type="submit"] { font-size: 13px; padding: 13px 14px; }
.header__main .header__inner { padding-left: 0; padding-right: 0; }
.header-inner__wrapper .dropdown { margin-top: 8px; margin-bottom: 8px;}
.header-dropdown-info ul li.brand{ display: none; }
.hero__section:not(.inner-banner) .hero-bg { height: calc(100vh - 57.59px); }
.hero__section .business-logo img { height: 50px; }
.hero__section .hero-content .info-content ul li { padding-left: 24px; }
.hero__section .hero-content .info-content ul li:after { width: 17px; height: 17px; }
.about__section .content-wrapper { padding-left: 0; padding-top: 25px; }
.zigzag-section .row:not(:last-child){ margin-bottom: 30px; }
.zigzag-section .row:nth-child(odd) .content-wrapper { padding-right: 0; }
.zigzag-section .row:nth-child(even) .content-wrapper { padding-left: 0; }
.zigzag-section .row .content-wrapper{ padding-top: 25px; }
.partners-listing .item .inner-wrapper{ min-height: auto; }
.store-listing .item .inner-wrapper::before { height: 27%; }
.footer-menu li{ margin-bottom: 15px; }
/* ul.footer-logo-wrap li { height: 40px; } */

.footer-logo-wrap a.ruhzbul#bbblink{ width: 140px; height: 64px;}
.footer-logo-wrap a.ruhzbul#bbblink:hover img{ margin-left: -140px;}
ul.footer-logo-wrap li .footer-logo-holder{ height: 40px;}

/* ========== Inner Page ========= */
.inner-banner{ min-height: 150px;}
.inner-about-section .about-col-left{ width: 100%; float: inherit; padding-right: 0; }
.asked-questions-wrapper .accordion-item { padding: 20px; margin-bottom: 15px; }
.asked-questions-wrapper .accordion-item .accordion-button::after{ background-size: 16px; }
.conatct-left-info { padding: 20px 20px 40px; }
.contact-form { padding: 20px; }
.asked-questions-section h2 span {color: #18409b;}
.hero__section a#bbblink{ width: 110px !important;}
.hero__section a#bbblink:hover img{ margin-left: -110px !important;}

}

@media only screen and (max-width: 576px) {
}

@media only screen and (max-width: 479px) {
.header-logo a { height: 30px; }
.header-inner__wrapper .dropdown a { font-size: 14px; width: 160px; padding: 8px 25px 8px 10px; }
.hamburger-nav{ width: 26px; height: 21px; margin-left: 10px; }
.hamburger-nav-close{ width: 26px; height: 21px; }
.hero__section:not(.inner-banner) .hero-bg { height: calc(100vh - 50.89px); }
.hero__section .business-logo { left: auto; right: 12px; bottom: 10px; }

.newsletter-section .form-row{ display: block !important; }
.newsletter-section input[type="email"]{ width: 100%; margin-bottom: 15px; }
.newsletter-section input[type="submit"] { width: 140px; height: 45px; }
.newsletter-section #mc_embed_signup .clear{ width: 140px;}
.newsletter-section #mc_embed_signup .mc-field-group{ width: 100%;}

/* ul.footer-logo-wrap li .footer-logo-holder{ height: 50px;} */

/* ========== Inner Page ========= */
.conatct-left-info .item .icon { width: 50px; height: 50px; }
.conatct-left-info .item .icon img { width: 27px; }
.conatct-left-info .item .icon-desc{ width: calc(100% - 50px); padding-left: 15px; }
.conatct-left-info .item .icon-desc h4 { margin-bottom: 7px; }
}


@media screen and (orientation:landscape) and (max-width: 991px) { 
:root {
    --f-size-XL: 23px;
}
.hero__section .hero-content .info-content h1 { margin-bottom: 10px; }
.hero__section .hero-content .info-content p{ font-size: 15px; margin-bottom: 15px; }
.hero__section .hero-content .info-content .button__primary, .hero__section .hero-content .info-content a.button__primary{ font-size: 12px; padding: 13px 11px; }
.hero__section .business-logo{ bottom: 10px; left: auto; right: 15px; }
.hero__section .business-logo img { height: 40px; }
}
.about-col-right ul {list-style: disc;margin: 40px;}