.about {
/*     background: url('https://2869891.fs1.hubspotusercontent-na1.net/hubfs/2869891/GI%20landing%20v2/background.jfif'); */
/*     background-repeat: no-repeat; */
/*     background-size: cover; */
/*     background-position: center; */
    padding: 88px 20px 32px;
    position: relative;
    border-radius: 0 0 15px 15px;
}

.about__bg__blur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*     background: radial-gradient(67.25% 210.86% at 25.83% 81.73%, rgba(7, 15, 35, 0.6) 17.7%, rgba(255, 255, 255, 0.6) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; */
    mix-blend-mode: multiply;
    border-radius: 0 0 15px 15px;
}

.about__bg__blur video {
/*     display: none; */
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 0 0 15px 15px;
}

.about__container {
    padding: 50px 10px 42px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    background: rgba(255, 255, 255, 0.08);
    -webkit-backdrop-filter: blur(11.95px);
    backdrop-filter: blur(11.95px);
    border-radius: 10px;
    box-sizing: border-box;
    max-width: 588px;
    margin: 0 auto;
}

.about__container .about__title, 
.about__container .about__title * {
    font-weight: 700;
    font-size: 34px;
    line-height: 102%;
}

.about__container .about__title, 
.about__container .about__title *,
.about__container .about__p,
.about__container .about__p * {
    text-align: center;
    color: #FFFFFF;
}

.about__container > div:last-of-type {
    width: 100%;
}

.about__container .button {
    min-width: 180px;
    max-width: 180px;
    margin: 0 auto;
}

@media (min-width: 720px) {
    .about {
        padding: 158px 66px 54px;
    }

    .about__container {
        align-items: flex-start;
        padding: 50px 75px 66px;
        margin: 0 auto 0 0;
    }

    .about__container .about__title, 
    .about__container .about__title * {
        font-size: 56px;
        text-align: left;
        line-height: 120%;
    }

    .about__container .about__p,
    .about__container .about__p * {
        text-align: left;
    }

    .about__container .button {
        min-width: 372px;
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    .about {
        padding: 121px 0 24px 119px;
    }

    .about__container {
        max-width: 522px;
    }

    .about__wrapper {
        max-width: 1322px;
        margin: 0 auto;
    }
}