.height-100{
    height: 100vh;
}

.vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.col-center {
    margin: auto;
    float: none;
}

.mb-40 {
    margin-bottom: 40px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-120 {
    margin-bottom: 120px
}

.mb-180 {
    margin-bottom: 180px
}

.info--text {
    padding: 40px
}

.fz-18 {
    font-size: 18px
}

.video--section {
    width: 95%;
    height: 85vh;
    overflow: hidden;
    border-radius: 70px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.green--box span {
    color: white !important;
    position: absolute;
    right: 40px;
    bottom: 40px;
    border: 1px solid #4DB7B8;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    border-radius: 5px;
    font-size: 29px !important;
    line-height: 1.2;
}
.height-100{height: 100vh !important;}
.green--box p {
    margin-bottom: 60px;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    padding-right: 50px;
    display: block;
}

.green--box h3 {
    font-size: 2vw;
        transition-duration: .7s;
            transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.linek{
color:#4DB7B8
}
 .border-bottom--2>div{ 
    height: 100%;
    border-radius: 0rem 0rem 2rem 2rem;
    display: block;
    position: relative;
    overflow: hidden;
 }
.green--box div{
    padding: 40px
}
.green--box {
    display: block;
    background: #004E52;
    border-radius: 0rem 0rem 2rem 2rem;
    padding: 0px;
    color: white !important;
    height: 100%;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    height: 100%;
    border-radius: 2rem;
    overflow: hidden;
}

body .accordion-style1 .panel {
    background: #004E52;
    box-shadow: none;
    margin-top: 0 !important;
    padding: 40px;
    border-radius: 10px;
    margin-bottom: 20px
}


 
h2.title_bg_effect_3 span ,
h2.title_bg_effect_1 span {
    background: linear-gradient(90deg, rgb(0, 55, 58) 50%, rgba(0, 55, 58, .02) 0);
    background-size: 200% 100%;
    background-position: 100% 0%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    position: relative;

    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

h2.title_bg_effect_1 span.item3,
h2.title_bg_effect_3 span.item1 ,
h2.title_bg_effect_1 span.item1 {
    transform: translate(-50px);
}

h2.title_bg_effect_3 span.item2 ,
h2.title_bg_effect_1 span.item2 {
    transform: translate(50px);
}

h2.title_bg_effect_2 span.item1 {
    transform: translate(-50px);
}

h2.title_bg_effect_2 span.item2 {
    transform: translate(50px);
}



h2.title_bg_effect_2 span {
    background: linear-gradient(90deg, #fff 50%, rgba(255, 255, 255, .01) 0);
    background-size: 200% 100%;
    background-position: 100% 0%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    position: relative;

    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.big--title span {
    display: block
}

.word {
    opacity: 0.1;
    position: relative;
}







.draw-circle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 3px solid #eee;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: draw-circle 2s ease-out forwards;
}

@keyframes draw-circle {
    0% {
        width: 0;
        height: 0;
    }

    100% {
        width: 190px;
        height: 80px;
    }
}

.textrotator_reverse span.spin {
    animation: nectar_looped_rotate_reverse 10s linear infinite !important;

}

.carrousel--images1 {
    animation: carrousel--images--translate 300s linear infinite !important;

}
.carrousel--images2 {
    animation: carrousel--images--translate2 300s linear infinite !important;

}
@keyframes carrousel--images--translate {
    0% {
        transform: translateX(0%) translateZ(0);
    }

    100% {
        transform: translateX(-205%) translateZ(0);
    }
}
@keyframes carrousel--images--translate2 {
    0% {
        transform: translateX(-180%) translateZ(0);
    }
    
    100% {
        transform: translateX(0%) translateZ(0);
    }
}


.textrotator_reverse span.spin,
span.spin {
    animation: nectar_looped_rotate 10s linear infinite;
    padding: 0 0.4em;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 5vw;
    line-height: 1em;
}

@keyframes nectar_looped_rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes nectar_looped_rotate_reverse {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.textrotator_reverse span,
.textrotator_reverse h2,
.textrotator span,
.textrotator h2 {
    margin: 0 !important;
    padding: 20px 0px !important;
    line-height: 1 !important;
    font-size: 1vw:
}

.textrotator span {
    font-size: 4vw !important;
    margin: 0 40px !important;
}

.textrotator h2 {
    font-size: 12vw;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.textrotator_reverse,
.textrotator {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    overflow: visible;

    white-space: nowrap;
}

.textrotator_reverse {
    transform: translateX(20%) translateZ(0);
    animation: nectar-scrolling-text-animation-reverse-reverse linear infinite 20s;
}

.textrotator {
    transform: translateX(20%) translateZ(0);
    animation: nectar-scrolling-text-animation-reverse linear infinite 30s;
}

@keyframes nectar-scrolling-text-animation-reverse {
    0% {
        transform: translateX(20%) translateZ(0);
    }

    100% {
        transform: translateX(120%) translateZ(0);
    }
}

@keyframes nectar-scrolling-text-animation-reverse-reverse {
    0% {
        transform: translateX(120%) translateZ(0);
    }

    100% {
        transform: translateX(20%) translateZ(0);
    }
}

.hover1:hover a {
    background: rgb(202 51 5) !important;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.hover4:hover h3,
.hover4:hover p,
.hover3:hover h3,
.hover3:hover p,
.hover2:hover h3,
.hover2:hover p{
    color: #222;
}
.hover2:hover a{
    background: rgb(219 212 209) !important;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hover3:hover a{
    background: rgb(180 220 202) !important;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hover4:hover a{
    background: rgba(244, 227, 66, .9) !important;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}



.mt-20vh {
    margin-top: 18vh
}

.mb-20vh {
    margin-bottom: 11vh
}

.floatingLeft {
    position: absolute;
    left: 50px;
    top: calc(100vh - 80px);
}

.floatingRight {
    position: absolute;
    right: 50px;
    top: calc(100vh - 80px);
}
/* .intro:before {
    content: "" !important;
    background-image: url(../images/bg-noise.png) !important;
    animation: BgNoise 1s steps(2) infinite;
        background: white;
    position: absolute !important;
    bottom: 0;
    width: 200% !important;
    left: -20% !important;
    z-index: 0 !important;
    top: -10rem;
    top: 0 !important;
} */


.bg-noiseW:not(.intro):before {
    position: absolute;
    content: '';
    top: -10rem;
    left: -10rem;
    width: calc(100% + 20rem);
    height: 250vh;
    z-index: -1;
    pointer-events: none;
    background-image: url(../images/bg-noise.png) !important;
    background-color: #fff !important;
    background-position: 50%;
    animation: BgNoise 1s steps(2) infinite;
}
.bg-noiseW,
.bg-noise3 {
    position: relative;
    overflow: hidden !important;
}
 @keyframes BgNoise {
     0% {
         transform: translate3d(0, 9rem, 0)
     }

     10% {
         transform: translate3d(-1rem, -4rem, 0)
     }

     20% {
         transform: translate3d(-8rem, 2rem, 0)
     }

     30% {
         transform: translate3d(9rem, -9rem, 0)
     }

     40% {
         transform: translate3d(-2rem, 7rem, 0)
     }

     50% {
         transform: translate3d(-9rem, -4rem, 0)
     }

     60% {
         transform: translate3d(2rem, 6rem, 0)
     }

     70% {
         transform: translate3d(7rem, -8rem, 0)
     }

     80% {
         transform: translate3d(-9rem, 1rem, 0)
     }

     90% {
         transform: translate3d(6rem, -5rem, 0)
     }

     to {
         transform: translate3d(-7rem, 0, 0)
     }
 }