body{
    overflow-x: hidden;
    background: url("/img/bg.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}
.section-webinar-hero{

}

.webinar-title{
    font-size: clamp(2.2rem,1.5vw,2.0rem);
    font-weight:600;
    line-height:1.2;
}

.webinar-title-green{
    color:#62AD75;
}

a{
    color:#62AD75;
}

h3,h2{
    color:#62AD75;
    padding: 25px 0;
    font-size: 24px;
}

.webinar-title-gray{
    color:#A6A6A6;
}

.webinar-text{
    font-size: clamp(1.3rem,1vw,1.2rem);
    line-height: 2rem;
}

.btn-webinar{
    background:#56B978;
    color:white;
    font-size: clamp(1.3rem,2vw,0.9rem);
    min-height:72px;
    min-width:260px;
    border-radius:60px;
    padding:18px 48px;
    font-weight:500;
}

.btn-webinar:hover{
    background:#4aa56a;
    color:white;
}

.hero-parallax{
    position:relative;
    min-height:650px;
    padding:2rem 0;
    z-index: -1;
}

.hero-parallax__stage{
    position:relative;
    min-height:700px;
}


.hero-parallax__item,
.hero-parallax__decor,
.speakers-accent{
    will-change:transform;
    transition:transform .08s linear;
}

.hero-parallax__item{
    position:relative;
    z-index:2;
}

.hero-parallax__card{
    overflow:hidden;
    background:transparent;
}

.hero-parallax__card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.hero-parallax__img-left{
    width:80%;
    max-width:530px;
    /*aspect-ratio:530 / 914;*/
    /*border-radius:180px;*/
    /*margin-left:auto;*/
    /*margin-right:auto;*/
    /*box-shadow:0 10px 30px rgba(0,0,0,.04);*/
}

.hero-parallax__img-right{
    width:80%;
    max-width:500px;
    /*aspect-ratio:500 / 690;*/
    /*border-radius:180px;*/
    /*margin-left:auto;*/
    /*margin-right:auto;*/
    /*box-shadow:0 10px 30px rgba(0,0,0,.04);*/
}

.hero-parallax__decor{
    position:absolute;
    z-index:1;
    pointer-events:none;
}

.hero-parallax__decor svg{
    display:block;
    width:100%;
    height:auto;
}

.hero-parallax__decor--left{
    width: 87px;
    left: -15%;
    bottom: -10%;
}

.hero-parallax__decor--top{
    width: 87px;
    left: 62%;
    top: -120px;
}

.hero-parallax__left-wrap{
    padding-top:30px;
}

.hero-parallax__right-wrap{
    padding-top:240px;
}

.section-video{


}

.section-speakers{
    position:relative;
    width:100%;
    background:#4DB577;
    color:#fff;
    overflow:hidden;
    padding:56px 0 72px;
}

.section-speakers__inner{
    position:relative;
    z-index:2;
}

.section-speakers__title{
    font-size:clamp(30px, 4vw, 40px);
    font-weight:700;
    line-height:1.15;
    margin:0 0 72px;
    color:#fff;
}

.speaker-block{
    position:relative;
}

.speaker-block + .speaker-block{
    margin-top:72px;
}

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

.speaker-block--reverse .speaker-row{
    flex-direction:row-reverse;
}

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

.speaker-photo{
    width:100%;
    max-width:208px;
    aspect-ratio:208 / 303;
    object-fit:cover;
    display:block;
    border-radius:64px;
    background:#e9e9e9;
}

.speaker-content{
    color:#fff;
}

.speaker-name{
    font-size:28px;
    font-weight:700;
    line-height:1.2;
    margin:0 0 12px;
    color:#fff;
}

.speaker-desc{
    font-size:18px;
    font-weight:400;
    line-height:1.8;
    margin:0;
    color:#fff;
    max-width:850px;
}

.speakers-accent{
    position:absolute;
    z-index:1;
    pointer-events:none;
}

.speakers-accent svg{
    display:block;
    width:100%;
    height:auto;
}

.speakers-accent--top-left{
    top:24px;
    left:34px;
    width:90px;
}

.speakers-accent--bottom-right{
    right:-34px;
    bottom:28px;
    width:90px;
}

@media (max-width:1399.98px){
    .speakers-accent--top-left{
        top:24px;
        left:-30px;
        width:90px;
    }
    .hero-parallax__stage{
        min-height:900px;
    }

    .hero-parallax__img-left{
        max-width:470px;
    }

    .hero-parallax__img-right{
        max-width:440px;
    }

    .hero-parallax__decor--top{
        left:64%;
    }
}

@media (max-width:1199.98px){
    .section-speakers{
        padding:48px 0 64px;
    }

    .section-speakers__title{
        margin-bottom:56px;
    }

    .speaker-desc{
        max-width:none;
    }
}

@media (max-width:991.98px){

    .section-webinar-hero{
        padding:2rem 0 3rem;
    }

    .hero-parallax{
        min-height:auto;
        padding:2rem 0 0;
    }

    .hero-parallax__stage{
        min-height:auto;
    }

    .hero-parallax__left-wrap,
    .hero-parallax__right-wrap{
        padding-top:0;
    }

    .hero-parallax__img-left{
        max-width:380px;
        border-radius:140px;
    }

    .hero-parallax__img-right{
        max-width:350px;
        border-radius:140px;
        margin-top:28px;
    }

    .hero-parallax__decor--left{
        left:4%;
        bottom:8%;
        width:72px;
    }

    .hero-parallax__decor--top{
        width:72px;
        left:auto;
        right:4%;
        top:2%;
    }

    .speakers-accent--top-left{
        left:16px;
        top:16px;
        width:70px;
    }

    .speakers-accent--bottom-right{
        right:16px;
        bottom:16px;
        width:70px;
    }

    .speaker-block + .speaker-block{
        margin-top:56px;
    }

    .speaker-block--reverse .speaker-row{
        flex-direction:column;
    }

    .speaker-row{
        row-gap:24px;
    }

    .speaker-photo{
        max-width:200px;
        border-radius:56px;
    }

    .speaker-content{
        text-align:center;
    }

    .speaker-desc{
        line-height:1.7;
    }
}

@media (max-width:575.98px){
    .hero-parallax{
        padding:1.5rem 0 0;
    }

    .hero-parallax__img-left{
        max-width:380px;
        border-radius:120px;
    }

    .hero-parallax__img-right{
        max-width:350px;
        border-radius:120px;
        margin-top:20px;
    }

    .hero-parallax__decor--left{
        width:62px;
        left:2%;
        bottom:4%;
    }

    .hero-parallax__decor--top{
        width:62px;
        right:2%;
        top:1%;
    }

    .section-speakers{
        padding:36px 0 48px;
    }

    .section-speakers__title{
        font-size:32px;
        margin-bottom:40px;
        padding-left:52px;
    }

    .speakers-accent--top-left{
        width:56px;
        left:10px;
        top:14px;
    }

    .speakers-accent--bottom-right{
        width:56px;
        right:10px;
        bottom:396px;
    }

    .speaker-block + .speaker-block{
        margin-top:44px;
    }

    .speaker-photo{
        max-width:188px;
        border-radius:52px;
    }

    .speaker-desc{
        line-height:1.65;
    }
    .webinar-title{
        font-size: 40px !important;
    }

    .webinar-title .webinar-title-gray{
        font-size: 32px !important;
        line-height: 38px;
    }

    .webinar-text{
        font-size: 16px;
        line-height: 26px;;
    }

    .project-text{
        font-size: 30px !important;
        text-align: center;
    }

    .speaker-name{
        font-size:24px;
        font-weight:700;
        line-height:1.2;
        margin:0 0 12px;
        color:#fff;
        text-align: left;
    }

    .speaker-desc{
        font-size:16px;
        font-weight:400;
        line-height:1.8;
        margin:0;
        color:#fff;
        text-align: left;
    }

}

.project-logo{
    display: flex;
    flex-direction: column;
    flex-flow: column;
    justify-content: center;
    align-content: center;
}

.project-logo svg{
    height: 70px;margin: 25px 0;
}

.project-logo:nth-of-type(2) svg{
    margin-bottom: 7px;
}
.project-logo .img-fluid{
    margin-bottom: 10px;
}

.project-text{
    color: #A2A2A2;
    font-size: 38px;
    font-weight: 500;
    line-height: normal;
    margin: 25px 0
}