div.afm_2024 {
    background-color: #fff;
    padding: 40px 40px;
    margin: 100px auto 0 auto;
    width: 100%;
    max-width: 1280px
}

div.afm_2024 h1.standard span {
    display: block;
    font-size: 16.5px
}

div.afm_2024 div.es_logo {
    margin: 80px 0;
    text-align: center
}

div.afm_2024 div.links {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 80px auto !important
}

div.afm_2024 div.links ul.split li.s3 a {
    display: block;
    width: 100%;
    text-align: center;
    font-family: "opensans-bold";
    background-color: #8881fe;
    color: #fff;
    height: 50px;
    line-height: 50px;
    border-radius: 5px
}

div.afm_2024 div.links ul.split li.s3 a:hover {
    background-color: #5d53fe
}

div.afm_2024 div.pb_sd {
    text-align: right;
    padding: 0 0 40px 0
}

@media only screen and (min-width: 1121px) and (max-width: 1280px) {
    div.afm_2024 {
        margin: 70px auto 0 auto
    }
}

@media only screen and (min-width: 768px) and (max-width: 1120px) {
    div.afm_2024 {
        margin: 80px auto 0 auto
    }

    div.afm_2024 h1.standard,
    div.afm_2024 div.es_logo,
    div.afm_2024 div.pb_sd {
        text-align: center
    }
}

@media only screen and (max-width: 768px) {
    div.afm_2024 {
        margin: 80px auto 0 auto
    }

    div.afm_2024 h1.standard,
    div.afm_2024 div.es_logo,
    div.afm_2024 div.pb_sd {
        text-align: center
    }

    div.afm_2024 div.es_logo {
        margin: 60px 0
    }

    div.afm_2024 div.links {
        margin: 0 auto 60px auto !important
    }

    div.afm_2024 div.links ul.split li.s3 {
        width: calc(100% - 20px) !important
    }
}

