/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
    font-family: 'Akzidenz-Grotesk Next';    
    src: url('../fonts/AkzidGrtskNext-Regular.woff2') format('woff2'),
         url('../fonts/AkzidGrtskNext-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akzidenz-Grotesk Next';    
    src: url('../fonts/AkzidGrtskNext-Med.woff2') format('woff2'),
         url('../fonts/AkzidGrtskNext-Med.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akzidenz-Grotesk Next';    
    src: url('../fonts/AkzidGrtskNext-Bold.woff2') format('woff2'),
         url('../fonts/AkzidGrtskNext-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Impact';
    src: url('../fonts/impact-webfont.woff2') format('woff2'),
         url('../fonts/impact-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
    --text-size: 112.5%;
    --section-gap: 110px;
    --white: #ffffff;
    --black: #000000;
    --light-green: #d7ff7b;    
    --dark-green: #0E3C24;
    --primary-green: #a3e635;    
    --primary-blue: #4E61F5;
    --dark-blue: #3730a3;    
    
    --text-dark: #1f2937;
    --text-gray: #6b7280;
    
    --light-green-bg: #d7ff7b;
    --highlight-green: #d7ff7b;
    
}
        
*, html, {margin: 0;padding: 0;}
body { position: relative; margin:0; padding:0; font-family: 'Akzidenz-Grotesk Next', sans-serif !important; font-size:16px; font-weight: normal; background-color:var(--white); color: var(--black) ; line-height:normal;}
::-moz-selection {background-color: var(--dark-green); color: #fff;}/* Mozilla based browsers */
::selection {background-color: var(--dark-green); color: #fff;}/* Works in Safari */
strong, b { font-weight: 500; }
a {transition: all 0.3s ease;}
img { max-width: 100%;}
h1, h2 { margin-top: -5px; margin-bottom: 20px; font:normal 700.0%/115px "Impact", sans-serif; text-transform: uppercase; text-align: center; position: relative;}
@media (min-width: 992px) and (max-width: 1366px) {  
    h1, h2 { font-size: 500.0%; line-height: 80px; }
}
h1 span, h2 span { display: block; }
.only-mobile { display: none; }
.bg-white { background: var(--white); }
.pb-90 { padding-bottom: 90px !important; }

.btn-blue { background: var(--primary-blue); padding: 2px 30px; border-radius: 20px; color: var(--light-green); text-decoration: none; font: normal 125.0% "Impact", sans-serif; transition: all 0.3s ease;}
.btn-blue:hover { background: var(--light-green); color: var(--primary-blue);}
.btn-green { background: var(--dark-green); padding: 2px 30px; border-radius: 20px; color: var(--light-green); text-decoration: none; font: normal 125.0% "Impact", sans-serif; }
.btn-green:hover { background: var(--primary-blue); color: var(--light-green);}
.btn-light { background: var(--light-green); padding: 2px 30px; border-radius: 20px; color: var(--primary-blue); text-decoration: none; font: normal 125.0% "Impact", sans-serif; transition: all 0.3s ease;}
.btn-light:hover { background: var(--primary-blue); color: var(--light-green);}
.btn-black { background: #0e0e0e; padding: 2px 30px; border-radius: 20px; color: var(--light-green); text-decoration: none; font: normal 125.0% "Impact", sans-serif; }
.btn-black:hover { background: var(--primary-blue); color: var(--light-green);}
.margin-none {margin: 0 !important;}
.padding-none {padding: 0 !important;}
.bg-light-green { background-color: var(--light-green); }
.global-overlay { position: absolute; width: 100%; height: 100%; top: 0; }
.global-table { width: 100%; height: 100%; display: table;}
.global-cell {display: table-cell; vertical-align: middle;}
.play-btn {text-align: center;}
.play-btn a { display: block; margin:0 auto; border-radius: 50%; width:120px; height:120px; background:var(--primary-blue); color: var(--light-green); font-size:72px; line-height:122px; }
.play-btn a i { margin-left:15px;  }
.play-btn a:hover { background:var(--light-green); color: var(--primary-blue); }


.owl-nav { position: absolute; left: 0; top: 45%; width: 100%; padding: 0 30px; }
.owl-nav button {display: block; width: 50px; height: 50px; border-radius: 50%; background: #fdfdfd !important; font-size: 250.0% !important; line-height: 0px !important; text-align: center;   }
.owl-nav button span {width: 100%; height: 100%; display: block; line-height: 44px; text-align: center;}
.owl-nav button.owl-prev { float: left; }
.owl-nav button.owl-next { float: right; }

/*-- Header --*/                

header { position: absolute; left: 0; top: 0px; z-index: 99; width: 100%; padding: 20px 0 0 0; }
.btn-header { padding-top: 4px; padding-right: 25px; }
.btn-header a { display: inline-block; margin: 0 2px; }
.logo-header { width: 180px; margin-left: 25px; padding-top: 5px; }

/*-- Main Navigation --*/
@media (min-width: 992px) {

.main-navigation { display: flex; justify-content: flex-end; }
.main-navigation .navbar { padding: 0; }
.main-navigation .navbar ul li a:after {transition: transform 0.3s ease; display: none;}
.main-navigation .navbar ul li a { color: #fff; padding:10px !important; }
.main-navigation .navbar ul li:hover a:after {transform: rotate(45deg);}
.main-navigation .navbar ul li a:hover {color: #d7ff7b; }
.main-navigation .navbar ul li.active a { font-weight: bold;  }
.main-navigation .navbar ul li:hover > a { color:#d7ff7b; }
.main-navigation .navbar ul li:hover ul { display: block; background: #000; padding: 0 30px; }
.main-navigation .navbar ul ul li { border-bottom:1px solid #ccc; padding: 10px 0; }
.main-navigation .navbar ul ul li:last-child { border-bottom: 0; }
.main-navigation .navbar ul ul li a { padding: 0 !important; }
.main-navigation .navbar ul ul li a:hover { background: transparent;}
.dropdown-toggle::after { content: "+"; border: 0; vertical-align: middle; color: #d7ff7b; }

.mega-dd {column-count: 2; column-gap: 30px;}
.mega-dd li { break-inside: avoid;}
.mega-dd li:nth-child(6) { border-bottom: 0 !important; }

}

.fixed-top { background: #000; padding: 10px 0;}
.fixed-top .main-navigation button { top: 13px; }

.sm-icons-menu { padding-top: 50px; text-align: center; }
.sm-icons-menu a { display: inline-block; padding: 0 10px; }
.sm-icons-menu img { width: 52px; }



/*-- Hero Section --*/                
.hero-section { position: relative; margin-bottom:40px; background: var(--black); }
.hero-section:before { content: ""; width: 100%; height: 100%; position: absolute; display: block; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 2;}
.icon-rocket { position: absolute; left: 100px; top: 200px; width: 100px;  }
.icon-star { position: absolute; right: 100px; top: 200px; width: 100px;  }
.hero-section .container { position: relative; z-index: 4; }
.hero-content { padding-top: 100px; text-align: center; }
.hero-content h1 { margin-bottom: 15px; color: #fff; }
.hero-content h1 span { display: block; }
.hero-content h1.long-heading { font-size: 500.0%; line-height: 80px; }
.hero-content p {margin-bottom: 30px; font-size: 162.5%; color: #fff; }
.hero-content p span { display: block; }
.hero-content p a { text-decoration: none; font-weight: bold; }
.subscription-coverfold { }
.subscription-coverfold form { position: relative;  margin: 0 auto 30px auto; height: 60px; max-width:699px ; background: var(--white); border-radius: 50px;}
.subscription-coverfold p.small-text { display:none;}
.subscription-coverfold .slide-input {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; z-index: 2;}
.subscription-coverfold .slide-input.active {opacity: 1; z-index: 3;}
.subscription-coverfold .slide-input input { width:100%; height: 60px;  border: none; padding: 0 30px; outline: none; background: transparent; color: var(--dark-green);  font-size: 112.5%; text-align: left; }
.subscription-coverfold .slide-input input::placeholder { color: var(--dark-green); }
.subscription-coverfold .btn-green { position: absolute; right: 0; top: 0; z-index: 4; width: 140px; height: 60px;  border: none; cursor: pointer; border-radius: 50px; transition: all 0.3s ease;}
.subscription-coverfold .btn-tranparent { position: absolute; right: 0; top: 0; z-index: 5; content: ""; display: block; width: 140px; height: 60px; background:transparent; cursor: pointer;}
/*.first-slide { z-index: 3; }
.last-slide { z-index: 2; }*/
.coverfold-video { position: relative; text-align: center;} 
.coverfold-video img {border-radius: 20px; overflow: hidden;}
.animated-arrow { display: inline-block; width: 26px; height: 17px; background: url('../images/icon-animated-arrow.gif') no-repeat center center; background-size: 26px 17px; }

.video-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  opacity: 0.3;  z-index: 1; text-align: center;}
.white-shape-bottom { position: absolute;  z-index: 3; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; }
.white-shape-bottom svg {  position: relative; display: block; width: calc(100% + 1.3px); height: 400px; }
.white-shape-bottom .shape-fill { fill: #FFFFFF;}

.contact-coverfold { text-align: center; }
.contact-coverfold .form-control { margin-bottom: 10px; padding: 10px 30px; background: var(--white); font-size: 112.5%; color:var(--black); }
.contact-coverfold input::-webkit-input-placeholder,
.contact-coverfold textarea::-webkit-input-placeholder {color:#000; opacity:1;}/* WebKit, Blink, Edge */
.contact-coverfold input::-moz-placeholde,
.contact-coverfold textarea::-moz-placeholde {color:#000; opacity:1;}/* Mozilla Firefox 4 to 18 */
.contact-coverfold input::-moz-placeholder,
.contact-coverfold textarea::-moz-placeholder {color:#000; opacity:1;}/* Mozilla Firefox 19+ */
.contact-coverfold input::-ms-input-placeholder,
.contact-coverfold textarea::-ms-input-placeholder {color:#000; opacity:1;}/* Internet Explorer 10-11 */
.contact-coverfold .btn-blue { border: 0; padding: 10px 30px; text-transform: uppercase; border-radius: 50px;}

.contact-page .hero-mask-overlay img { width: 50%; }

.testimonials-coverfold { margin-bottom: 60px; }
.testimonials-coverfold .tc-item { text-align: center; color: var(--primary-green); }
.testimonials-coverfold .tc-item .review-text { color: var(--white);  }

.about-coverfold { padding-bottom: 250px; position: relative; }
.about-coverfold:after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 307px; background:url('../images/bg-coverfold-about.png') no-repeat center bottom; background-size: contain ; z-index: 4;  }

.my-container { display: none; position: absolute; z-index: 3;}
.my-container img { width: 100%; height: auto; display: block; position: relative; z-index: 2;}
@media only screen and (min-width:768px) {
    .my-container { padding: 0; margin: -70% 0% 0% 0%; width: 100%; display: block;}
}
@media only screen and (min-width:1200px) {
    .my-container { padding: 0;  margin: -55% 0% 0% 0%; width: 100%; display: block;}
}

@media only screen and (min-width:1350px) {
    .my-container { padding: 0; margin: -60% 0% 0% 0%; width: 100%;  display: block; }                
}
@media only screen and (min-width:1600px) {
    .my-container { padding: 0; margin: -68% 0% 0% 0%; width: 100%; display: block; }
}
@media only screen and (min-width:1800px) {
    .my-container { padding: 0; margin: -65% 0% 0% 0%; width: 100%; display: block; }
}
@media only screen and (min-width:1919px) {
    .my-container { padding: 0; margin: -60% 0% 0% 0%; width: 100%; display: block; }
}
@media only screen and (min-width:2400px) {
    .my-container { padding: 0; margin: -66% 0% 0% 0%; width: 100%; display: block; }
}
@media only screen and (min-width:2600px) {
    .my-container { padding: 0; margin: -62% 0% 0% 0%; width: 100%; display: block; }
}
@media only screen and (min-width:3000px) {
    .my-container { padding: 0; margin: -57% 0% 0% 0%; width: 100%; display: block; }
}
@media only screen and (min-width:3500px) {
    .my-container { padding: 0; margin: -54% 0% 0% 0%; width: 100%; display: block; }
}

.owl-carousel { z-index: 3; }

.hero-section .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width:576px) {
    .hero-section .container { max-width: 540px }
}
@media (min-width:768px) {
    .hero-section .container { max-width: 720px; }
}
@media (min-width:992px) {
    .hero-section .container { max-width: 960px; }
}
@media (min-width:1140px) {
    .hero-section .container { max-width: 1140px; }
}
@media (min-width:1600px) {
    .hero-section .container { max-width: 1366px; }
}
/* Hero Video Styles */
.hero-video { height: 0; width: 100%; position: relative; padding-bottom: 56.25%; margin-top: 3rem; }
@media (min-width:768px) {
    .hero-video { margin-top: 5rem; }
}
.hero-video { padding: 0; height: auto; margin-top: 0;}
.hero-video .wistia-close {
    display: block;
    opacity: 0;
    position: absolute;
    right: -10px;
    top: -60px;
    color: #fff;
    font-size: 5rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    font-weight: 300
}

@media (min-width:992px) {
    .hero-video .wistia-close {
        right: -50px;
        top: -70px;
        font-size: 6rem
    }
}

.hero-video .wistia-embed {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: auto;
    max-width: 100%;
    -webkit-transition: width 0s ease, min-width 0s ease;
    transition: width 0s ease, min-width 0s ease;
    z-index: 2;
    
}
.hero-video .wistia-embed {
    width: 100%;
    padding-top: 4%;
    padding-bottom: 10%;
    position: relative
}

.hero-video .wistia-embed__inner {
    position: relative;
    -webkit-transform: skewY(-8deg);
    transform: skewY(-8deg);
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-transition: -webkit-transform 0s ease;
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease
}

@media (min-width:768px) {
    .hero-video .wistia-embed__inner {
        -webkit-transform: skewY(-12deg);
        transform: skewY(-12deg);
        border-radius: 20px
    }
}

.hero-video .wistia-embed__inner iframe,
.hero-video .wistia-embed__inner img,
.hero-video .wistia-embed__inner video {
    background: #000;
    -webkit-transform: translateY(0) scale(1.2) skewY(8deg);
    transform: translateY(0) scale(1.2) skewY(8deg);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: -10px
}
.hero-video .wistia-embed__inner iframe,
.hero-video .wistia-embed__inner img,
.hero-video .wistia-embed__inner video {
    -webkit-transform: translateY(0) scale(1.6) skewY(8deg);
    transform: translateY(0) scale(1.6) skewY(8deg)
}

@media (min-width:768px) {
    .hero-video .wistia-embed__inner iframe,
    .hero-video .wistia-embed__inner img,
    .hero-video .wistia-embed__inner video {
        -webkit-transform: translateY(0) scale(1.2) skewY(12deg);
        transform: translateY(0) scale(1.2) skewY(12deg)
    }    
.hero-video .wistia-embed__inner iframe,
.hero-video .wistia-embed__inner img,
.hero-video .wistia-embed__inner video {
        -webkit-transform: translateY(0) scale(1.6) skewY(11deg);
        transform: translateY(0) scale(1.6) skewY(11deg)
    }
}

.hero-video .wistia-embed__inner iframe {
    -webkit-transform: none;
    transform: none
}

.hero-video .wistia-embed__inner .wistia-embed__button,
.hero-video .wistia-embed__inner video {
    opacity: 1;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease
}

.playing .hero-video .wistia-embed .wistia-embed__inner {
    -webkit-transform: skewY(0deg) !important;
    transform: skewY(0deg) !important
}

.playing .hero-video .wistia-embed .wistia-embed__button,
.playing .hero-video .wistia-embed .wistia-embed__time,
.playing .hero-video .wistia-embed video {
    opacity: 0;
    pointer-events: none
}
.hero-video .wistia-embed .wistia-embed__button {
    -webkit-transition: width .3s ease, height .3s ease;
    transition: width .3s ease, height .3s ease
}

.hero-video .wistia-embed .wistia-embed__time {
    opacity: 0
}

.hero-video .wistia-embed:hover .wistia-embed__button--green {
    width: 100%;
    height: 100%;
    background: rgba(187, 255, 84, .3)
}

/* Wistia Embed Styles */
.wistia-embed {
    width: 100%;
    cursor: pointer
}

.wistia-embed__inner {
    height: 0;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    -webkit-box-shadow: 2px 22px 60px rgba(0, 0, 0, .2);
    box-shadow: 2px 22px 60px rgba(0, 0, 0, .2)
}

.wistia-embed__inner img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.wistia-embed__button {
    height: 65px;
    position: absolute;
    width: 100px;
    z-index: 1;
    background-color: rgba(0, 0, 0, .8);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

@media (min-width:768px) {
    .wistia-embed__button {
        width: 127px;
        height: 81px
    }
}

.wistia-embed__button--green {
    background: rgba(187, 255, 84, .76)
}

.wistia-embed__button--fill,
.wistia-embed__button--green {
    -webkit-transition: background .3s ease, width .3s ease, height .3s ease;
    transition: background .3s ease, width .3s ease, height .3s ease
}

.wistia-embed__time {
    font-family: Courier New, Courier, sans-serif;
    font-size: 22px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
    top: 62%;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    pointer-events: none
}

.wistia-embed__play {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAABRCAYAAAD7G3lVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATFJREFUeNrs22FtwkAYx+F2QcAkMAfgYBKQwBxMQh1MwiRQB+CgEoaDzkG5S1a+E5IF+n+e5D4ve3+7N0s4mgYAAAAAAAAAAAAA7jFN06cp5MavjuWsTSMzfjWWszORzPizQzmvJpMZ3xYIj28LiG8LpMeffdsCufGrn3LeTS0z/uzLFsiNbwuEx7cFxL9ugY1pZsafdSaaG78abIHc+LaA+MvbAi/+XG5Sww9L2QLtEm/+P/2oUzkfbduexc+LX51L/DdrP09fzvaZf4GVhjf7/Vv3vVFk/bfvMUhg/PoAZG+6efE9Aw+MP/oCSGZ8tz0wvtseGn9w2zPjdyaXF99n9aHx3fbA+G57aHy3PTC+N/mh8b3DD4zvtofGd9tD47vtAAAAAAAAAAAAADymiwADAOSj1JBfF8xMAAAAAElFTkSuQmCC) no-repeat scroll 0 0/100px 65px;
    cursor: pointer;
    display: block;
    height: 65px;
    outline: medium none currentcolor;
    position: absolute;
    width: 100px;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width:768px) {
    .wistia-embed__play {
        width: 127px;
        height: 81px;
        background-size: 127px 81px
    }
}

.wistia-embed:hover .wistia-embed__button {
    background-color: rgba(40, 40, 40, .8)
}

.wistia-embed:hover .wistia-embed__button--green {
    background: rgba(187, 255, 84, .5)
}

.wistia-embed:hover .wistia-embed__button--fill {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.wistia-embed:hover .wistia-embed__time {
    opacity: 1
}

/* Pulse Animation Keyframes */
@-webkit-keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0)
    }
}

@keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

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

.wistia-embed__inner {  transform: none !important; }



}
@media only screen and (min-width:768px)
{
    .hero-video { margin-bottom: -40px; }
    

}


.wistia-embed .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999999999;}

/*-- Reviews Section --*/
.reviews-section { margin-bottom: 3rem; text-align: center; }
.reviews-section .stars-container { text-align: center; margin-bottom: 15px; }
.reviews-section .star { color: var(--dark-green); font-size: 1rem; }
.reviews-section .review-text { display: inline; background: var(--light-green); color: var(--dark-green); border-radius: 15px; padding: 7px 15px; font-weight:bold; font-size: 112.5%; }

/*-- Client Section --*/
.client-section {margin-bottom:var(--section-gap);}
.client-section .client-item { text-align: center; }
.client-section .owl-carousel .owl-item img { display: inline; width: auto; }
.client-section .owl-nav { top: -10px; padding: 0; }
.client-section .owl-nav button {width: 255px; height: 100px; background-repeat: repeat-y; background-position: center top; background-color: transparent !important; border-radius: inherit; position: relative;}
.client-section .owl-nav button span { display: none; }
.client-section .owl-nav button.owl-prev {  background-image: url(../images/left-overlay.png) !important; left: -120px;}
.client-section .owl-nav button.owl-next {  background-image: url(../images/right-overlay.png) !important; right: -120px;}



/*-- Main Content --*/
.main-content { margin-bottom: var(--section-gap); background: #fff; }
.content h2 {font-size: 300.0%; line-height: 58px; }
.content p { margin-bottom: 30px; font-size: 150.0%; line-height: 1.5; }
.content p.text-blue { color: var(--primary-blue); }
.content p.highlight { display: inline-block; margin-left: -20px; padding: 10px 20px; background: #e3ffa1; border-radius: 25px;  color: var(--dark-green);}
.content p strong {font-weight: bold;  color: var(--dark-green); }
.content ul { margin: 0 0 30px 0; padding: 0; list-style: none; }
.content ul li { margin: 0; padding: 0 0 10px 0; font-size: 150.0%; line-height: 1.5; }
.btn-content { margin-top: var(--section-gap); text-align: center; }
.btn-content a { padding: 20px 25px; border-radius: 50px; font-size: 250.0%; }

.btn-arrow { display: inline-block; width: 42px; height: 42px; background: url('../images/icon-arrow.gif') no-repeat center center; background-size: 42px 42px; }
.policy-content ul { list-style: disc; margin-left: 25px; }



/*-- Graphic Section --*/
.graphic-section { margin-bottom: var(--section-gap); }
.graphic-section h2 { color: var(--dark-green); }

/*-- Testimonials --*/
.testimonials { position: relative; margin-bottom: var(--section-gap); background: var(--light-green); }
.testimonials .owl-carousel .owl-item img { width: auto; }
.testimonials-image { width: 100%; }
.testimonials-content { padding: 0 20%; color: var(--dark-green);}
.testimonials-content img { margin-bottom: 40px; }
.testimonials-content h3 { margin-bottom: 30px; position: relative;  font-weight: bold; font-size: 132.5%; display: block; padding-left: 60px; }
.testimonials-content h3:before { position: absolute; left: 0; top: 0; display: block; width: 44px; height: 44px; border-radius: 50%; text-align: center; content: ""; background:var(--primary-blue) url('../images/icon-quote.png') no-repeat center center ; }
.testimonials-content h3 span { display: block; }
.testimonials-content p { font-size: 125.0%; }

/*-- Metrics Section --*/        
.metrics-section { margin-bottom: var(--section-gap); }
.metrics-section h2 { color: var(--dark-green); }
.metrics-container {position: relative; text-align: center;}
.metrics-header { margin-bottom: 60px; }
.metrics-header p { color: var(--dark-green); font-size: 125.0%; }
.metrics-card { background-color: var(--light-green); height: 100%; border-radius: 15px; padding: 30px 15px; color: var(--dark-green); }
.metrics-card h3 { font-size: 162.5%; font-weight:bold ; }
.metrics-card h3 span { display: block; }
.metrics-card b { display: block; font:normal 500.0% "Impact", sans-serif; color: var(--primary-blue); }
.metrics-card i {display: block; position: relative; top: -20px; font:normal 200.0% "Impact", sans-serif; color: var(--dark-green); text-transform: uppercase; }
.metrics-card p { font-size: var(--text-size); }
.metrics-icon-left { position: absolute; left: 50px; top: 100px; }
.metrics-icon-right { position: absolute; right: 50px; top: 100px; }

/*-- Team Section --*/
.team-section {background: var(--dark-green);}
.team-container {  padding: 90px 40px 30px 40px; }
.team-member { margin-bottom: 50px; text-align: center; color: var(--white); }
.team-member h3 { margin-bottom: 5px; font-weight: bold; font-size: 150.0%; }
.team-member p {  font-size: 132.5%; }
.team-member-image { margin:0 auto 30px auto; background: var(--light-green); width: 90%; height: 90%; border-radius: 50%; overflow: hidden; }
.team-section .header-section { margin-bottom: 60px; text-align: center; }
.team-section .header-section h2 { margin-bottom: 20px; color: var(--light-green); }
.team-section .header-section p { color: var(--white); font-size: 150.0%; }

/*-- Image Banner --*/
.image-banner {margin-bottom: var(--section-gap); text-align: center; width: 100%; height: 600px; }
.image-banner img { width: 100%; height: 100%; object-fit: cover;  }

/*-- Social Media Section --*/
.sm-section { margin-bottom: var(--section-gap); padding: 150px 0; background: url('../images/bg-sm-section.jpg') no-repeat center center; text-align: center; }
.sm-section h2 { color: var(--white); }
.sm-section .sm-icon { margin-bottom: 20px; }
.sm-section .btn-blue:hover { background: var(--dark-green) ; color: var(--light-green); }
.sm-section {}


/*-- FAQ Section --*/
.faq-section { margin-bottom: 60px; }
.faq-section h2 { margin-bottom: 50px; color: var(--dark-green); }
#faq-accordion { --bs-accordion-border-color: transparent; }
#faq-accordion .accordion-item { margin-bottom: 30px;  border: 1px solid var(--dark-green); border-radius: 10px; overflow: hidden; }
#faq-accordion .accordion-button { padding-top:20px ; padding-bottom:20px ; background-color: transparent !important; font-size: 187.5%; color: var(--black); }
#faq-accordion .accordion-body p { font-size: var(--text-size); }
#faq-accordion .accordion-button::after { background-image: url('../images/icon-triangle.png') ; }

@media (min-width: 992px) and (max-width: 1440px) {  
    #faq-accordion .accordion-button { font-size: 137.5%; }
}

/*-- Image Text Section --*/ 
.image-text-section { margin-bottom: var(--section-gap); }
.it-image img { width: 100%; }
.it-content { height: 100%; }
.it-content h2 { color: var(--dark-green); text-align: left; }
.it-content p { color: var(--dark-green); font-size: var(--text-size); line-height: 1.6; }
.it-icon { margin-bottom: 30px; }

/*-- Tagline Section --*/
.tagline-section { position: relative; background: #0e0e0e;  }
.tagline-section h2 { color: var(--white); }
.tagline-section video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  z-index: 1; text-align: center;}
.tagline-section .tagline-text { position: relative;  z-index: 2; padding: 150px 0; }

@media (max-width: 1366px) {
    .tagline-section { background-image: url(../images/bg-tagline-laptop.jpg); }
}

/*-- Footer --*/        
footer { background: #0e0e0e; padding: 90px 0 60px 0; color: var(--white); }
footer h4 { font-size:112.5%; font-weight: bold; }
.logo-footer { margin-bottom: 20px; }
.logo-footer img { width: 220px; }
.content-footer { margin-bottom: 30px; }
.sm-icons-footer a { display: inline-block; margin-right: 10px; }
.sm-icons-footer i { color: var(--light-green); font-size: 150.0%; }
.footlinks ul { margin: 0; padding: 0; list-style: none; }
.footlinks ul li { margin: 0; padding: 0; }
.footlinks ul li a { display: block; padding: 5px 0; color: var(--white); text-decoration: none; }
.footlinks ul li a:hover { color: var(--light-green); }
.address-footer a {color: var(--white); text-decoration: none;}
.address-footer a:hover { color: var(--light-green); }
.address-footer b { display: block; margin-bottom: 20px;}
.address-footer p { line-height: 26px; }
.btn-footer { margin-bottom: 30px; }
.btn-footer .btn-blue { margin-right: 20px; }
.btn-footer .btn-blue:hover { background: var(--light-green); color: var(--dark-green); }
.btn-footer .btn-green { border: 1px solid var(--light-green); }
.btn-footer .btn-green:hover { border-color: var(--primary-blue); }
.btn-footer .btn-black { border: 1px solid var(--light-green); }
.btn-footer .btn-black:hover { border-color: var(--primary-blue); }

/*-- Video Modal Box --*/
.modal {border-radius: 0 !important; background: rgba(0, 0, 0, 0.8);}
.modal-content { position:relative; background-color: var(--black); }
.modal-header { position:absolute; right:0; top:-25px; padding:0; border:0;  }
.modal-header span { color: var(--white); }
.modal-body { padding:0; }
.modal-dialog { margin-top:100px; }



/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 767.98px) {
    :root {    
    --section-gap: 50px;
    --text-size: 100.0%;
    }    
    h1, h2 { font-size: 255.0%; line-height: 48px; }    
    h1 span, h2 span { display: inline; }
    .only-desktop { display: none; }
    .only-mobile { display: block; }
    .pb-60-m { padding-bottom: 60px !important; }

    .white-shape-bottom svg {height: 200px;}
    .play-btn a { width:72px; height:72px; font-size:32px; line-height:75px; }
    .play-btn a i { margin-left: 8px;}

    header { position: relative; left: inherit; top: inherit; padding: 0; background: url('../images/bg-coverfold-mobile.png') no-repeat center top !important;  }    
    header .col-md-2 { background:#000; }    
    .logo-header { margin: 15px 0 15px 10px; width: 180px; }
    .btn-header { padding:25px 0 0 0; text-align: center; }
    .btn-header a { margin: 0 5px; display: inline-block; padding: 5px 15px; }    

    
    .main-navigation button { position: absolute; top: -55px; right: 0px; }
    .main-navigation button span { font-size: 32px; }
    .main-navigation .navbar { padding-top: 0; }
    .navbar-toggler { color: var(--white) !important; }
    .navbar-toggler:focus { box-shadow: none; }
    .navbar-collapse { border-bottom: 1px solid #000; padding: 0 30px; }
    .navbar-collapse ul {  }
    .navbar-collapse ul li.nav-item { border-top: 1px solid #fff; }
    .navbar-collapse ul li.nav-item:first-child  { border-top: 0; }
    .navbar-collapse ul li a { color: #fff; font-size: 125.0%; text-align: center;  }        
    .navbar-collapse ul li.active a { font-weight: bold;  }
    .nav-link { padding-top: 15px; padding-bottom: 15px; }
    .nav-link:focus, .nav-link:hover { color: var(--light-green); }
    .dropdown-item:focus, 
    .dropdown-item:hover {color: var(--light-green); background-color: transparent;}
    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #fff; }
    .navbar-nav .dropdown-menu { background: transparent; border: 0; }    
    .dropdown-toggle::after { content: ""; background: url(../images/icon-dropdown.svg) no-repeat center center; width: 14px; height: 14px; border: 0; vertical-align: middle; color: #d7ff7b; }
    .hero-section {background: url('../images/bg-coverfold-mobile.png') repeat-y center top !important; }
    .hero-section:before { display: none ; }
    .hero-section .container-fluid {background: transparent url('../images/arrows-mobile.png') no-repeat center bottom; background-size: contain; }
    .about-coverfold .container-fluid {padding-bottom: 100px;}
    .hero-content { padding-top: 30px; }      
    .hero-content h1 span { display: inline; margin-bottom: 0; padding:0; background: inherit; color: inherit; border-radius: 0; }
    .icon-rocket { left: 15px; top: 100px; width: 50px; }
    .icon-star {right: 15px; top: 100px; width: 50px; }
    .hero-content p { font-size: 112.5%; }
    .hero-content p span { display: inline; }
    .subscription-coverfold p.small-text { display: block; margin-bottom: 5px; font-size: 84%; color: #fff; text-align: center; }    
    .subscription-coverfold .email-input { background: var(--white); border-radius: 50px; width: 100%; margin-bottom: 10px; font-size: 100.0%; font-weight: 400; text-align: center;  padding: 10px 15px;}
    .subscription-coverfold .email-input::placeholder { color: #828282; }
    .subscription-coverfold .btn-green { width: auto; padding-top: 10px; padding-bottom: 10px; }

    .video-bg { display: none; }
    


    .content p,
    .content ul li { font-size: 125.0%; }
    .content p.highlight { margin-left: 0; }
    .btn-content a { display: inline-block; padding: 10px 20px; font-size: 150.0%; }

    .owl-nav { top: 16%; }
    .testimonials-image { margin-bottom: 30px; }

    .metrics-header p { font-size: 100.0%; }    
    .metrics-icon-left { display: none; }
    .metrics-icon-right { margin: 0 auto; right: 0; left: 0; top: 50px; width: 54px; }
    .metrics-card { margin-bottom: 30px; height: auto; padding-bottom: 20px; }
    .metrics-card h3 { margin-bottom: 0px;  font-size: 150.0%;}
    .metrics-card h3 span { display: inline; }    


    .sm-section { padding: 50px 0; }
    .sm-section .btn-blue {padding: 5px 20px;}

    .faq-section { margin-bottom: 30px; }
    #faq-accordion .accordion-button { font-size: 125.0%; }
    .it-content { padding: 50px 15px 30px 15px; }

    footer { padding: 50px 0 30px 0;}
    .footlinks { margin-bottom: 30px; }
    .sm-icons-footer { margin-bottom: 30px; }
    .content-footer { margin-bottom: 30px; }
    .btn-footer { display: grid; justify-content: left;  }    
    .btn-footer a { display: inline-block; margin-right: 0; }
    .btn-footer .btn-blue { margin:0 0 10px 0; }

    .testimonials-coverfold {margin-bottom: 20px;}
    .testimonials-coverfold .tc-item { margin-bottom: 20px;}    
    .testimonials-content { padding: 30px 15px 40px 15px; }
    .testimonials-content h3 { margin-bottom: 10px; font-size: 125.0%; }
    .testimonials-content h3 span { font-size: 75.0%; }
    .testimonials-content p { font-size: 100.0%; }
    .testimonials-content img { height: 20px; }
    .team-container { padding: 50px 0 0 0; }
    .team-section { margin-bottom: var(--section-gap); }
    .team-section .header-section p { font-size: 125.0%; }
    .team-member h3 { font-size: 137.5%; }
    .team-member p { font-size: 112.5%; }
    .team-member-image { margin-bottom: 15px; width: 200px; height: 200px; }

    .testimonials .owl-carousel .owl-item img { margin-bottom: 15px; }
    
    .subscription-coverfold .slide-input input { font-size: 100.0%;}
    .tagline-section { background-image: url(../images/bg-tagline-mobile.jpg); }    
    .btn-arrow {width: 28px; height: 28px; background-size: 28px 28px; }
    .hero-video {padding: 0 15px;}
    .hero-video .wistia-embed { padding-top: 0; padding-bottom: 0; }    
    .hero-section .container { padding: 0; }

    .about-coverfold { padding-bottom: 0; }
    .about-coverfold:after { display: none; }

    .client-section .owl-nav button {width: 60px; height: 60px; }    
    .client-section .owl-nav button.owl-prev {  background-image: url(../images/left-overlay-mobile.png) !important; left: 0px;}
    .client-section .owl-nav button.owl-next {  background-image: url(../images/right-overlay-mobile.png) !important; right: 0px;}
    .client-section  .nhs { width: 80px !important; }

    .content h2 { font-size: 250.0%; line-height: 46px;}

    }