/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";
@font-face {
font-family: "Lato-Light";
src: url(../fonts/Lato-Light.ttf);
font-display: block;
font-display: swap;
}
@font-face {
font-family: "Lato-Regular";
src: url(../fonts/Lato-Regular.ttf);
font-display: block;
}
@font-face {
font-family: "Lato-Regular";
src: url(../fonts/Lato-Regular.ttf);
font-display: block;
}

@font-face {
font-family: "Lato-Bold";
src: url(../fonts/Lato-Bold.ttf);
font-display: block;
font-display: swap;
}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                @font-face {
font-family: "Lato-Bold";
src: url(../fonts/Lato-Bold.ttf);
font-display: block;
font-display: swap;
}

* {
font-family: "Lato-Regular";
}

.container {
max-width: 1440px;
margin: 0 auto;
padding: 0 16px !important;
}

.section {
padding: 48px 0;
}

/* Animation Classes */
.reveal-item {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: opacity 0.6s ease, visibility 0.6s ease, -webkit-transform 0.6s ease;
transition: opacity 0.6s ease, visibility 0.6s ease, -webkit-transform 0.6s ease;
-o-transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;
transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease;
transition: opacity 0.6s ease, transform 0.6s ease, visibility 0.6s ease, -webkit-transform 0.6s ease;
}

.reveal-item.active {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

.light-blue-bg {
background-color: #F5F7FF;
}

.coffee_bean {
height: 18px;
width: auto;
-webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
flex: 0 0 auto;
}

/* CTA Background Images */
a.cta-brown-bg {
background: #F5F7FF !important;
background-image: url(../components/cta/cta-bg-images/cta_brown_bg.png) !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}

a.cta-green-bg {
background: inherit !important;
background-image: url(../components/cta/cta-bg-images/cta_green_bg.png) !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}

a.cta-orange-bg {
background: inherit !important;
background-image: url(../components/cta/cta-bg-images/cta_orange_bg.png) !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}

.beige-container-32 {
padding: 32px;
background-color: #F9EEDB;
border-radius: 28px;
}

.white-container-32 {
padding: 32px;
background-color: white;
border-radius: 28px;
}

.orange-container-32 {
padding: 32px;
background-color: #D38269;
border-radius: 28px;
}

.orange-container-32 {
padding: 32px;
background-color: #899F66;
border-radius: 28px;
}

@media all and (max-width:550px) {
.section {
padding: 48px 0;
}


.beige-container-32 {
padding: 16px;
}

.white-container-32 {
padding: 16px;
}

.orange-container-32 {
padding: 16px;
}

.orange-container-32 {
padding: 16px;
}
}