section.about-page-top {
    min-height: 780px;
    min-height: calc(100vh - 130px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    section.about-page-top {
        min-height: calc(100vh - 280px)
    }
}

section.about-page-top .container {
    width: 100%
}

@media only screen and (min-width: 1498px) {
    section.about-page-top .container.max-width {
        max-width: 670px;
        padding: 0 !important;
        margin: auto 0 auto 0 !important;
        position: relative;
        left: calc(50% - 670px)
    }
}

@media only screen and (min-width: 1226px) and (max-width: 1498px) {
    section.about-page-top .container.max-width {
        max-width: 550px;
        padding: 0 !important;
        margin: auto 0 auto 0 !important;
        position: relative;
        left: calc(50% - 550px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1225px) {
    section.about-page-top .container.max-width {
        max-width: 550px;
        padding: 0 !important;
        margin: auto 0 auto 0 !important;
        position: relative;
        left: 60px
    }
}

@media only screen and (max-width: 767px) {
    section.about-page-top .container.max-width {
        max-width: 100%;
        padding: 0 20px !important;
        margin: auto 0 auto 0 !important;
        position: relative;
        left: initial
    }
}

section.about-page-top .aboutfilms-floating {
    position: absolute;
    top: 80px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 40%;
    opacity: 0;
    margin: 0 -8px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 1499px) {
    section.about-page-top .aboutfilms-floating {
        padding-left: 35%
    }
}

@media (max-width: 1120px) {
    section.about-page-top .aboutfilms-floating {
        padding-left: 25%;
        right: -30px
    }
}

@media (max-width: 767px) {
    section.about-page-top .aboutfilms-floating {
        padding-left: 0;
        right: -20px;
        left: -20px
    }
}

section.about-page-top .aboutfilms-floating a {
    padding: 8px;
    opacity: 0.2;
    -webkit-transition: all 4s ease;
    transition: all 4s ease;
    position: relative;
    z-index: 99
}

section.about-page-top .aboutfilms-floating a img {
    max-height: 120px
}

@media (max-width: 1120px) {
    section.about-page-top .aboutfilms-floating a img {
        max-height: 100px
    }
}

@media (max-width: 767px) {
    section.about-page-top .aboutfilms-floating a img {
        max-height: 80px
    }
}

section.about-page-top .aboutfilms-floating a:hover {
    opacity: 1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

@media (min-width: 1120px) {
    section.about-page-top .aboutfilms-floating a:nth-child(2),
    section.about-page-top .aboutfilms-floating a:nth-child(3),
    section.about-page-top .aboutfilms-floating a:nth-child(4),
    section.about-page-top .aboutfilms-floating a:nth-child(7),
    section.about-page-top .aboutfilms-floating a:nth-child(8),
    section.about-page-top .aboutfilms-floating a:nth-child(12),
    section.about-page-top .aboutfilms-floating a:nth-child(13),
    section.about-page-top .aboutfilms-floating a:nth-child(16),
    section.about-page-top .aboutfilms-floating a:nth-child(17) {
        opacity: 1
    }
}

@media (max-width: 1120px) {
    section.about-page-top .aboutfilms-floating a:nth-child(2),
    section.about-page-top .aboutfilms-floating a:nth-child(3),
    section.about-page-top .aboutfilms-floating a:nth-child(4),
    section.about-page-top .aboutfilms-floating a:nth-child(6),
    section.about-page-top .aboutfilms-floating a:nth-child(7),
    section.about-page-top .aboutfilms-floating a:nth-child(9),
    section.about-page-top .aboutfilms-floating a:nth-child(12),
    section.about-page-top .aboutfilms-floating a:nth-child(13),
    section.about-page-top .aboutfilms-floating a:nth-child(15) {
        opacity: 1
    }
}

section.about-page-top .container {
    z-index: 2
}

section.about-page-top .about-text-float {
    width: 100%;
    max-width: 670px
}

@media (max-width: 1120px) {
    section.about-page-top .about-text-float {
        max-width: 550px;
        padding: 120px 0 80px
    }
}

@media (max-width: 767px) {
    section.about-page-top .about-text-float {
        padding: 100px 0 80px
    }
}

section.about-page-top .about-text-float .about-text-float-wrapper {
    background: rgba(255, 255, 255, 0.12);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 20px;
    padding: 50px
}

section.about-page-top .about-text-float .about-text-float-wrapper h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 52px;
    color: white;
    margin-bottom: 32px
}

section.about-page-top .about-text-float .about-text-float-wrapper p {
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    color: white
}

section.about-page-top .about-text-float .about-text-float-wrapper p:not(:last-child) {
    margin-bottom: 20px
}

@media (max-width: 767px) {
    section.about-page-top .about-text-float .about-text-float-wrapper {
        padding: 25px
    }

    section.about-page-top .about-text-float .about-text-float-wrapper h2 {
        font-size: 30px;
        line-height: 1.3;
        margin-bottom: 25px
    }

    section.about-page-top .about-text-float .about-text-float-wrapper p {
        font-size: 13px;
        line-height: 1.5
    }
}

section.about-page-bottom {
    padding-bottom: 200px;
    padding-top: 70px
}

section.about-page-bottom .green-ellipse {
    background: #3adab3;
    opacity: 0.6;
    -webkit-filter: blur(100px);
    filter: blur(100px);
    position: absolute;
    width: 334px;
    height: 334px;
    left: 300px;
    z-index: 0
}

section.about-page-bottom .blue-ellipse {
    background: #313dd1;
    opacity: 0.6;
    -webkit-filter: blur(150px);
    filter: blur(150px);
    position: absolute;
    width: 449px;
    height: 449px;
    left: -20px;
    z-index: 1;
    bottom: 20px
}

section.about-page-bottom .container {
    z-index: 3
}

section.about-page-bottom .d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.about-page-bottom .d-flex > div:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

section.about-page-bottom .d-flex > div.about-details {
    max-width: 640px
}

section.about-page-bottom .d-flex > div.about-details .about-details-wrapper {
    background: #10214a;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 120px 70px
}

section.about-page-bottom .d-flex > div.about-details .about-details-wrapper p {
    color: #fff;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    line-height: 24px;
    opacity: 0.8
}

section.about-page-bottom .d-flex > div.about-details .about-details-wrapper p:not(:last-child) {
    margin-bottom: 20px
}