.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.section_EasyToUsePlatform {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section_EasyToUsePlatform h2 {
    color: #233D63;
}

.section_EasyToUsePlatform p {
    color: #233D63;
}

h4 {
    color: #122460;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px
}

p {
    margin-bottom: 0
}

.first-slide-image {
    height: 75%;
    max-width: 100%;
    display: inline-block;
    margin-top: 50px;
}

.second-slide-image, .third-slide-image, .fourth-slide-image {
    max-height: 100%;
    max-width: 100%;
    display: inline-block
}

.container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: block;

}

.content-on-left-layout {
    min-height: 502px;
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    justify-items: stretch;
    display: grid;
    position: static
}


.margin-bottom-24 {
    text-align: left;
    margin-bottom: 24px
}

.margin-bottom-24.thanks-text, .margin-bottom-24.v-home-steps-h4 {
    text-align: left
}


.slider-grid {
    grid-row-gap: 16px;
    background-position: 9px 0;
    background-repeat: repeat-y;
    background-size: auto;
    background-attachment: scroll;
    grid-template-rows:auto auto auto auto;
    grid-template-columns:1fr;
    position: relative
}

.each-slider {
    height: auto;
    opacity: 1;
    border: 1px #000;
    padding-left: 56px;
    display: block;
    position: relative;
    overflow: visible;
}


.slider-home-text {
    height: 0;
    opacity: 1;
    object-fit: fill;
    display: block;
    overflow: hidden
}

.slider-home-text.visible {
    height: auto;
    text-align: left;
    object-fit: fill;
    display: block;
    overflow: hidden
}


.home-slider-image {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: stretch;
    display: flex
}


.second-slide-image {
    object-fit: contain;
    flex: 0 auto;
    order: 0;
    align-self: center;
    transition: opacity 1s linear;
    display: none
}

.third-slide-image {
    width: auto;
    height: auto;
    object-fit: contain;
    transition: opacity 1s linear;
    display: none
}

.fourth-slide-image, .fifth-slide-image {
    object-fit: contain;
    display: none
}


/* Stijlen voor de uitklapbare secties */
.accordion {
    margin-bottom: 20px;
}

.accordion-title {
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
}


.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.accordion.active .accordion-content {
    max-height: 1000px;
    transition: all 0.3s ease;

}

.accordion-number {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 25px;
    font-weight: bold;
    background-color: #F49B21;
    color: #fff;
    margin-right: 15px;
}

.accordion.active .accordion-number {
    background-color: #233D63;
}




.link-7 {
    color: #122460
}

.link-7:hover{
    color: #122460;
}

.link-7.bold-700 {
    font-weight: 700
}



.first-slide-image {
    display: block
}


.heading-9.margin-bottom-24.text-center {
    text-align: center
}


.v-other-webinars-grid.margin-bottom-24 {
    grid-column-gap: 32px;
    grid-template-columns:1fr 1fr 1fr
}


.text-block-50.margin-bottom-24 {
    text-align: left
}


.text-block-51.margin-bottom-24 {
    align-self: flex-start
}


.paragraph-4.margin-bottom-24 {
    text-align: left;
    align-self: flex-start;
    font-size: 16px
}


.text-block-54.margin-bottom-24 {
    text-align: left;
    font-size: 24px
}


.heading-24.margin-bottom-24 {
    text-align: left
}


/*.form-heading.margin-bottom-24.text-center {*/
/*    color: #213473;*/
/*    text-align: center*/
/*}*/


@media screen and (min-width: 1280px) {


    .content-on-left-layout {
        grid-template-columns:1fr 1.25fr
    }

}

@media screen and (min-width: 1440px) {

    .padding-vertical-5-5rem {
        padding-bottom: 5.5rem
    }


    .each-item-home.margin-bottom-24 {
        align-items: flex-start;
        font-size: 16px;
        line-height: 24px
    }


}

@media screen and (min-width: 1920px) {


    .gradient-on-right {
        z-index: 999;
        background-image: url(https://assets.website-files.com/60793752293570132aa47da2/607971202de2138ada7ca613_gradient-on-white-right.svg);
        background-position: 80% 100%;
        background-repeat: no-repeat;
        background-size: 600px 600px;
        position: static
    }


    .content-on-left-layout {
        grid-column-gap: 80px
    }


}



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

    .gradient-on-right {
        background-position: 50% 100%
    }


    .content-on-left-layout {
        grid-row-gap: 32px;
        grid-template-columns:1fr;
    }

    .first-slide-image{
        width: 75%;
        display: inline-block;
        margin-top: 50px;
    }
    .second-slide-image{
        width: 75%;
        display: inline-block;
        margin-top: 50px;
    }
    .third-slide-image{
        width: 60%;
        display: inline-block;
        margin-top: 50px;
    }
    .fourth-slide-image{
        width: 75%;
        display: inline-block;
        margin-top: 50px;
    }
}

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

    .section_EasyToUsePlatform {
        padding-top: 75px;
        padding-bottom: 5px;
    }

    .section_EasyToUsePlatform h2 {
        color: #233D63;
        font-size: 25px;
    }

    .section_EasyToUsePlatform p {
        color: #8B8E92;
    }


    .content-on-left-layout {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
        grid-template-rows:auto;
        grid-template-columns:100%;
        grid-auto-columns: 1fr;
        display: grid
    }

    .margin-bottom-24 {
        font-size: 16px
    }

    .margin-bottom-24.thanks-text {
        font-size: 28px
    }

    .padding-vertical-5-5rem {
        position: static
    }

    .avatar-grid.margin-bottom-24 {
        grid-template-columns:minmax(0, .25fr) 1fr
    }

    .slider-grid {
        width: auto
    }

    .second-slide-image {
        max-width: 0%;
        display: none
    }

    .third-slide-image, .fourth-slide-image, .fifth-slide-image {
        max-height: 0%;
        max-width: 0%;
        display: none
    }

    .first-slide-image {
        max-height: 0%;
        max-width: 0%;
        display: block;
        overflow: hidden;
    }

    .heading-9.margin-bottom-24 {
        font-size: 43px;
        line-height: 60px
    }

    .v-other-webinars-grid.margin-bottom-24 {
        flex-direction: column;
        display: flex
    }

    .text-block-54.margin-bottom-24 {
        text-align: center;
        font-size: 20px
    }

}