#service-content {
    position: relative;
    z-index: 1;
    /*padding: 100px 0;*/
}

.video-before {
    position: fixed;
    bottom: 0;
    top: auto;
    /* left: 0; */
    width: 1920px;
    max-width: 100%;
    /*height: 650px;*/
    height: 100vh;
    object-fit: cover;
    z-index: 0;
    background-attachment: fixed;
}

/*
==========================
PRESENTATION SECTION
==========================
 */
#presentation-section {
    padding: 70px 0;
    margin: 0 auto;
    border-radius: 10px;
    filter: drop-shadow(0px 23px 18px rgba(0, 0, 0, 0.06));
    background-color: var(--lighter-grey);
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

#presentation-section:before {
    content: "";
    display: block;
    position: absolute;
    top: -150px;
    left: -150px;
    width: 100%;
    height: 100%;
    background-image: url("../../images/gradient-top-left.webp");
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
}

#presentation-section:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -200px;
    right: -200px;
    width: 100%;
    height: 100%;
    background-image: url("../../images/gradient-bottom-right.webp");
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: -1;
}

#presentation-section .container {
    position: relative;
}

#presentation-row {
    margin-top: 85px;
    margin-bottom: 60px;
}

.presentation-column {
    margin-bottom: 20px;
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.presentation-column:last-of-type {
    border-right: none;
}

.presentation-column-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 20px;
}

.presentation-logo {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.presentation-text h5 {
    margin-bottom: 30px;
}

.presentation-text p {
    font-size: 16px;
}

.presentation-logo .logo-inner {
    width: 152px;
    height: 152px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    background-color: rgba(255, 255, 255, .3);
}

@media (min-width: 1399.9px) {
    #presentation-section {
        width: 1140px;
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    #presentation-section {
        width: 1350px;
        max-width: 1350px;
    }
}

@media (min-width: 1500px) {
    #presentation-section {
        width: 1450px;
        max-width: 1450px;
    }
}

@media (min-width: 1650px) {
    #presentation-section {
        width: 1615px;
        max-width: 1615px;
    }
}

@media (max-width: 1399.9px) {
    #presentation-container {
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199.9px) {
    .presentation-column {
        border-right: none;
    }

    .presentation-column-inner {
        justify-content: flex-start;
        width: 800px;
        flex-basis: 800px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .presentation-logo {
        width: 200px;
        flex-basis: 200px;
        justify-content: flex-start;
    }

    .presentation-text {
        width: calc(100% - 200px);
        flex-basis: calc(100% - 200px);
    }

    .presentation-text h5 {
        text-align: left !important;
    }

    .presentation-text p {
        text-align: left !important;
    }
}

@media (max-width: 767.8px) {
    #presentation-section {
        padding: 40px 0;
    }

    .presentation-column {
        border-right: none;
        margin-bottom: 30px;
    }

    .presentation-column:last-of-type {
        margin-bottom: 0;
    }

    #presentation-row {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .presentation-logo {
        margin-bottom: 20px;
    }

    .presentation-text h5 {
        margin-bottom: 15px;
    }
}

/*
====================
SERVICE BANNER
====================
 */
#service-banner {
    padding: 90px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    position: relative;
}

#service-banner h3 {
    font-weight: 400;
    width: 790px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

@media (max-width: 767.8px) {
    #service-banner {
        padding: 50px 0;
    }
}

/*
======================
THIRD SECTION
=====================
 */
#third-section {
    padding: 100px 0;
}

#third-section-image img {
    margin-left: -100px;
    margin-right: auto;
}

@media (min-width: 992px) {
    #third-section-text h2 {
        line-height: 56px;
    }
}

@media (max-width: 1299.9px) {
    #third-section-image img {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 991.8px) {
    #third-section-image {
        order: 1;
    }

    #third-section-text {
        order: 2;
        margin-bottom: 0;
    }
}

@media (max-width: 767.8px) {
    #third-section {
        padding: 50px 0;
    }
}