/** Shopify CDN: Minification failed

Line 563:0 Unexpected "{"
Line 563:1 Unexpected "#"
Line 563:66 Expected identifier but found "#"
Line 564:0 Unexpected "{"
Line 564:1 Expected identifier but found "#"
Line 564:41 Expected identifier but found "#"
Line 565:0 Unexpected "{"
Line 565:1 Expected identifier but found "#"
Line 565:22 Expected identifier but found "#"
Line 566:0 Unexpected "{"
... and 59 more hidden warnings

**/
:root {
    --brand-text: #001F46;

    --brand-blue: #1F50D3;
    --brand-bright-blue: #509DF5;

    --brand-orange: #FF8D01;
    --brand-red: #e35254;
    --brand-yellow: #F5BD2D;
}
@font-face {
  font-family: 'Mindset';
   font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('//blueturacocoffee.com/cdn/shop/files/Mindset-Regular.eot?v=14911760620234630335') format('embedded-opentype'),
       url('//blueturacocoffee.com/cdn/shop/files/Mindset-Regular.woff2?v=12599709005042751203') format('woff2'),
       url('//blueturacocoffee.com/cdn/shop/files/Mindset-Regular.woff?v=4561785947057477234 ') format('woff'),
       url('//blueturacocoffee.com/cdn/shop/files/Mindset-Regular.ttf?v=2098540394325144731 ') format('truetype');
}
@font-face {
    font-family: 'Market';
    src: url('//blueturacocoffee.com/cdn/shop/files/Market-CondensedMedium.woff2?v=6363445046802066124') format('woff2'),
        url('//blueturacocoffee.com/cdn/shop/files/Market-CondensedMedium.woff?v=1549958358067578101') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
*, input, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Mindset';
    font-weight: normal;
    margin: 0;
    padding: 0;
}
body {
      font-family: 'Lato';
    color: var(--brand-text)
}
.main-blog .article-card .card__heading{
      font-family: 'Mindset';
}

img{
    max-width: 100%;
}
.section-header.shopify-section-group-header-group {
    z-index: 99 !important;
}
.custom-conntainer, .page-width{
    padding: 0 5em;
  max-width:100%;
}
.top-section{
    /* background-color: #3455a2; */
    padding: 20px 0;
    position: relative;
}
.home-page-banner:after {
    background:url(brand-icon.png) center right no-repeat;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -570px;
    width: 700px;
    background-size: 100%;
    margin-top: 60px;
    -webkit-animation: mover 1.5s infinite  alternate;
    animation: mover 1.5s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}
.btn.btn--medium {
  font-size: 24px;
  padding: 12px 20px;
  min-width: 120px;
}

.button, .btn-primary {
  font-size: 30px;
    font-family: 'Mindset';
    padding: 12px 30px;
    cursor: pointer;
    min-width: 200px;
    transition: 0.5s all;
    text-decoration: none;
}
.button:focus,
.button:hover{
    box-shadow: none !important;
    --border-offset: none !important;
    -moz-outline-color: transparent !important;
}
.button:after, .button:before {
    box-shadow: none !important;
    --border-offset: none !important;
    -moz-outline-color: transparent !important;
}

.button--primary,
.btn-primary{
    background: var(--brand-yellow);
    color: #fff;
    border: none;
    outline: none;
    --border-offset: none;
    -moz-outline-color: transparent;
}
.button--primary:focus,
.button--primary:hover,
.btn-primary:hover{
    background: var(--brand-blue);
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    --border-offset: none !important;
    -moz-outline-color: transparent !important;
}
.button--primary:after, .button--primary:before {
    box-shadow: none !important;
    --border-offset: none !important;
    -moz-outline-color: transparent !important;
}


.button--secondary {
    border: 2px solid var(--brand-text);
    font-size: 30px;
    font-family: 'Mindset';
    padding: 12px 30px;
    cursor: pointer;
    transition: 0.5s all;
    text-decoration: none;
}
.button--secondary:focus,
.button--secondary:hover{
    background: var(--brand-blue);
     border: 2px solid var(--brand-blue);
    color: #FFF;
}


.btn-outline {

}

.btn-secondary{
  background: var(--brand-blue);
  color: #fff;
  border: 0;
  font-size: 30px;
  font-family: 'Mindset';
  padding: 12px 30px;
  cursor: pointer;
  min-width: 200px;
  transition: 0.5s all;
}
.btn.btn-secondary {
  text-decoration: none;
}
.btn-secondary:hover{
    /* background: var(--brand-text); */
  background: 
}

.hero-section{
    background: #001F46;
    display: flex;
    align-items: center;
    padding: 30px;
}
.hero-section .hero-section-left{
    max-width: 60%;
    flex: 0 0 60%;
}
.hero-section .hero-section-right{
    max-width: 40%;
    flex: 0 0 40%;
    padding-right: 40px;
    text-align: center;
}
.hero-section .hero-section-right .banner-title{
    transform: rotate(-10deg);
    margin-bottom: 30px;
}
.hero-section .hero-section-right .banner-title h2{
    margin: 0;
    margin-bottom: 15px;
    color: #fff;
    font-family: 'Mindset';
    font-weight: normal;
    font-size: 110px;
    line-height: 80px;
    text-align: left;
}
.hero-section .hero-section-right .banner-title h2:last-child{
    text-align: right;
}
.hero-section .hero-section-right  p{
    text-align: center;
    color: var(--brand-yellow);
    font-size: 36px;
    margin: 0 0 15px;
    font-family: 'Mindset';
  line-height: 1.2;
}
.hero-section .hero-section-right  p span{
    font-size: 50px;
    line-height: 0;
}
.hero-section .hero-section-right .btn-primary{
   margin-top: 20px;
}
.home-page-banner{
  /* background-color: #3455a2; */
    padding: 0px 0 40px;
  position: relative;
  overflow: hidden;
}
.meet-owner{
    padding: 80px 0;
}
.meet-owner .meet-row{
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    align-items: center;
}
.meet-owner .meet-row .meet-column{
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}
.meet-owner .meet-row .meet-column .meet-img{
    
    line-height: 0;
}
.meet-owner .meet-row .meet-column .meet-img img{
    
}

