/** Shopify CDN: Minification failed

Line 24:0 All "@import" rules must come first

**/
/*-----------------------
    fonts
-------------------------*/

@font-face {
    font-family: 'Nohemi-bold';
    src: url(Nohemi-Bold.otf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nohemi';
    src: url(Nohemi-Regular.otf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@import url('https://use.typekit.net/jpb4bmq.css');


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .rte h2, .rte h1 {
    font-family: Nohemi, sans-serif;
    font-weight: 700;
    font-style: normal; 
    text-transform: none;
}

.rte h3, h3{
  text-transform: var(--subheading-text-transform);
}
h2.heading{
  text-transform: var(--subheading-text-transform);
}
p{
  text-transform: var(--body-text-transform);
}
a.button.button--primary {
    letter-spacing: 0px;
    display: inline-block;
    border-radius: 100px;
}

.section_header h1 {
    color: rgba(36, 36, 36, 0.60);
    font-family: "DIN Condensed";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.section_header_block{
    padding-top:10px;
    padding-bottom:10px;
}

.section_header_block .container{
    max-width: none;
}
/* ----------------------------------------------------------------
Powered by Milk Bottle
-----------------------------------------------------------------*/
.powered-by-mbl
{
  margin-bottom: 20px;
  text-align: center;
  margin-top: 20px;
}


.powered-by-mbl span a
{
  
  padding-left: 32px;
  background: transparent url(milkbottle.svg) no-repeat 3px 5px;
  background-size: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
  
  
}

.powered-by-mbl span a:hover
{
  text-decoration: underline;
}
 


/*-----------------
   Footer 
-------------------


.footer__item-title {
    font-family: 'dincond-black';
    font-weight: 400;
    font-size: 22px;
    color: #278d3f;
    margin-bottom: 5px;
}
.footer__aside{
    margin: 20px 0 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;    
    flex-wrap: wrap;
    border-top: solid 1px #e5e5e5;
 }
 .footer__item-social .social-media__item::before {
    background: #278d3f;    
    
}
.footer__item-content .linklist__item:not(:first-child) {
    padding-top: 0px;
}
.footer__item-content p {
    font-size: 15px;
    font-weight: bold;
}
.footer__item-content .linklist__item a{
    font-size: 15px;
    font-weight: bold;
}
 .footer__item-social .social-media__link {
  color: #278d3f;
}
@media (min-width: 1000px) {
.footer__aside{
   
margin: 50px 0 0;
padding: 30px 0;
}
 }
 @media (max-width: 740px) {

.footer__item-list{
    display: flex;
    flex-direction: column;
}

 }
 

.site-footer__linklist-item:first-child {
  border-left: solid 1px #a7a7a7;
  
}
.copyright-menu {
  text-align: center;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  line-height: 1;
  margin-top: 0px;
  padding: 0px;
}
.site-footer__linklist-item {
  padding: 0 15px;
}
.site-footer__linklist-item, .footer__copyright {
  display: block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;}
 .site-footer__linklist-item {
  border-left: solid 1px #a7a7a7;
  margin: 0px;

}
.footer__item-social {
    margin-top: 20px;
}
.footer__copyright a {
    color: #278d3f;
}
.footer{
    padding-bottom: 0px;
}
@media (min-width: 754px) {
    .footer__copyright.text--xsmall.text--subdued {
    padding-right: 20px;
}

}
  */
/*-----------------
   Testimonial Section
-------------------*/



.testimonial-image {
    max-width: 300px;
    min-width: 200px;
    
    padding: 20px;
}
.testimonial__block_image {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*.testimonial__content{
	display: flex;
	justify-content: center;
    align-items: center;
}*/
p.testimonial__author {
    padding: 10px !important;
}
.image-testimonial {
    border-radius: 50%;
}

.blockquote:not(.blockquote--center):before, .rte blockquote:not(.blockquote--center):before{
	display: none;
}
.testimonial-list__nav {
    padding: 0px !important;
  }

blockquote.testimonial__content.blockquote {
    padding-left: 0px;
}
/*
[dir=ltr] .testimonial-list__nav {
    
    justify-content: center;
    display: grid;
}*/
@media (min-width: 1200px) {
.testimonial-list {
    max-width: 1100px;
}
}
@media (max-width: 740px) {

.testimonial-image {
    margin: auto;
    
}
.testimonial__content{
    flex-direction: column-reverse;
}
.testimonial__content split-lines {
    display: block;
    text-align: left;
}
}
span.testimonial__star {
  color: #ffe802;
}

/*----------------------- 
 podcast section  
-------------------------*/

.shopify-section--blog-posts .article-item__content.text-container {
    padding: 20px 25px;
}
.article-item{
    position: relative;
}
.shopify-section--blog-posts .article-item {
    width: 100%;
    position: relative;
}

.shopify-section--blog-posts  .article-item__image {
    border-radius: 32px;
}

h3.article-item__title.heading.h4 {
    margin-top: 10px;
}
.article-item__content span.card__date {
    float: right;
}
.article-item__title small {
      color: #282828;
    display: block;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 10px;
    font-family: 'Lato';
    text-transform: capitalize;
}
h1.article__title.heading.h1 {
    margin-top: 0px;
}  
.article__content_blog {
    display: flex;
    flex-direction: row;
}
.article__info_blog {
    margin-left: 20px;
}
.article__content_blog a {
    color: #278d3f;
    text-decoration: none !important;
}
.back-to a {
       color: #278d3f;
       margin: 30px 0 0;
       text-decoration: none !important;
}
.shopify-section--blog-posts .button-wrapper {
        margin: 2% auto 0%;
    text-align: center;
}
.shopify-section--blog-posts .button-wrapper .button{
    background: #fff;
    border: 1px solid #000 ;
    padding: 0px 35px;
    color: #000;
}

.shopify-section--blog-posts header.text-container {
    margin-bottom: 30px;
}
@media (min-width: 999px) { 
.shopify-section--blog-posts  .article-list{
    margin: 0px;
}
.shopify-section--blog-posts .section__header{
    max-width: none;
}
.shopify-section--blog-posts .button-wrapper {
        margin: 2% auto 0%;
    text-align: right;
}
}
@media (max-width: 767px) { 
    .article__content_blog {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 10px;
}
.article__info_blog {
    margin-left: 00px;
}
}


/* Partner Logo List */
.partner-list__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.partner-heading-content h3.heading.h2 {
    margin: 10px 0;

}
.partner__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    min-width: 300px;
}
.partner__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px
}
.partner-heading-content {
  padding: 16px;
  max-width: 50%;
}
 .partner-list__list .logo-list__item:nth-child(2), .partner-list__list .logo-list__item:nth-child(3) {
    flex-basis: 30%;
}


@media (max-width: 767px) { 
    .partner-list__list .logo-list__item:nth-child(2), .partner-list__list .logo-list__item:nth-child(3) {
    flex-basis: unset;
}
 
.partner-list__list .logo-list__item {
    width: 50%;
}
.partner-heading-content {
  padding: 16px;
  max-width: 100%;
  text-align: center;
}
.logo-list--grid{
    padding: 0px;
}
.partner-list__list{
    justify-content: center;
}
}

/* Blog post */

.article__image-wrapper--square {
    width: 100%;
}
 .article__content_blog .breadcrumb__list {
    margin-left: 0px !important;
    margin-bottom: 15px !important;
}
.article__content_blog li.breadcrumb__item{
    padding: 4px 0 !important;
}


/*-----------------------
    Icon text section
-------------------------*/
.icons-with-text__list{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}
.mobile_icons_item {
    padding: 20px;
}
.text-center{
    text-align: center !important;
}
.lead-text.text-center {
    font-family: 'dincond-black';
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 200;
}
.text-center.section-footer {
    margin-top: 30px;
}
a.parther-link {
    text-decoration: underline;
    text-decoration-color: #ccc;
    text-underline-offset: 0.5em;
}
a.parther-link:hover {
    
    text-decoration-color: #000;
    
}
@media (min-width: 1000px) { 

}
@media only screen and (max-width: 1000px) and (min-width: 767px)  {
.mobile_icons_item {
    width: 50%;
}

}

@media (max-width: 767px) { 
.mobile_icons_item {
    width: 100%;
    display: flex;
    justify-content: start;;
    align-items: center;
    text-align: left;
}
.mobile_icons_item .text-with-icons__icon-wrapper{
    margin: 0px;
}
.mobile_icons_item .text-with-icons__content-wrapper {
    margin-left: 15px;
}
.mobile_icons_item p {
    margin: 0px !important;
    padding: 0px !important;
}
}


/*-----------------------
    Header Navigation section - on draw menu
-------------------------

.header__inline-navigation {
    justify-content: flex-end;
}

.header, .header:hover{
background: transparent !important;
box-shadow: none !important;
}
desktop-navigation {
    margin-right: 30px;
}
.header__linklist-link {
    display: block;
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
*/ 

.header--bordered:not(.header--transparent){
        box-shadow: none;
}
.header_button_GS{
    display: inline-flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #288d3f;
    color: #FFF;
    leading-trim: both;
    text-transform: uppercase;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -0.18px;
}
@media (max-width: 1200px) { 
    .header_button_GS {
        display: none;
    }
}
/* draw cart */
.drawer__content {
    display: flex;
    justify-content: center;
    text-align: center;
}

a.mobile-nav__link.heading.h6 {
    justify-content: center;
}
@media screen and (max-width: 1200px) {
  .hidden-mobile {
    display: none !important;
  }
}

.page-width {
  max-width: 1280px;
}
/*----------------------- 
Image and text section 
-------------------------*/
h2.heading.heading--small.subheading_two {
    position: relative;
    font-family: Lato, sans-serif;
    font-weight: 700;
    line-height: 1.125;
    
}
 .hypen_title span::before {
  content: "";
  background-color: #278d3f;
  height: 3px;
  width: 30px;
  position: absolute;
  left: -45px;
  top: 16px;
}
 .hypen_title {
    margin-left: 45px;
}

 .main-heading{
    margin-top: 0 !important;
    padding-top: 0px;
}
h2.heading.heading--small.subheading_one {
        
    font-family: "DIN Condensed";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
@media screen and (min-width: 1000px) {
.desktop-image-block {
    width: calc(var(--grid-column-width) * 9.5 + (var(--grid-gap) * 9.5));
    
}

.shopify-section--image-with-text h2.heading.heading--small.subheading_two {
    
    margin-bottom:10px ;
}
.shopify-section--image-with-text .image-with-text__text-wrapper {
   
}
.mobile_uncontainer .image-with-text__text-wrapper {
    margin-left: 0px;
}
.mobile_uncontainer .image-with-text__content-wrapper{
        width: calc(var(--grid-column-width) * 10 + (var(--grid-gap) * 10));
}
.mobile_uncontainer .image-with-text__image-wrapper{

    margin-right: 0px !important;
}
}
/*----------------------- 
Header slider section 
-------------------------*/
/* Slider Logo List */
.logo-list-slider {
    display: flex;
   
    justify-content: space-between;
    margin: 80px 0 0;
}
.logo-list-slider img {
    margin: auto 0 !important;
   max-width: 200px; 
}

.logo-list-slider a {
  align-content: center;
  display: flex;
}
.logo_img_content {
    margin-right: 10px;
    display: flex;
}
.shopify-section--image-with-text .button-wrapper {
    margin: 30px 0;
}
@media (min-width: 1000px) { 
.mobile-image__wrapper{
    padding-top: 100px;
}
}
@media (max-width: 1000px) { 

.mobile-image__wrapper{
    display: flex;
    flex-direction: column-reverse;
    margin-top: 50px;
}
.mobile-image__wrapper .image-with-text__content{
 text-align: center;
}
.mobile-image__wrapper .image-with-text__content-list {
    margin-bottom: 30px;
}
.mobile_uncontainer{
    margin: 0px;
    padding: 0px;

}
.logo-list-slider {
     margin: 30px 0;
     
} 
.logo_img_content {
    margin-right: 10px
}

.logo-list-slider img {
    margin: auto 0;
    
}
.logo-list-slider a img {
  margin: auto 0;
  width: 100%;
  display: block;
}
.logo-list-slider img {
  margin: auto 0;
  width: 100%;
}

.logo-list-slider img:nth-child(2) {
    margin: auto 10px;
}
.logo-list-slider  a:nth-child(2) {
    margin: auto 10px;
}
.logo-list-slider  a:nth-child(2) {
    align-content: center;
  display: flex;
}
.image-carousel .carousel-container .slider-content {
  margin-top: 25px;
}
}

/*-----------------
     Newsletter
-------------------*/

.flex-items {
     display: -webkit-flex;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
}

 @media (min-width: 1100px) {
     .flex-items {
         flex-wrap: nowrap;
         justify-content: space-between;
    }

 .newsletter--wrapper {
     padding: 50px 0;
}
}

 @media (min-width: 1100px) {
     .newsletter--wrapper {
         padding: 70px 0;
    }
}
@media (max-width: 1100px) {
#email_signup{
    padding:40px 0px ;
}
#email_signup .flex-items{
    flex-direction: column;
    
    }
    .klaviyo-form-wrap.klaviyo_form_actions{
        margin-top: 15px;
    }

}

 .newsletter--wrapper h2 {
     text-transform: uppercase;
     text-align: center;
     font-size: 25px;
}
 @media (min-width: 375px) {
     .newsletter--wrapper h2 {
         font-size: 30px;
    }
}
 @media (min-width: 415px) {
     .newsletter--wrapper h2 {
         font-size: 32px;
    }
}
 @media (min-width: 1100px) {
     .newsletter--wrapper h2 {
         margin: 0 10px 0 0;
         text-align: left;
    }
}
 @media (min-width: 1000px) {
     .newsletter--wrapper h2 {
         font-size: 40px;
    }
}
 @media (min-width: 1400px) {
     .newsletter--wrapper h2 {
         font-size: 55px;
    }
}
 @media (min-width: 1900px) {
     .newsletter--wrapper h2 {
         font-size: 60px;
    }
}
 .newsletter--wrapper .input--group {
     background-color: #fff;
    /*border: solid 1px #000;
    */
     box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
     display: -webkit-flex;
     display: flex;
     align-items: center;
     justify-content: space-between;
     min-height: 50px;
     padding: 0 25px;
     width: 100%;
}
h3.newsletter-heading {
    text-transform: uppercase;
    font-size: 55px;
    margin-bottom: 0px;
}
.newsletter-subheading.rte p{
    margin-top: 0px ;
}
 @media (min-width: 1100px) {
     .newsletter--wrapper .input--group {
         min-height: 70px;
         padding: 0 20px 0 40px;
         width: 85%;
         margin-left: 15%;
    }
}
 .newsletter--wrapper .input--group input {
     border: none;
     margin: 0;
}
 .newsletter--wrapper .input--group input[type="email"] {
     font-size: 18px;
     padding-left: 10px;
     width: 100%;
     color: #666;
}
.newsletter--wrapper .input--group input[type="email"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

.newsletter--wrapper .input--group input[type="email"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

.newsletter--wrapper .input--group input[type="email"]::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}
 .newsletter--wrapper .input--group svg.icon-envelope {
     height: 35px;
     width: 35px;
}
 .newsletter--wrapper .input--group [type="submit"] svg {
     fill: #298d3f;
     height: 30px;
     width: 30px;
     transform: none;
     top: auto;
}
 .newsletter--wrapper .input--group [type="submit"]:hover svg {
     left: 5px;
}
 .newsletter--wrapper .newsletter__message {
     display: -webkit-flex;
     display: flex;
     align-items: center;
     justify-content: flex-end;
}
 .newsletter--wrapper .newsletter__message .errors, .newsletter--wrapper .newsletter__message .form-success {
     width: 100%;
}
.input-group__btn.input-group__btn-newsletter {
    margin-top: 5px;
}
 @media (min-width: 768px) {
     .newsletter--wrapper .newsletter__message .errors, .newsletter--wrapper .newsletter__message .form-success {
         width: 50%;
    }
}
@media (max-width: 768px) {
.klaviyo-form-wrap {
 
    width: 100%;
}
#email_signup .flex-items{
    
    justify-content: center;
    }
    .newsletter--wrapper .input--group input[type=email]{
        font-size: 14px;
    }
}   
/*-----------------
     Advice centre
-------------------*/
.featured-blog-section .featured-blog {
  padding: 80px 0 30px;
}
.featured-blog-section .heading-container {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 30px;
}
.featured-blog-section .heading-container {
  justify-content: space-between;
}
h3.featured-blog-sub-heading.section-header__sub-title.small--text-center {
    font-size: 22px;
    font-weight: 200;
    margin-bottom: 0px;
}
h2.featured-blog-heading.section-header__title.small--text-center {
    font-size: 65px;
    margin-top: 0px;
    padding-top: 0px;
    line-height: 1;
    text-transform: uppercase;
}
.advice-article-block{
    display: flex;
    flex-wrap: wrap;
}
.advice-article-block [reveal] {
    opacity: 1;
}
.main-article-grid{
     width: 70%;
}
.slide-articel-block {
    width: 30%;
    float: left;
padding-left: 20px;
}
.advice-article-block .article-item {
    width: 100%;
    background-color: #f6fbf7;
    position: relative;
}
h3.article-item__title.heading.h4 {
    font-family: lato;
    font-size: 25px;
    text-transform: none;
    font-weight: 700;
}
.main-article-grid h3.article-item__title.heading.h4 {
    margin-top: 0px;
}
.side-articel-grid h3.article-item__title.heading.h4 {
    font-size: 22px;
    margin-top: 0px;
    margin-bottom: 25px;
}
.featured-blog {
  padding: 40px 0; 
}
.headings-wrap {
    margin-bottom: 30px;
}

@media (min-width: 960px) {
.featured-blog {
      padding: 80px 0 30px; 
  } 
  }

.advice-article-block .article-item__content.text-container {
    padding: 0px 25px;
    padding-bottom: 20px;
}

.main-article-grid .text-container {
    padding-bottom: 30px !important;
}
.advice-article-block .article-item__content span.card__date {
    float: none;
}
.card__read-more:hover {
  opacity: 0.7;
}
.article-item__excerpt {
    margin-top: -4px;
    margin-bottom: 30px;
}
.card__read-more {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  margin-top: 20px;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.card__read-more {
  position: absolute;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  bottom: -15px;
}
.shopify-section--blog-posts .card__read-more {
    position: relative;
}
.featured-blog .card__read-more{
    bottom: -5px;
}
.card__read-more svg {
  fill: #278d3f;
  transform: none !important;
  width: 25px;
}
.side-articel-grid{
    margin-bottom: 30px;
}
@media (max-width: 900px) { 
    .main-article-grid, .slide-articel-block {
        width: 100%;
        padding-left: 0px;
        margin-bottom: 30px;
    }
    h2.featured-blog-heading.section-header__title.small--text-center {
    font-size: 44px;
}
.headings-wrap {
    text-align: center;
}
}


/*----------------------- 
Text column section 
-------------------------*/
.grid__item {
  float: left;
  padding-left: 20px;
}
.grid::after {
  content: "";
  display: table;
  clear: both;
}

.section-header__title{
    font-size: 44px;
    text-transform: uppercase;
    margin: 0;
}
.section-header__sub-title {
  font-family: Lato,sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 0.5;
  margin: 0;
}
.text-column p.lead-text {
  color: #278d3f;
  line-height: 1.3;
  margin-bottom: 20px;
}
.lead-text {
  font-size: 22px;
  font-weight: 700;
  margin: 10px 0 30px;
    margin-bottom: 30px;
}
 @media (min-width: 375px) {
    .section-header__sub-title {
      font-size: 18px; } 
  }
  @media (min-width: 415px) {
    .section-header__sub-title {
      font-size: 20px; } 
  }
  @media (min-width: 750px) { 

.medium-up--two-fifths {
  width: 40%;
}
.medium-up--three-fifths {
  width: 60%;
}
.section-header__title {
  margin: 0 0 10px 0;
  text-align: left;
  line-height: 1.225;
}
}
  @media (min-width: 1000px) {
    .section-header__sub-title {
      font-size: 22px; } 
      .section-header__title {
  font-size: 70px;
}
.about-us-section .text-column p.lead-text {
  font-size: 34px;
  margin-bottom: 0;
}
}
@media (max-width: 750px) {
.small--one-whole {
  width: 100%;
}
}

.logo-list__list {
  grid-template-columns: repeat(min(var(--logos-per-row),var(--section-logo-count)),minmax(140px,250px));
}

[data-item-title*="hiring"], [data-item-title*="Hiring"] {
  position: relative;
}

[data-item-title*="hiring"]::after, [data-item-title*="Hiring"]::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  margin-left: 5px;
  position: absolute;
  top: 12px;
  left: -20px;
}

[data-item-buttontitle="hiring"]::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: red;
  border-radius: 50%;
  margin-left: 5px;
  position: absolute;
  top: 21px;
  left: 11px;
}



/* Scrolling Banner */
.shopify-section--logo-list{
    overflow: hidden;
    position: relative;
 }

.scrolling-banner {
  display: flex;
  animation: scroll 40s linear infinite; 
}

.logo-item {
  flex-shrink: 0;
  margin-right: 50px; 
  display: flex;
}
.logo-list__image{
    margin: auto;
}
.scroller:hover .scrolling-banner {
  animation-play-state: paused;
}
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}