.meet-owner .meet-row .meet-column .meet-content{
  
    padding: 0 30px;
}
.custom-conntainer h4{
    color: var(--brand-bright-blue);
    font-size: 45px;
    margin: 0;
    font-weight: normal;
    line-height: 54px;
}
.custom-conntainer p{
    font-size: 18px;
    line-height: 1.7;
    margin: 0;
    margin-bottom: 30px;
    color: var(--brand-text)
}
.custom-conntainer p a{
    color: #000;
}
.our-vision{
    padding-bottom: 60px;
}
.our-vision .our-vision-box{
    background: var(--brand-red);
    margin-right: 30px;
    margin-top: 30px;
    position: relative;
}
.our-vision .our-vision-box .our-vision-content{
    background: url(//blueturacocoffee.com/cdn/shop/t/16/assets/coffee-bg-image.png?v=44626927651351968041765357608) no-repeat center center;
    display: flex;
    align-items: center;
    position: relative;
    top: -25px;
    left: 25px;
    padding: 35px;
    background-size: cover !important;
    transition: 0.5s all;
}
.our-vision:hover .our-vision-box .our-vision-content {
    top: 0;
    left: 0;
}
.our-vision .our-vision-box .our-vision-content .our-vision-text{
    font-size: 50px;
    max-width: 70%;
    flex: 0 0 70%;
    text-align: center;
    color: #fff;
    padding-left: 25px;
    padding-right: 20px;
    line-height: 52px;
}
.our-vision .our-vision-box .our-vision-content .our-vision-img{
    flex: 0 0 30%;
    max-width: 30%;
}
.our-products{
    padding-bottom: 60px;
}
.our-products .our-products-row{
    display: flex;
    text-align: center;
    align-items: flex-end;
    margin-left: -30px;
    margin-right: -30px;
}
.our-products .our-products-row .our-products-column{
    padding: 0 30px;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
.our-products .product-img{
    margin-bottom: 30px;
}
footer{
    padding: 30px 0;
}
footer .footer-top{
    display: flex;
    justify-content: center;
    border-bottom: 3px solid var(--brand-bright-blue);
    padding-bottom: 20px;
}
.join-the-club{
    display: flex;
    align-items: center;
}
.join-the-club h3{
    margin: 0 30px 0 0;
    color: #fff;
    font-weight: normal;
    font-size: 36px !important;
          padding: 0 !important;
}
.join-the-club .input-group{
    display: flex;
}
.join-the-club .input-group input{
    background: var(--brand-yellow);
    border: 0;
    padding: 7px 10px;
    min-height: 42px;
    font-size: 16px;
    font-family: 'Mindset';
    margin-right: 15px;
    min-width: 300px;
    outline: 0;
}
.join-the-club .input-group input::placeholder{
    color: #000;
}
.join-the-club .input-group .btn-yellow{
    background: var(--brand-yellow);
    border: 0;
    font-size: 16px;
    font-family: 'Mindset';
    padding: 5px 20px;
}
.footer-bottom{
    display: flex;
    justify-content: center;
    padding-top: 25px;
    align-items: center;
}
.footer-bottom ul{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-bottom ul li a{
    display: inline-block;
    margin-right: 15px
}
.usefull-link ul{
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.usefull-link ul li a {
    color: #fff;

    padding: 0 17px;
    text-decoration: none;
    border-right: 1px solid #fff;
    font-size: 16px;
    line-height: 16px;
}
.usefull-link ul li:last-child{
    color: #fff;
    padding-left: 20px;
}
section.top-section.inner-page:after{
    display: none;
}
section.top-section.inner-page {
    padding-bottom: 0;
    line-height: 0;
    overflow: visible;
}
#shopify-section-our-coffee-banner .inner-banner .bird-img, #shopify-section-our-story-banner .inner-banner .bird-img{
    position: absolute;
    top: 100%;
    line-height: 0;
    right: 0%;
    max-width: 420px;
    margin-top: -200px;
}
.inner-banner{
    position: relative;
}
      .inner-banner > img{
      width:100%;
      }
.inner-banner h3{
    margin: 0;
    position: absolute;
    top: 0;
    font-size: 42px;
    width: 50%;
    left: 0;
    padding: 30px 15px 0;
    text-align: center;
    color: var(--brand-yellow);
    font-weight: normal;
    line-height: 50px;
}
.our-coffee {

    padding: 60px 0;
}
.our-coffee h3, .our-coffee h4, .our-coffee p {
   
}
.our-coffee h4 {
    margin-bottom: 15px;
}
.our-coffee p {
    margin-bottom: 30px;
}
.our-coffee-bg{
    background-size: 100% 100% !important;
    padding: 75px 40px;
    margin-bottom: 30px;
}
.our-coffee-bg.our-story-bg{
    background-size: 100%;
}
.our-coffee-bg .our-coffee-row{
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-coffee-bg .our-coffee-row .our-coffee-column{
    max-width: 33.33%;
}
.our-coffee-bg .our-coffee-row .our-coffee-column .our-coffee-box{
    padding: 0 20px;
}
.our-shop-bg{
    background: var(--brand-bright-blue);
    margin-bottom: 40px;
    text-align: center;
    padding: 50px 25px;
    margin-top: 90px;
}
.our-shop-bg .our-shop-product{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -180px;
    margin-bottom: -180px;
    padding-bottom: 25px;
}
.our-shop-bg .our-shop-product img{
    max-width: 325px;
}
.our-story-banner .our-story-icon{
    position: absolute;
    top: 90px;
    max-width: 550px;
    left: 10rem;
}
#shopify-section-our-story-banner .inner-banner .bird-img{
    right: inherit;
    left: 0;
}
.meet-owner.story-owner{
    padding-top: 0;
}
.meet-owner.story-owner h5{
    margin: 0;
    padding-bottom: 70px;
    text-align: center;
    color: var(--brand-yellow);
    font-weight: normal;
    font-size: 54px;
}
.wyclitte-img{
    text-align: right;
    padding-right: 15%;
}
.meet-owner.story-owner .meet-row .meet-column .meet-img{
    background: var(--brand-red);
}
.our-videos{
    padding: 50px 0 80px;
    text-align: center;
}
.collection-hero__inner {
         padding-top: 30px
}
.collection-hero__inner h3{
    text-align: center;
    padding-bottom: 0;
}
#product-grid {
    margin-left: -15px;
    margin-right: -15px;
          column-gap: inherit;
    row-gap: inherit;
}
#product-grid .grid__item{
    max-width: 33.33%;
    width: 33.33%;
    padding-left: 15px;
      padding-right:15px;
}
{##product-grid .grid__item .card__heading.h5 .full-unstyled-link{#}
{#          background: var(--brand-red);#}
{#        color: #fff;#}
{#        border: 0;#}
{#        font-size: 30px;#}
{#        font-family: Mindset;#}
{#        padding: 12px 30px;#}
{#        cursor: pointer;#}
{#        min-width: 200px;#}
{#        transition: .5s all;#}
{#      }#}
{##product-grid .grid__item .card__heading.h5 .full-unstyled-link:hover{#}
{#          background: var(--brand-blue);#}
{#          text-decoration: none;#}
{#}#}
{##product-grid .grid__item  .card-information{#}
{#      display:none;#}
{#}#}
#product-grid .grid__item .card__inner.color-background-2.gradient.ratio{
     max-height:430px;
}
.product-title-des{
      margin: 0 0 10px !important;

    font-size: 20px;
}
.price-with-tax{
    display: flex;
    align-items: flex-end;
    margin: 0 0 10px !important;
}
.price-with-tax .price-item{
        color: var(--brand-blue);
      font-size: 30px;
      font-family: 'Mindset';
      line-height: 1;
}
.price-with-tax .product__tax {
    margin-left: 10px;
    margin-top: 0;
    font-size: 18px;
    color: #000;
}
.add-to-cart-btn-group{
      display: flex;
    align-items: flex-start;
      flex-direction: column;
}
.add-to-cart-btn-group .btn-primary{
     text-align: center;
    line-height: 1;
}
.add-to-cart-btn-group .btn-primary.btn-yellow{
          background: #FFC520 !important;
    text-align: center;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-to-cart-btn-group .btn-primary.btn-yellow img{
   max-height: 30px;
}



.try-to-product{
      display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 450px;
}
.try-to-product .btn-primary{
  line-height: 1;
    margin-bottom: 10px;
    text-align: center;
}
.cart-page .title-wrapper-with-link{
     justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: 0;
}
.cart-page .title-wrapper-with-link h3{
      width: 100%;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
}
.cart-page .cart-items thead{
  display:none;
}
.cart-page .cart-items .cart-item td{
  vertical-align: bottom;
}
.cart-page .title-wrapper-with-link .underlined-link{

  display:none;
}
.cart-page .cart-item, .totals__subtotal{

}
.cart__footer{

    padding-top: 0px;
}
.custom-conntainer.contact h3{
      text-align: center;
    font-family: Mindset;
    margin-bottom: 15px;
}
.contact-row{
      display: flex;
    flex-flow: wrap;
}
.contact-column{
      flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}
.contact-column .contact-list{
      display: flex;

  min-height: 95px;
    align-items: start;
}
.contact-column .contact-list .contact-icon{
  display: flex;
    align-items: center;
    color: #646b7c;
    padding-right: 20px;
}
.contact-column .contact-list .contact-icon img{
      margin-right: 10px;
}
.contact-column .contact-list .contact-icon span{
      font-size: 24px;
}
.contact-column .contact-list .contact-content{
  color: #8d8d8d;
    font-size: 24px;
 
    line-height: 1.2;
}
.contact-column .contact-list .contact-content a{
      color: #8d8d8d;
    font-size: 24px;
    line-height: 40px;
}
/*
	Yoast FAQ CSS
*/
.wp-block-yoast-faq-block .schema-faq-section{
    border: 2px solid #335548;
    margin-bottom: 15px;
    border-radius: 8px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.schema-faq-question {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 20px 65px 20px 20px;
    font-weight: bold;
    font-size: 20px;
}
.schema-faq-question:after {
    position: absolute;
    content: "+";
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #335548;
    line-height: 1;
    border-radius: 50%;
    font-size: 25px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #335548;
}
.schema-faq-section.active .schema-faq-question:after {
    content: "-";
    align-items: normal;
    font-size: 30px;
    line-height: 25px;
}
.schema-faq-question:hover{
    background: #eee;
    border-radius: 8px;
}
.schema-faq-section.active .schema-faq-question{
  background: #eee;
  border-radius: 0;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.schema-faq-answer {
    display: none;
    margin: 20px 0 20px;
    padding: 0 20px;
}
.faq-section{
      padding-top: 50px;
    padding-bottom: 50px;
}
.faq-section h3{
      text-align: center;
}
.product-form__buttons{display:flex;}

 .container {
            display: flex;
            flex-wrap: wrap;
            padding: 20px;
        }
        .product-card {
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            margin: 10px;
            padding: 10px;
            width: 23%; /* Adjust width to fit 4 columns with some margin */
            box-sizing: border-box;
            display: flex;
            flex-direction: column; /* This makes each card vertical internally */
        }
        .product-card img {
            max-width: 100%;
            margin-bottom: 10px;
        }
        .product-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 5px;
        }
        .product-rating {
            color: #f39c12;
            margin-bottom: 5px;
        }
        .product-price {
            color: #001f46;
            font-size: 16px;
            font-weight: bold;
        }
        section.upsell-bundle-products {
          padding-top: 45px;
          padding-left: 45px;
        }
        .related-products__heading{
            font-family: 'Mindset' !important;
        }
          /* Responsive Styles */
        @media (max-width: 1200px) {
            .product-card {
                width: 30%; /* 3 columns */
            }
        }
        @media (max-width: 900px) {
            .product-card {
                width: 45%; /* 2 columns */
            }
        }
        @media (max-width: 600px) {
            .product-card {
                width: 100%; /* 1 column */
            }
            h2 {
              font-size: 20px;
            }
        }
@media(min-width:1600px){

  .custom-conntainer p{    font-size: 20px;}

    .hero-section .hero-section-right .banner-title{
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
    }
    .custom-conntainer h4{
        font-size: 70px;
        line-height: 75px;
    }
    .custom-conntainer h3{
        font-size: 120px;
        line-height: 100px;
    }
    .join-the-club h3{
        font-size: 36px !important;
    }

    .our-vision .our-vision-box .our-vision-content .our-vision-text{
        font-size: 75px;
        line-height: 80px;
    }
    .inner-banner h3{
        font-size: 60px;
        line-height: 65px;
    }
    #shopify-section-our-coffee-banner .inner-banner .bird-img{
        max-width: 580px;
        margin-top: -265px;
    }
    .our-coffee-bg{
        background-size: 100% 100%;
    }
    .our-shop-bg .our-shop-product img{
        max-width: 450px;
    }
    .our-story-banner .our-story-icon{
        top: 150px;
        max-width: 650px;
    }
    #shopify-section-our-story-banner .inner-banner .bird-img{
        max-width: 480px;
    }
    .meet-owner.story-owner h5{
        font-size: 86px;
    }
    .our-coffee-bg.our-story-bg{
        background-size: 100% 100%;
    }
    #product-grid .grid__item .card__inner.color-background-2.gradient.ratio{
     max-height: 530px;
    }
}
@media(min-width:990px){
  .custom-conntainer .product--large:not(.product--no-media) .product__media-wrapper{
    max-width: 50%;
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
  .custom-conntainer .product--large:not(.product--no-media) .product__info-wrapper{
    max-width: 50%;
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
  .custom-conntainer .product--large:not(.product--no-media) .product__info-wrapper .caption-with-letter-spacing{
        font-size: 12px;
  }
  .custom-conntainer .product--large:not(.product--no-media) .product__info-wrapper h3{
        line-height: 1;
    padding: 0;
  }
  .custom-conntainer .product-media-container.constrain-height{
      --constrained-min-height: 100%;
  }
}
@media(max-width:1199px){

    .hero-section .hero-section-right .banner-title h2{
        font-size: 75px;
    line-height: 58px;
    }
    .hero-section .hero-section-right p{
        font-size: 28px;
    }
    .hero-section .hero-section-right p span{
        font-size: 36px;
    }
    .button--primary,
    .btn-primary{
        font-size: 20px;
        padding: 10px 20px;
        min-width: 170px;
    }
    .custom-conntainer h4{
        font-size: 30px;
        line-height: 33px;
    }
    .custom-conntainer h3{
        font-size: 50px;
        padding: 15px 0;
    }
    .our-vision .our-vision-box .our-vision-content .our-vision-text{
        font-size: 34px;
        line-height: 36px;
    }
    .usefull-link ul li a{
        padding: 0 10px;
        font-size: 12px;
        line-height: 14px;
        margin-right: 0;
    }
    .usefull-link ul li:last-child {
        padding-left: 8px;
        font-size: 12px;
    }
    .footer-bottom ul li a img{
        max-width: 35px;
    }
    .home-page-banner:after {
        right: -439px;
    width: 560px;
    background-size: cover;
    }
    .inner-banner h3{
        font-size: 30px;
        line-height: 42px;
    }
    .our-shop-bg .our-shop-product img{
        max-width: 260px;
    }
    .our-story-banner .our-story-icon{
        max-width: 355px;
    }
    #shopify-section-our-coffee-banner .inner-banner .bird-img{
        max-width: 300px;
        margin-top: -155px;
    }
    #product-grid .grid__item .card__inner.color-background-2.gradient.ratio {
    max-height: 260px;
   }
  {##product-grid .grid__item .card__heading.h5 .full-unstyled-link{#}
  {#  font-size: 18px;#}
  {#  font-family: Mindset;#}
  {#  padding: 10px 15px;#}
  {#}#}
}
@media(max-width:991px){
  .product-form__buttons{
    flex-direction:column;
  }


    .top-section{
        padding: 5px 0 ;
    }
    .custom-conntainer, .page-width{
        padding: 0 2em;
    }
    .hero-section .hero-section-right .banner-title h2{
        font-size: 59px;
        line-height: 42px;
    }
    .hero-section .hero-section-right p{
        font-size: 24px;
    }
    .hero-section .hero-section-right p span{
        font-size: 28px;
    }
    .home-page-banner:after  {
        right: -317px;
        width: 398px;
        background-size: cover;
        margin-top: 0;
        transform: translate(231px, 36px);
        top: 95px;
        bottom: inherit;
        height: 313px;
    }
    .custom-conntainer h4{
        font-size: 24px;
        line-height: 30px;
    }
    .custom-conntainer h3{
        font-size: 40px !important;
        padding: 5px 0 !important;
        line-height: 48px !important;
    }
    .custom-conntainer p {
        font-size: 16px;
    }
    .our-vision .our-vision-box .our-vision-content{
        padding: 10px;
    }
    .our-vision .our-vision-box .our-vision-content .our-vision-text{
        font-size: 30px;
    line-height: 36px;
    }
    .join-the-club h3{
        font-size: 22px !important;
    }
    .join-the-club .input-group input{
        min-height: 36px;
        font-size: 16px;
    }
    .join-the-club .input-group .btn-yellow{
        font-size: 16px;
    }
    .usefull-link ul li a{
        padding: 0 5px;
        font-size: 12px;
        margin-right: 0 !important;
    }
    .footer-bottom ul li a{
        margin-right: 7px !important;
    }
    .footer-bottom ul li a img{
        max-width: 30px;
    }
    .inner-banner h3{
        font-size: 24px;
    line-height: 34px;
    }
    .our-coffee-bg{
        padding: 60px 10px;
    }
    #shopify-section-our-coffee-banner .inner-banner .bird-img{
        max-width: 290px;
        margin-top: -145px;
    }
    .our-story-banner .our-story-icon {
        max-width: 285px;
        left: 5rem;
        top: 60px;
    }
    #shopify-section-our-story-banner .inner-banner .bird-img{
        max-width: 220px;
        margin-top: -125px;
    }
    .meet-owner.story-owner h5{
        font-size: 36px;
        padding-bottom: 40px;
    }
    .meet-owner.story-owner{
        padding-bottom: 30px;
    }
    #product-grid .grid__item .card__inner.color-background-2.gradient.ratio {
      max-height: 200px;
    }
  #product-grid .grid__item .card__heading.h5 .full-unstyled-link{
    font-size:16px;
  }
  .add-to-cart-btn-group{
        flex-flow: wrap;
  }
  .add-to-cart-btn-group .btn-primary.btn-yellow{
        margin-left: 0;
        margin-top:15px;
  }
  .contact-column .contact-list .contact-icon img{
        max-width: 20px;
  }
  .contact-column .contact-list .contact-icon span {
    font-size: 16px;
  }
  .contact-column .contact-list .contact-content{
        font-size: 16px;
  }
  .contact-column .contact-list .contact-content a{
        color: #8d8d8d;
    font-size: 16px;
    line-height: 26px;
  }
  .contact-column .contact-list{
    min-height: 70px;
  }
}
@media(max-width:767px){
    .hero-section{
        flex-flow: wrap;
    justify-content: center;
    }
    .hero-section .hero-section-left{
        max-width: 100%;
    flex: 0 0 100%;
    }
    .hero-section .hero-section-right{
        max-width: 100%;
        flex: 0 0 100%;
        padding: 23px 0 0;
    }
    .meet-owner {
        padding: 40px 0;
    }
    .meet-owner .meet-row{
        flex-flow: wrap;
    }
    .meet-owner .meet-row .meet-column{
        flex: 0 0 100%;
    max-width: 100%;
    }
    .meet-owner .meet-row .meet-column .meet-content{
        padding: 35px 0px 0;
    }
    .our-vision .our-vision-box .our-vision-content{
        flex-flow: wrap;
        flex-direction: column-reverse;
        top: -15px;
        left: 15px;
    }
    .our-vision .our-vision-box .our-vision-content .our-vision-text{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 15px 0;
    }
    .our-vision .our-vision-box .our-vision-content .our-vision-img{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .our-vision, .our-products{
        padding-bottom: 30px;
    }
    .our-products .our-products-row{
        flex-flow: wrap;
        margin-left: -20px;
    margin-right: -20px;
    justify-content: center;
    }
    .our-products .our-products-row .our-products-column{
        padding: 0 20px 25px;
    flex: 0 0 100%;
    max-width: 100%;
    }
    .join-the-club {
        flex-direction: column;
    }
    .join-the-club h3{
        margin: 0;
    }
    .join-the-club .input-group{
        flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0 0;
    }
    .join-the-club .input-group input{
        min-width: 100%;
        margin: 0 auto 10px;
    }
    .footer-bottom{
        flex-direction: column;
    }
    .usefull-link ul{
        flex-flow: wrap;
    justify-content: center;
    line-height: 24px;
    }
    .our-coffee h3, .our-coffee h4, .our-coffee p{
        max-width: 100%;
    }
    #shopify-section-our-coffee-banner .inner-banner .bird-img, #shopify-section-our-story-banner .inner-banner .bird-img{
        max-width: 215px;
        margin-top: -95px;
    }
    .our-coffee-bg {
        padding: 30px 10px;
    }
    .our-coffee-bg .our-coffee-row .our-coffee-column .our-coffee-box{
        padding: 0 7px;
    }
    .our-shop-bg{
        padding: 50px 25px 25px;
        margin-top: 0;
    }
    .our-shop-bg .our-shop-product{
        top: -125px;
    margin-bottom: -125px;
    padding-bottom: 25px;
    }
    .our-shop-bg .our-shop-product img {
        max-width: 140px;
    }
    .our-coffee-bg.our-story-bg{
        background-size: cover;
    }

    .our-videos{
        padding: 0px 0 20px;
    }
    .our-story-banner .our-story-icon{
        max-width: 166px;
        left: 20px;
        top: 10px;
    }
  .hero-section .hero-section-right .banner-title{
        max-width: 300px;
    margin: auto;
  }
  .home-page-banner:after{
    top:50%;
  }
  #product-grid{
    flex-flow: wrap;
  }
  #product-grid .grid__item{
    max-width: 100%;
    width: 100%;
    padding-bottom:15px;
  }
  #product-grid .grid__item .card__inner.color-background-2.gradient.ratio {
      max-height: 100%;
    }
  .contact-column{
    flex: 0 0 100%;
    max-width: 100%;
  }
   .dark-blue-section{
    padding: 6rem 0 4rem !important;
   }
   .coffe-world-section{
     padding: 3rem 0 18rem;
   }
.top-coffee-bg:before{
  top: -15rem;
}
.top-coffee-bg:after{
  top: -8rem;
  }
  .form-column{
    max-width: 1500px !important;
  }
  .contact-row{
    display: block !important;
  }
}
@media(max-width:575px){
     .hero-section .hero-section-right .banner-title{
           max-width: 280px;
    margin: auto;
     }
    .inner-banner h3{
        width: 100%;
    top: 25%;
    left: 0;
    transform: translate(-0%, -50%);
    font-size: 16px;
    line-height: 25px;
    }
    #shopify-section-our-coffee-banner .inner-banner .bird-img, #shopify-section-our-story-banner .inner-banner .bird-img{
        max-width: 141px;
        margin-top: -62px;
    }
    .our-coffee-bg{
        background-size: cover;
        padding: 0;
    }
    .our-coffee-bg .our-coffee-row{
        flex-flow: wrap;
    }
    .our-coffee-bg .our-coffee-row .our-coffee-column {
        max-width: 100%;
        padding-bottom: 15px;
    }
    .our-shop-bg{
        padding: 15px;
    }
    .our-shop-bg .our-shop-product{
        position: static;
        flex-direction: column;
        margin: 0;
    }
}

/* Start css for HSBC page */
.custom-conntainer{
    padding: 0 5rem;
}
.top-header{
    background: var(--brand-text);
    padding: 1.5rem 0;
}

.custom-conntainer h2{
    font-size: 51px;
    color: var(--brand-red);
    margin: 0;
    line-height: 1.3;
    margin-bottom: 30px;
}
.custom-conntainer h4{
    color: var(--brand-blue);
    font-size: 45px;
    margin: 0;
    font-weight: normal;
    line-height: 54px;
    white-space: pre-line;
}
.custom-conntainer h3{
    margin: 0;
    font-weight: normal;
    color: var(--brand-blue);
    font-size: 75px;
    padding: 30px 0;
    line-height: 55px;
}


/* product-banner css */
.product-banner{
    background: #004FD8;
    padding: 5rem 0;
    text-align: center;
}
.banner-text h1{
    color: #fff;
    font-size: 190px;
    font-weight: normal;
    margin: 0;
    line-height: 1.3;
}
.banner-text p{
    color: #FF8300;
    text-transform: uppercase;
    font-family: 'Mindset';
    font-size: 54px;
}
/* product-banner css */
.our-shop-bg{
    background: var(--brand-red);
    margin-bottom: 40px;
    text-align: center;
    padding: 50px 25px;
    margin-top: 90px;
}
.our-shop-bg .our-shop-product{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -180px;
    margin-bottom: -180px;
    padding-bottom: 25px;
}
.our-shop-bg .our-shop-product img{
    max-width: 325px;
}
footer{
    background: var(--brand-text);
    padding: 30px 0;
}
footer .footer-top{
    display: flex;
    justify-content: center;
    border-bottom: 3px solid #fff;
    padding-bottom: 20px;
}
.join-the-club{
    display: flex;
    align-items: center;
}
.join-the-club h3{
    margin: 0 30px 0 0;
    color: #fff;
    font-weight: normal;
    font-size: 36px !important;
    line-height: 1 !important;
    padding: 0;
}
.join-the-club .input-group{
    display: flex;
}
.join-the-club .input-group input{
    background: var(--brand-yellow);
    border: 0;
    padding: 7px 10px;
    min-height: 42px;
    font-size: 16px;
    font-family: 'Mindset';
    margin-right: 15px;
    min-width: 300px;
    outline: 0;
}
.join-the-club .input-group input::placeholder{
    color: #000;
}
.join-the-club .input-group .btn-yellow{
    background: var(--brand-yellow);
    border: 0;
    font-size: 16px;
    font-family: 'Mindset';
    padding: 5px 20px;
}
.footer-bottom{
    display: flex;
    justify-content: center;
    padding-top: 25px;
    align-items: center;
}
.footer-bottom ul{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-bottom ul li a{
    display: inline-block;
    margin-right: 15px
}
.usefull-link ul{
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.usefull-link ul li a {
    color: #fff;

    padding: 0 17px;
    text-decoration: none;
    border-right: 1px solid #fff;
    font-size: 16px;
    line-height: 16px;
}
.usefull-link ul li:last-child{
    color: #fff;

    padding-left: 20px;
}
.coffe-world-section{
    padding: 5rem 0;
}
.custom-row {
    display: flex;
    flex-flow: wrap;
    margin-left: -15px;
    margin-right: -15px;
    align-items: center;
}
.custom-row .col-6{
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}
.coffe-world-section{
    padding: 5rem 0;
}
.rotate-img{
    background: var(--brand-red);
    line-height: 0;
}
.rotate-img img{
    width: 100%;
    transform: scale(1.05);
}
.dark-blue-section {
    background: #004FD8;
    padding: 4rem 0;
}
.dark-blue-section .custom-conntainer h4{
    color: #fff;
}
.dark-blue-section  .custom-conntainer .width-90{
    width: 70%;
    text-align: center;
    margin-left: auto;
    padding: 0 15px;
}
.dark-blue-section  .custom-conntainer h2{
    color: var(--brand-yellow);
    margin: 0;
    font-size: 96px
}
.dark-blue-section  .custom-conntainer p{
    color: #FFFFFF;
}
.light-blue-bg{
    background-color: #289EFC !important;
}
.dark-blue-section img{
    margin-top: -5rem;
    margin-bottom: -5rem;
    position: relative;
    transform: scale(1.05);
    z-index: 4;
}
.dark-blue-section.coffee-bottm-bg img{
    top: -80px;
}
.top-coffee-bg, .coffee-bottm-bg{
    position: relative;
}
.top-coffee-bg:before{
    content: '';
    width: 390px;
    height: 555px;
    background: url(//blueturacocoffee.com/cdn/shop/t/16/assets/coffee-boy.png?v=12317630373839318181765357608) no-repeat center center;
    background-size: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
}
.coffee-bottm-bg::before{
    content: '';
    width: 300px;
    height: 566px;
    background: url(//blueturacocoffee.com/cdn/shop/t/16/assets/coffe-boy-bottom.png?v=71078720227182893291765357608) no-repeat center center;
    background-size: 100%;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -30%;
}
.top-coffee-bg:after{
    content: '';
    width:  350px;
    height: 270px;
    background: url(//blueturacocoffee.com/cdn/shop/t/16/assets/cup-with-coffee.png?v=93805969982633071851765357608) no-repeat center center;
    background-size: 100%;
    position: absolute;
    z-index: 3;
    right: 3%;
    top: -20%;
}
.testimonial{
    padding: 4rem 0;
    text-align: center;
}
.powerfull-coffee{
    padding: 4rem 0 9rem;
    text-align: center;
}
.powerfull-coffee .team-text{
    font-family: 'Market';
    color: #FF8600;
    font-size: 65px;
    line-height: 1;
    transform: rotate(-10deg);
}
.card__content{
    position: relative;
}
.card__badge-free-shipping{
    position: absolute;
    bottom: 0;
    left: 15px;
    top: -40px;
}
@media(max-width:1600px){
.top-header{ padding: 1rem 0;}
.top-header .logo img{    max-width: 600px;}
.product-banner .banner-text img{max-width: 450px;}
.banner-text h1{font-size: 130px;}
.custom-conntainer h2{    font-size: 42px;}
.top-coffee-bg:before{width: 280px;bottom: 10px; height: 390px;}
.dark-blue-section .custom-conntainer h2{font-size: 60px;}
.top-coffee-bg:after{width: 212px; height: 190px;}
.custom-conntainer h4{    font-size: 32px;line-height: 1.3;}
.coffee-bottm-bg::before{    width: 170px; height: 340px;}
.powerfull-coffee .team-text{font-size: 42px;}
.banner-text p{    font-size: 32px !important;}
.dark-blue-section.coffee-bottm-bg img{max-width: 350px;}
}
@media(max-width:1199px){
    .top-header .logo img {
        max-width: 450px;
    }
    .product-banner .banner-text img{
        max-width: 360px;
    }
    .banner-text h1 {
        font-size: 80px;
    }
    .button--primary,
    .btn-primary{
        font-size: 20px;
        padding: 10px 20px;
        min-width: 170px;
    }
    .banner-text p {
        font-size: 22px !important;
    }
    .custom-conntainer h2 {
        font-size: 30px;
    }
    .custom-conntainer p {
        font-size: 16px;
    }

    .usefull-link ul li a{
        padding: 0 10px;
        font-size: 12px;
        line-height: 14px;
        margin-right: 0;
    }
    .usefull-link ul li:last-child {
        padding-left: 8px;
        font-size: 12px;
    }
    .footer-bottom ul li a img{
        max-width: 35px;
    }
    .product-banner{
        padding: 3rem 0;
    }
    .coffe-world-section {
        padding: 3rem 0;
    }
    .custom-conntainer p strong {
        font-size: 22px;
    }
    .top-coffee-bg:before {
        width: 210px;
        bottom: 10px;
        height: 270px;
    }
    .custom-conntainer h4{
        font-size: 22px;
    }
    .dark-blue-section .custom-conntainer h2 {
        font-size: 42px;
    }
    .dark-blue-section.coffee-bottm-bg img {
        max-width: 260px;
    }
}
@media(max-width:991px){

    .custom-conntainer{
        padding: 0 2rem;
    }

    .join-the-club h3{
        font-size: 22px !important;
    }
    .join-the-club .input-group input{
        min-height: 36px;
        font-size: 16px;
    }
    .join-the-club .input-group .btn-yellow{
        font-size: 16px;
    }
    .usefull-link ul li a{
        padding: 0 5px;
        font-size: 12px;
        margin-right: 0 !important;
    }
    .footer-bottom ul li a{
        margin-right: 10px;
    }
    .footer-bottom ul li a img{
        max-width: 30px;
    }
    .top-coffee-bg:before {
        width: 150px;
        bottom: 10px;
        height: 240px;
    }
    .top-coffee-bg:after {
        width: 155px;
        height: 160px;
    }
    .custom-conntainer h4 {
        font-size: 18px;
    }
    .dark-blue-section.coffee-bottm-bg img {
        max-width: 215px;
    }
    .coffee-bottm-bg::before {
        width: 137px;
        height: 290px;
        bottom: -20%;
    }
}
@media(max-width:767px){

    .join-the-club {
        flex-direction: column;
    }
    .join-the-club h3{
        margin: 0;
    }
    .join-the-club .input-group{
        flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0 0;
    }
    .join-the-club .input-group input{
        min-width: 100%;
        margin: 0 auto 10px;
    }
    .usefull-link ul{
        flex-flow: wrap;
    justify-content: center;
    line-height: 24px;
    }
    .banner-text h1 {
        font-size: 54px;
    }
    .banner-text p {
        font-size: 16px !important;
    }
    .custom-row .col-6{
        flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    }
    .dark-blue-section .custom-conntainer .width-90{
        width: 100%;
    }
    .custom-conntainer h4{
        white-space: normal;
    }
    .top-coffee-bg:after {
        width: 124px;
        height: 145px;
    }
    .top-coffee-bg:before {
        width: 150px;
        bottom: inherit;
        height: 204px;
        top: -39%;
        background-size: 100%;
    }
    .dark-blue-section img{
        transform: none;
        margin: 0;
    }
    .dark-blue-section .custom-conntainer p{
        margin-bottom: 0;
    }
    .dark-blue-section.coffee-bottm-bg img{
        top: 10px;
    }
    .our-shop-bg .our-shop-product img {
        max-width: 210px;
    }
  .footer-btn {
    margin-top: 20px;
}
}
@media(max-width:575px){
    .top-header .logo img {
        max-width: 100%;
    }
    .product-banner .banner-text img {
        max-width: 220px;
    }
    .banner-text h1 {
        font-size: 30px;
    }
    .coffe-world-section {
        padding: 3rem 0 8rem;
    }
    .our-shop-bg .our-shop-product img {
        max-width: 150px;
    }
    .powerfull-coffee{
        padding: 2rem 0 3rem;
    }
    .footer-bottom{
        flex-flow: wrap;
    }
    .coffee-bottm-bg::before {
        width: 85px;
        height: 230px;
        bottom: -15%;
    }
}

/* Start: General classes */
.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.items-center {
  align-items: center;
}

.section {
  padding: 24px 0;
}

.column {
  width: 100%;
  margin-bottom: 32px;
}
.column:last-child {
  margin-bottom: 0;
}

.columns-container {
  padding: 0 24px;
  /* max-width: 1152px; */
  margin: 0 auto;
  column-gap: 36px;
}
.columns-container--large {
  max-width: 1152px;
}
.columns-container--medium {
  max-width: 992px;
  /* column-gap: 24px; */
}
.columns-container--small {
  max-width: 776px;
  /* column-gap: 12px; */
}
.columns-container--extra-small {
  max-width: 552px;
}

.columns-container--gap-small {
  column-gap: 12px;
}
.columns-container--gap-medium {
  column-gap: 24px;
}

.text-heading {
  font-size: 32px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--brand-blue);
}
.text-heading--small {
  font-size: 24px;
}
.text-heading--red {
  color: var(--brand-red);
}
.text-heading--yellow {
  color: var(--brand-yellow);
}
.text-heading--blue {
  color: var(--brand-bright-blue);
}

.text-body {

  font-size: 20px;
  margin: 0;
  line-height: 1.3;
  font-weight: 500;
  color: var(--brand-text);
}
.text-body p {
  margin-top: 0;
  margin-bottom: 16px;
}
.text-body p:last-child {
  margin-bottom: 0;
}

.custom-image {
  display: inline-block;
  width: 100%;
  line-height: 0;
  background: var(--brand-red);
}
.custom-image img {
  transform: rotate(-6deg);
  transition: all .5s;
}
.custom-image:hover img {
  transform: rotate(0);
}

.custom-quote {
  width: 100%;
  background: #3455a2;
}
.custom-quote__content {
  padding: 24px;
}
.custom-quote .custom-quote__content {
  transform: rotate(-6deg);
  transition: all .5s;
}
.custom-quote:hover .custom-quote__content {
  transform: rotate(0);
}


@media screen and (min-width: 576px) {
  .section {
    /* padding-top: 36px; */
    padding-bottom: 36px;
  }
}

@media screen and (min-width: 768px) {
  .section {
    /* padding-top: 48px; */
    padding-bottom: 48px;
  }

  .columns-container {
    column-gap: 48px;
  }

  .columns-container--gap-small {
    column-gap: 24px;
  }
  .columns-container--gap-medium {
    column-gap: 36px;
  }
}

@media screen and (min-width: 992px) {
  /* .section {
    padding-top: 60px;
    padding-bottom: 60px;
  } */

  .columns-container {
    column-gap: 60px;
  }

  .columns-container--gap-small {
    column-gap: 24px;
  }
  .columns-container--gap-medium {
    column-gap: 48px;
  }
}
/* End: General classes */


/* Start: investor page */
/* Introduction */
.investor-introduction {
  color: #fff;
  background: #3455a2;
}

.investor-introduction__title,
.investor-introduction__description {
  color: #fff;
}

.investor-introduction__title {
  font-size: 36px;
}

.investor-introduction__description {
  margin-top: 18px;
  font-size: 20px;
  line-height: 1.3;
}

.investor-introduction__button {
  margin-top: 32px;
}

.investor-introduction__image-column {
  display: flex;
  justify-content: center;
}

.investor-introduction .custom-image {
  max-width: 360px;
  /* max-width: 450px; */
}

/* // Story */
/* .investor-story {
  padding: 24px 0;
} */

.investor-story__columns {
  text-align: left;
  /* max-width: 720px; */
}

/* .investor-story__title {
} */

.investor-story__text {
  margin-top: 16px;
}

.investor-story__signature {
  margin-top: 12px;
  font-family: 'Pacifico';
  font-size: 24px;
}

/* Robusta revolution */
/* .investor-robusta-revolution__columns {
} */

.investor-robusta-revolution .custom-image {
  max-width: 536px;
}

.investor-robusta-revolution__image-column {
  display: flex;
  justify-content: center;
}

.investor-robusta-revolution__description {
  margin-top: 16px;
}

/* Our coffee */
.investor-our-coffee__description {
  margin-top: 12px;
}

.investor-our-coffee__usp {
  margin-bottom: 12px;
}
.investor-our-coffee__usp:last-child {
  margin-bottom: 0;
}
.investor-our-coffee__usp .text-heading {
  margin-bottom: 3px;
}

.investor-our-coffee__image-column {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 32px;
  margin-left: -18px;
  /* background: red; */
}

.investor-our-coffee__image {
  /* position: absolute; */
  max-width: 200px;
  /* max-width: 180px; */
}
.investor-our-coffee__image--orange {
  /* left: 104px;
  top: 0; */
  margin-left: 128px;
  z-index: 0;
}
.investor-our-coffee__image--blue {
  /* left: 0;
  top: 90px; */
  margin-top: -238px;
  /* margin-top: -150px; */
  z-index: 10;
}

/* Quotes */
.investor-quotes {

}

.investor-quotes__columns {
  margin-top: 36px;
}
.investor-quotes__columns:first-child {
  margin-top: 0;
}

.investor-quotes__text-column {

}

.investor-quotes__title {

}

.investor-quotes__description {
  margin-top: 16px;
}

.investor-quotes__quote {
  display: flex;
  justify-content: center;
}

.custom-quote {
  max-width: 420px;
  background: #3455a2;
}
.custom-quote__content {
  position: relative;
  background: #e5e5e5;
}
.custom-quote__content:after {
  position: absolute;
  top: -12px;
  left: -24px;
  content: "\201C";
  font-family: Mindset;
  font-size: 100px;
  line-height: 1;
  color: var(--brand-red);
  transform: rotate(-8deg);
}
.custom-quote__text {
  color: var(--brand-red);
}
.custom-quote__name {
  margin-top: 12px;
  color: #3455a2;
}

/* Press */
.investor-press__title {
  text-align: center;
}

.investor-press__articles {
  margin-top: 16px;
  background-size: 100% 100% !important;
  background: url(//blueturacocoffee.com/cdn/shop/t/10/assets/orange-shape.png?v=6004567…) no-repeat center center;
}

.investor-press__articles-columns {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 12px;
}
.investor-press__articles-column {
  background: green;
  display: flex;
  width: 100%;
  max-width: 420px;
  overflow: hidden;
  align-items: center;
  /* padding-bottom: 75%; */
  aspect-ratio: 3 / 2;
}
.investor-press__articles-column--top {
  align-items: start;
}
.investor-press__articles-column--bottom {
  align-items: end;
}

.investor-press__articles-column img {
  width: 100%;
}

.investor-press__articles-column a,
.investor-press__articles-column img {
  display: block;
  width: 100%;
}

/* Reviews */
.investor-reviews__title {
  text-align: center;
}

.investor-reviews__widget {
  margin-top: 16px;
}

.investor-reviews__widget .jdgm-carousel-title-and-link {
  display: none;
}

.investor-reviews__widget .jdgm-carousel-wrapper {
  width: 100%;
  padding: 0;
}

.investor-reviews__widget .jdgm-carousel__arrows {
  margin: 0 auto;
}

.investor-reviews__widget .jdgm-carousel-wrapper .jdgm-carousel__left-arrow,
.investor-reviews__widget .jdgm-carousel-wrapper .jdgm-carousel__right-arrow{
  margin-top: -120px;
}

/* Signup */
.investor-signup {
  background: #fb0;
}
.investor-signup.section {
  padding-top: 48px;
  padding-bottom: 54px;
}

.investor-signup__text {
  margin-top: 16px;
}

/* .investor-signup__form {
  margin-top: 16px;
}

.investor-signup__form .klaviyo-form {
  padding: 0 !important;
} */

.investor-signup__button {
  margin-top: 32px;
}

@media screen and (min-width: 576px) {
  /* Introduction */


  /* Story */
  .investor-story__columns {
    text-align: center;
  }

  /* Press */
  .investor-press__articles {
    padding: 0 24px;
    /* max-width: 1212px; */
    background-size: 100% 100% !important;
  }

  .investor-press__articles-columns {
    row-gap: 16px;
  }

  /* Signup */
  .investor-signup__columns {
    max-width: 640px;
    text-align: center;
  }

  .investor-signup__form {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .investor-signup.section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (min-width: 768px) {
  /* Introduction */
  .investor-introduction__button {
    margin-top: 40px;
  }

  .investor-introduction__columns {
    display: flex;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .investor-introduction__columns .column {
    grid-column: span 1 / span 1;
    margin-bottom: 0;
  }

  .investor-introduction__text-column {
    display: flex;
    flex-direction: column;
    justify-content: start;
    margin-top: 48px;
  }

  .investor-introduction__title {
    font-size: 48px;
  }

  .investor-introduction__description {
    margin-top: 24px;
    font-size: 24px;
    line-height: 1.5;
  }

  .investor-introduction .meet-img {
    width: 350px;
  }

  /* Story */


  /* Robusta revolution */
  .investor-robusta-revolution__columns {
    display: flex;
    flex-direction: row-reverse;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .investor-robusta-revolution__columns .column {
    grid-column: span 1 / span 1;
    margin-bottom: 0;
  }

  .investor-robusta-revolution__image-column {
    justify-content: flex-end;
  }

  .investor-robusta-revolution .custom-image {
    max-width: 320px;
  }

  .investor-robusta-revolution__text-column {
    margin-right: 24px;
  }

  /* Our coffee */
  .investor-our-coffee__columns {
    display: flex;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .investor-our-coffee__columns .column {
    grid-column: span 1 / span 1;
    margin-bottom: 0;
  }

  .investor-our-coffee__usp {
    margin-bottom: 18px;
  }
  .investor-our-coffee__usp .text-heading {
    margin-bottom: 6px;
  }

  .investor-our-coffee__image-column {
    margin-top: 36px;
    margin-left: 0;
    display: block;
    max-width: 296px;
  }
  .investor-our-coffee__image--orange {
    margin-left: 108px;
  }
  .investor-our-coffee__image--blue {
    margin-top: -150px;
  }

  /* Quotes */
  .investor-quotes__columns {
    display: flex;
    flex-direction: row-reverse;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 48px;
  }
  .investor-quotes__columns:last-child {
    flex-direction: row;
  }

  .investor-quotes__text-column {
    margin: 0;
    padding-top: 12px;
  }

  .investor-quotes .columns-container {
    column-gap: 32px;
  }

  .investor-quotes__quote {
    max-width: 420px;
  }

  /* Press */
  .investor-press__articles {
    margin-top: -6px;
    padding: 32px 30px;
    max-width: 1188px;
  }

  .investor-press__articles-columns {
    flex-direction: row;
    row-gap: 0;
    column-gap: 12px;
  }

  .investor-press__articles-column {
    aspect-ratio: 10 / 9;
  }

  /* Reviews */
  .investor-reviews__title {
    text-align: left;
    margin-left: 64px;
  }

  /* Signup */
  .investor-signup__form {
    max-width: 480px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
  }

  .investor-signup__text {
    margin-top: 20px;
  }

  .investor-signup__button {
    margin-top: 44px;
  }
  .investor-signup.section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .investor-signup__title {
    font-size: 48px;
  }
}

@media screen and (min-width: 992px) {
  /* Introduction */
  .investor-introduction__text-column {
    margin-left: 36px;
    margin-top: 24px;
    /* margin-top: 54px; */
  }

  .investor-introduction__image-column {
    justify-content: flex-start;
  }

  /* Story */

  /* Robusta revolution */
  .investor-robusta-revolution .custom-image {
    max-width: 380px;
  }

  .investor-robusta-revolution__text-column {
    margin-top: 36px;
    margin-right: 48px;
  }

  /* Quotes */
  .investor-quotes__text-column {
    padding-top: 16px;
  }

  .investor-quotes .columns-container {
    column-gap: 40px;
  }

  /* Press */
  .investor-press__articles {
    margin-top: -12px;
    padding: 60px 48px;
    max-width: 1248px;
  }

  .investor-press__articles-columns {
    column-gap: 20px;
  }
}

/* End investor page */


.content-container p{
  font-size: 18px;
  line-height: 1.7;
  margin: 0 0 30px;
}
.color-background-1 p {
  color: var(--brand-text);
}

/* End css */