/*----------------------- 
image gallery
-------------------------*/

.tiles-block {
    position: relative;
}
.caption_work_block {
    display: flex !important;
    gap: 10px !important;
    font-size: 14px;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px;
}
.caption_work {
    margin-top: 10px;
    text-decoration: underline;
    color: #fff;
    font-family: Noto Sans, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 3px;
    padding-right: 5px;
}

.tiles {
  text-align: center;
  display: flex; 
  flex-wrap: wrap;
}
.tile {
  display: inline-block;
   width: calc(25% - 0px);
  text-align: left;
  opacity: .99;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}
@media (min-width: 769px) {
    .tiles .tile:before {
  content: '';
  background: linear-gradient(to bottom, #0000, #278D3F);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

}

.tiles .tile img {
  display: block;
  max-width: 100%;
  backface-visibility: hidden;
}
.tiles .tile .details {
  font-size: 16px;
  padding: 20px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.tiles .tile .details span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  transition-property: top, opacity;
  transition-duration: 0.3s;
  transition-delay: 0s;
}
.tiles .tile .details .title {
    line-height: 56.141px;
    font-weight: 700;
    font-size: 52px;
    font-family: DIN Condensed;

}
.tiles .tile .details .info{
    color: #FFF;
font-family: Lato;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 120.024%; /* 14.403px */
}
.tiles .tile .details .info p{
    color: #FFF;
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 120.024%; /* 16.192px */
}
.tiles .tile .details .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.tiles .tile:focus:before,
.tiles .tile:focus span, 
.tiles .tile:hover:before,
.tiles .tile:hover span {
  opacity: 1;
}
.tiles .tile:focus:before, 
.tiles .tile:hover:before {
  top: 50%;
}
.tiles .tile:focus span, 
.tiles .tile:hover span {
  top: 0;
}
.tiles .tile:focus .title, 
.tiles .tile:hover .title {
          transition-delay: 0.15s;
}
.tiles .tile:focus .info, 
.tiles .tile:hover .info {
          transition-delay: 0.25s;
}
@media (max-width: 768px) {
    .tile {
        width: calc(50% - 0px); 
    }
    .tiles .tile .details .title {
        font-size: 24px;
      line-height: 30px;
    }
    .tiles .tile .details .info p{
        display: none;
        color: #FFF;
        font-family: Lato;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 120.024%;
    }
    span.caption_work_block {
    display: none !important;
}
    .tiles .tile .details {
    
    padding: 20px;
    color: #fff;
    position: absolute;
    bottom: 120px;
    left: 0;
    z-index: 3;
    }
    .tiles .tile:before {
        content: '';
        background: linear-gradient(to bottom, #0000, #282828);
        width: 100%;
        height: 70%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
}
    .tiles .tile .details span {
      display: block;
      opacity: 1;
      position: relative;
      top: 130px;
      transition-property: top, opacity;
      transition-duration: 0.3s;
      transition-delay: 0s;
}
    .tiles .tile:before,
    .tiles .tile span, 
    .tiles .tile:before,
    .tiles .tile span {
      opacity: 1;
    }
}
/* ----------------------------------------------------------------
testimonial
-----------------------------------------------------------------*/

.blockquote:before {
    display: none;
}
.testimonial-list {
    max-width: 100%;
}
.blockquote{
      padding-left: 0;
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    text-transform: none;
}
.button {
    border-radius: 0px;
}
.testimonial__block {
    display: flex;
    gap: 20px;
    margin-top: 25px;
}
.testimonial__star-rating.heading-font {
    display: flex;
}
.testimonial__block_image img {
    border-radius: 50%;
    max-width: 99px;
}
.testimonial__block_content {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.testimonial-list__wrapper .testimonial__author_cs {
    font-size: 32px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.64px;
}
.testimonial-list__nav .dots-nav__item{
    width: 20px;
}
.testimonial_count{
    font-size: 22px;
}
@media (min-width: 768px) {
    .testimonial-list__wrapper{
        margin-left: 20%;
    }
    .testimonial-list__nav .dots-nav__item[aria-current=true]{
        width: 40px;
    }
    .testimonial-list__nav {
        margin-top: -3%;
    }
}
@media (max-width: 768px) {

.testimonial__block_image {
    justify-content: center;
    display: flex;
}
.testimonial-list__wrapper .testimonial__author_cs{
    font-size: 24px;
}
.testimonial__star-rating.heading-font {
    display: flex;
    justify-content: left;
}
}
/*-----------------
   Footer 
-------------------*/

.footer__item-title {
    font-family: din-condensed, sans-serif;
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 5px;
    text-transform: none;
}
.footer__aside{
    margin: 20px 0 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;    
    flex-wrap: wrap;
 }
 .footer__item-social .social-media__item::before {
    background: #278d3f;    
    
}
.footer__item-content .linklist__item:not(:first-child) {
    padding-top: 0px;
}
.footer__item-content p {
    font-family: din-condensed, sans-serif;
    font-size: 30px;
    text-align: right;
    
}
.footer__item-content .linklist__item a{
    font-size: 16px;
    
}
 .footer__item-social .social-media__link {
  color: #278d3f;
}
@media (min-width: 1000px) {
.footer__aside{
   
margin: 50px 0 20px;
padding: 30px 0;
}
}

 @media (max-width: 740px) {

.footer__item-list{
    display: flex;
    flex-direction: column;
}
.footer__item-content p {
    
    text-align: left;
    
}
}
 

.site-footer__linklist-item:first-child {
  border-left: solid 1px #a7a7a7;
  
}
.copyright-menu {
  text-align: center;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  line-height: 1;
  margin-top: 0px;
  padding: 0px;
}
.site-footer__linklist-item {
  padding: 0 15px;
}
.site-footer__linklist-item, .footer__copyright {
  display: block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;}
 .site-footer__linklist-item {
  border-left: solid 1px #a7a7a7;
  margin: 0px;

}
.footer__item-social {
    margin-top: 20px;
}
.footer__copyright a {
    color: #278d3f;
}
.footer{
    padding-bottom: 0px;
}
@media (min-width: 754px) {
    .footer__copyright.text--xsmall.text--subdued {
    padding-right: 20px;
}

}
@media screen and (min-width:741px) and (max-width:999px){
   .footer__item-list {
    grid-template-columns: none;
    grid-auto-flow: column;
}
.footer__aside{
    display: flex;
    flex-direction: column;
}
}

.footer__item-content .input-group__field {
    padding: 10px;
    border: none;
    width: 100%;
}
.footer__item-content .btn--newsletter__submit {
    position: absolute;
    top: 5px;
    right: 10px;
}
.footer__item-content .input--group {
    position: relative;
}
/*
footer middle aside
*/

.footer_middle_aside {
    display: flex;
    width: 100%;
    position: relative;
    margin-top: 20px;
}
.footer_middle_newsletter-mbl {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer_middle_menu-link {
    width: 60%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.footer_middle_newsletter-mbl .input-group__field{
    padding: 10px;
    max-width: 400px;
    border: none;
    width: 100%;
}
.footer_middle_newsletter-mbl .input--group {
    position: relative;
    max-width: 400px;
}
.footer_middle_newsletter-mbl .btn--newsletter__submit {
    position: absolute;
    top: 5px;
    right: 10px;
}
.footer_middle_menu-link .footer_middle-menu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.footer_middle_menu-link .btn--newsletter__submit {
    position: absolute;
    top: 7px;
    right: 10px;
    padding: 0px 0px 0px;
}
.footer_middle_menu-link .input--group {
    position: relative;
    max-width: 400px;
}
.footer_middle_menu-link .footer__item-title.heading.heading--small {
    color: #2C2E48;
    font-family: "DIN Condensed";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    text-transform: none;
    line-height: 45px;
}
.footer_middle-menu {
    display: flex;
}
li.footer_middle__linklist-item {
    list-style: none;
    color: #2C2E48;
    text-align: right;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}
@media (min-width: 741px) {
.hide_desktop{
    display: none !important;
}
}
@media (max-width: 741px) {
    .footer__aside{
        display: flex;
        flex-direction: column;
    }
   .footer__item-list {
    display: flex;
}
    .footer_middle_aside{
        display: none;
    }
    .footer__item--newsletter .footer__item-content   p {
    font-family: din-condensed, sans-serif;
    font-size: 24px;
    text-align: left;
}
.footer__item-content .linklist{
     display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
  grid-column-gap: 20px;
}
.footer__item-content p{
    font-size: 22px;
}
}
.footer__aside{
    padding-bottom:20px ;
}


/*-----------------------
    MBL Contact form 
-------------------------*/
.contact-mbl {
    display: flex;
    width: 100%;
}
@media (min-width: 1600px) {
    .contact__aside-mbl .container {
    padding-left: 20%;
}
.contact-block .container {
    padding-right: 20%;
}
}
@media (min-width: 1000px) {
.contact-mbl .contact__aside-mbl {
    width: 50%;
    padding: 60px 0px;
}
.contact-mbl .contact-block {
    width: 50%;
    padding: 60px 0px;
}

}

@media (max-width: 999px) {
    .contact-mbl {
        flex-direction: column;
    }
    .contact-mbl .contact__aside-mbl {
    width: 100%;
    padding: 60px 0px;
}
.contact-mbl .contact-block {
    width: 100%;
    padding: 80px 0px;
}

}
.contact-mbl p {
    font-size: 18px;
}
.contact-mbl .section__header{
    text-align: left;
}
.contact-mbl .h1, .contact-mbl .h2 {
    font-size: 70px;
    text-transform: uppercase;
}

.contact__text-list-mbl {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.contact__aside-mbl .container{
    height: 100%;
}

.contact-mbl .contact__form{
 max-width: 100%;
}
.contact-mbl .contact__form .input__field{
    border-radius: 0px;
}
.contact__text-list-mbl .phone_no a, .contact__text-list-mbl .email a {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.contact__text-list-mbl .phone_no svg, .contact__text-list-mbl .email svg { 
    margin-right: 10px;
}

/* Multi- columns section */
.multi-column .number-block {
    padding: 0px 45px;
    font-family: Lato;
    font-size: 37.509px;
    font-style: normal;
    font-weight: 600;
    line-height: 69.66px;
    text-transform: uppercase;
    height: 70px;
    width: 110px;
}

.multi-column__text-container .heading.h5 {
    color: #242424;
    font-family: "DIN Condensed";
    font-size: 49px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

/*-----------------------
    MBL Contact Map 
-------------------------*/

#map {
        height: 550px;
        width: 100%;
      }
.video-section .video-wrapper--native {
  width: 100%;
}

/*-----------------------
    About us Podcast
-------------------------*/
.podcast-platforms {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}

.podcast-name {
    margin-left: 10px;
}

.platform img {
  width: 50px;
  height: auto;
  margin: 10px 0px !important;
}

.platform .title {
  font-size: 12px;
  color: #666;
  margin-bottom: 0px;
}

.platform .name {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0px !important;
}
.platform a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/*-----------------------
    Two text column section on about us page
-------------------------*/

.text__content-wrapper {
    display: flex;
    align-items: center;
}
.text__content-list {
    width: 50%;
}
.text__content-wrapper{
    padding: var(--vertical-breather) 0;
}
@media (min-width: 999px) {
.text__content-wrapper:first-child {
    margin-left: calc(var(--grid-column-width) + var(--grid-gap));
}
}
@media (max-width: 999px) {
    .text__content-list {
    width: 100%;
}
}


/*-----------------------
    Image text section 50%
-------------------------*/
.image-with-text__block {
        display: flex;     
        align-items: center;
    }
@media (min-width: 999px) {
    .image-with-text__block {
        display: flex;     
        align-items: center;
    }
    .image-with-text__block .image-with-text__image_block, .image-with-text__block .image-with-text__content_block {
    flex: 50%;
    display: flex;
    flex-direction: column;
}
}
@media (max-width: 999px) {
    .image-with-text__block .image-with-text__image_block, .image-with-text__block .image-with-text__content_block {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.image-with-text__block {
    flex-direction: column;
    gap: 30px
}
.shopify-section--mbl-image-with-text .image-with-text {
    padding: 0px;
}
.shopify-section--mbl-image-with-text .image-with-text__content_block{

    padding: var(--vertical-breather) var(--container-gutter);
}
}
/*-----------------------
    Partner section page
-------------------------*/


.partner-section {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  
}
.partner_content {
    text-align: left;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.partner-item {
    border: 1px solid #ddd;
    text-align: center;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.parther_image {
    border-bottom: 1px solid #ddd;;
    width: 100%;
}
.partner-item img {
    max-width: 100%;
    /* margin-bottom: 10px; */
    object-fit: cover;
    height: 200px;
}

 .partner-item:nth-child(1n){
  border-right: none; /* Remove border from the last item in each row */
}
.partner-item:not(:last-child) {
    border-right: none; /* Add bottom border except last child */
  }
  .partner-item:last-child {
    border-right: 1px solid #ddd;
  }
  .partner-item:nth-child(4n){
  border-right: 1px solid #ddd;
}
.partner-item {
  border: 1px solid #ddd;
  text-align: center;
}

.partner-item .partner_link {
  font-size: 16px;
  margin: 10px 0;
}

.partner-item p {
  font-size: 14px;
  color: #666;
}
.partner-item:nth-child(n+5) {
  border-top: none;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .partner-section {
    grid-template-columns: 1fr;
  }
}




/* Section Styling */
.intro-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 20px;
  margin: 0 auto;
  text-align: left;
}

.intro-left {
  width: 100%;
  margin-bottom: 30px;
}



/* Services Grid */
.intro-service{
    grid-column-gap: 40px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
}
.intro-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  width: 100%;
  margin-bottom: 30px;
}

.service-name{
    font-size: 24px;
}
.service-item {
  
  border-bottom: 1px solid #ccc;
  padding: 25px 0px;
  color: #000;
  
}

@media (max-width: 768px) {
    .intro-right, .intro-service {
        grid-template-columns: 1fr;
    }
    .service-name{
        font-size: 16px;
    }
    .service-item {
        padding: 5px 0px 10px 0px;
    }
}

/*footer newsletter signup*/

.footer_subscrption .subscrption_text h4{
    color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: Nohemi;
font-size: 80px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 80px */
letter-spacing: -1.6px;
}


.footer_subscrption{
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px; 
    padding: 5rem 0rem;
    overflow: hidden;
}

.footer__inner {
    display: grid;
    grid-template-columns: 1fr;
}
.footer__item-title.heading.heading--small {
    font-size: 16px;
    font-weight: 700;
}

.footer_subscrption_form {
    display: block;
    width: 100%;
    align-items: center;
    margin: auto;
        .klaviyo_form_actions {
            position: relative;
        }
        .input--group {
            display: flex;
        }
        .input-group__field{
        width: 100%;
        border: navajowhite;
        border-bottom: 2px solid #ccc;
        background: transparent;
        padding: 15px 0px;
    }
    .input-group__btn{
          position: absolute;
          right: 0;
    }
    .btn--newsletter__submit {
        display: inline-flex;
        padding: 12px 25px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 100px;
        background: #FFF;
        color: #000000;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.4px;
        text-transform: uppercase;

    }
}
@media (max-width: 868px) {
.footer_subscrption .subscrption_text h4{
    font-size: 50px;
}
.footer_subscrption_form {
    .input-group__field{
                padding: 10px 0px;
    }
    .btn--newsletter__submit {
        padding: 5px 15px;
    }
}
.logo_mbl{
    display: none;
}
}

@media (min-width: 868px) {
    .footer_subscrption{
        grid-template-columns: 1fr 1fr;
    }
    .footer__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* promotion block */
.promotion-block__content-wrapper .heading.h4 {
    font-size: 42px;
    margin-bottom: 0px;
}
.promotion-block__content-wrapper .content {
    margin-top: 0px;
}


.content-box.content-box--fill.content-box--text-left.content-box--left.text-container {
    margin-inline-start:0px;
}
/* MBL Blog Slider section */

@media (min-width: 1000px) {

    .mbl_custom_blog_slider {
        width: auto;
        top: calc(95% - 28px);
    }
    .mbl_custom_blog_slider  .multi-column__arrow{
                opacity: 1;
        visibility: visible;
        transform: scale(1);
        border: transparent;
    }

}
/* MBL advance text section */
.mbl-intro-banner-label {
    font-size: 26px
    letter-spacing: 0.08em;
    display: block;
    margin-bottom: 1.2rem;
  }
  .mbl-intro-banner-heading {
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 86.4px */
    letter-spacing: -1.44px;
  }
  .mbl-divider {
    height: 0;
    margin-bottom: 2.2rem;
    position: absolute;
  }
  .mbl-intro-banner-description {
    margin-bottom: 2.2rem;
    font-weight: 400;
    line-height: 1.3;
    max-width: 700px;
  }
  .mbl-intro-banner-button {
    display: inline-block;
    padding: 0.7rem 2.2rem;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    font-size: 1rem;
    letter-spacing: 0.02em;
    transition: background 0.2s;
    margin-bottom: 1.5rem;
  }
  .mbl-intro-banner-button:hover {
    background: #333;
  }
@media (min-width: 741px) {
  .mbl-btn-gs{
    font-size: 20px !important;
  }
  .testimonial_count {
    position: absolute;
  }
}



/* mbl-faq */
@media (min-width:  1000px) {
    .mbl-faq-header {
        display: grid;
        grid-template-columns: 40% 60%;
        align-items: center;
        justify-content: center;
        padding: 0px 0px 30px 0px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 30px;
        .heading h2{
            margin-block-end: 0px;
        }
        .mbl-faq-header-content{
            display: flex;
            justify-content: flex-end;
        }
        p{
            margin-top: 0px;
            width: 70%;
        }
    }
    .mbl-faq-main-content{
         display: grid;
         grid-template-columns: 40% 60%;
      .faq__wrapper{
         grid-column: 2;
         width: 100%;
         max-width: none; 
        }
        button.collapsible-toggle.text--strong {
                font-size: 24px;
            }
    }
    
}   

.mbl-faq-main-content .faq__wrapper {
    display: grid;
    gap: 20px;
}

.mbl-faq-main-content .faq__item {
    background: #D9D9D94D;
    border-radius: 16px;
    border: 0.4px solid;
}