.homepage .banner .bg-blue-light {
    background: linear-gradient(180deg, rgb(233, 242, 254) 68%, rgb(246, 248, 252) 100%)
}

.homepage .banner .abw-potrait {
    height: 378px
}

@media(max-height: 720px) {
    .homepage .banner .abw-potrait {
        height: 300px
    }
}

@media(max-height: 540px) {
    .homepage .banner .abw-potrait {
        height: 220px
    }
}

@media(max-width: 360px) {
    .homepage .banner .abw-potrait {
        height: 220px
    }
}

.homepage .banner .top-section {
    padding-top: 120px
}

@media(max-height: 680px) {
    .homepage .banner .top-section {
        padding-top: 80px
    }
}

@media(max-width: 360px) {
    .homepage .banner .top-section {
        padding-top: 80px
    }
}

.homepage .banner .top-section .text {
    top: 20px;
    width: 380px
}

.homepage .banner .top-section .text>div h2 {
    font-size: 72px;
    line-height: 64px
}

@media(max-height: 720px) {
    .homepage .banner .top-section .text>div h2 {
        font-size: 64px;
        line-height: 56px
    }
}

@media(max-height: 540px) {
    .homepage .banner .top-section .text>div h2 {
        font-size: 48px;
        line-height: 42px
    }
}

@media(max-width: 360px) {
    .homepage .banner .top-section .text>div h2 {
        font-size: 48px;
        line-height: 42px
    }
}

.homepage .banner .top-section .text>div>h2:nth-child(1) {
    right: 10px
}

.homepage .banner .top-section .text>div>h2:nth-child(2) {
    left: 30px
}

.homepage .banner .top-section .text>div>h2:nth-child(3) {
    left: 10px
}

.homepage .banner .bottom-section {
    box-sizing: border-box;
    padding: 80px 44px 0 44px
}

@media(max-height: 680px) {
    .homepage .banner .bottom-section {
        padding: 60px 44px 0 44px
    }
}

@media(max-width: 360px) {
    .homepage .banner .bottom-section {
        padding: 60px 44px 0 44px
    }
}

.homepage .banner .bottom-section>div {
    align-items: flex-end
}

@media(max-height: 680px) {
    .homepage .banner .bottom-section>div {
        align-items: flex-center
    }
}

@media(max-width: 360px) {
    .homepage .banner .bottom-section>div {
        align-items: flex-center
    }
}

.homepage .banner .bottom-section h3 {
    font-size: 20px;
    line-height: 28px
}

@media(min-width: 690px) {
    .homepage .banner .bottom-section h3 {
        font-size: 24px;
        line-height: 34px
    }
}

@media(min-width: 690px) {
    .homepage .banner .bottom-section .text {
        max-width: 380px
    }
}

.homepage .arrow-down {
    animation: jiggle 1.5s infinite
}

@keyframes jiggle {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

.top-story {
    padding-top: 40px
}

@media(min-width: 690px) {
    .top-story {
        padding-top: 110px
    }
}

.top-story .eclipse {
    left: -78px;
    top: 89px;
    z-index: -1
}

.top-story .story {
    display: block !important
}

.top-story .media img {
    border-radius: 24px 0 24px 0 !important
}

@media(min-width: 690px) {
    .top-story .media img {
        border-radius: 40px 0 40px 0 !important
    }
}

.gallery-carousel .container {
    position: relative;
    top: 89px
}

.gallery-carousel .bg-blue-light {
    z-index: 0
}

.gallery-carousel .video {
    display: flex
}

@media(min-width: 690px) {
    .gallery-carousel .video {
        padding: 0 0 0 24px;
        border-radius: 8px
    }
}

.gallery-carousel .video iframe {
    width: 100%;
    aspect-ratio: 393/221
}

@media(min-width: 690px) {
    .gallery-carousel .video iframe {
        border-radius: 8px
    }
}

.international-carousel {
    position: relative;
    background: linear-gradient(0, #fff 5%, #e9f2fe 5%)
}

.international-carousel .container {
    position: relative;
    z-index: 0;
    top: 99px
}

.international-carousel .eclipse {
    z-index: -1;
    right: -76px
}

@media(min-width: 690px) {
    .international-carousel .cta {
        padding: 0 !important
    }
}

.stories {
    padding-top: 200px;
    background-color: #fff
}

.testimony {
    background: linear-gradient(0, #e9f2fe 0%, #fff 100%);
    padding-top: 220px
}

@media(min-width: 690px) {
    .testimony {
        padding-top: 200px
    }
}

.testimony .title {
    position: relative;
    box-sizing: border-box;
    box-shadow: 0px -10px 50px #ebf3fe
}

.testimony .potrait-photo {
    width: 331px
}

.testimony h2 img {
    position: relative;
    top: 10px;
    margin: 0 6px
}

.socmed .twitter {
    border-radius: 16px;
    box-shadow: 0px 2px 10px rgba(25, 53, 77, .1)
}

.socmed .twitter #ctf-more {
    display: none !important
}

.socmed .twitter .ctf-header-text {
    padding-top: 0 !important
}

.socmed .video {
    background: #fff;
    box-shadow: 0px 2px 10px rgba(25, 53, 77, .1);
    border-radius: 16px
}

.socmed .video .iframe {
    border-radius: 8px;
    overflow: hidden
}

.socmed .video .info {
    padding-left: 8px
}

@media(min-width: 690px) {
    .socmed .video .info {
        padding-left: 20px
    }
}

.socmed .video .info .profpic {
    width: 112px;
    height: 112px;
    border-radius: 999px;
    overflow: hidden;
    flex-shrink: 0
}

.socmed .video .info .profpic img {
    width: 112px;
    height: 112px
}

.socmed .video .info .icon {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    overflow: hidden;
    flex-shrink: 0
}

.socmed .video .info .icon img {
    width: 32px;
    height: 32px;
}

.socmed .video>div>div {
    width: 50%
}

.socmed .video>div>div iframe {
    width: 100%;
    aspect-ratio: 16/12
}

.media-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 690px) {
    .media-social {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .socmed .video>div>div {
        width: 100%;
    }
    .iframe {
        margin-top: 16px;
    }
}

.form-section {
    z-index: 2;
    overflow: hidden
}

.form-section .eclipse {
    right: -52px;
    top: -39px;
    z-index: 0
}

.form-section .container {
    position: relative;
    z-index: 1
}

.eclipse {
    filter: drop-shadow(0px 0px 60px rgba(0, 111, 255, 0.1));
    position: absolute
}

.fact-check {
    background: #e9f2fe;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.fact-check .eclipse {
    z-index: -1
}

.fact-check .eclipse-1 {
    top: -92px;
    left: -33px
}

.fact-check .eclipse-2 {
    bottom: -136px;
    right: -33px
}

.media hr {
    border: 1px solid #fff
}

body.homepage {
    background: #512da8;
    overflow: hidden;
    -webkit-font-smoothing: antialiased
}

.homepage .splash {
    display: none;
    height: 100%;
    width: 100%;
    padding: 0px;
    position: fixed;
    z-index: 201;
    left: 50%;
    top: 50%;
    justify-content: center;
    align-items: center;
    box-sizing: initial;
    overflow: hidden;
    transform: translate(-50%, -50%);
    background-color: #fff;
    opacity: 1;
    animation: puff 1s ease-out 1s forwards, dissapear 0s ease 2s forwards;
    -webkit-animation: puff 1s ease-out 1s forwards, dissapear 0s ease 2s forwards
}

@keyframes puff {
    0% {
        top: 50%;
        opacity: 1
    }

    100% {
        top: 49%;
        opacity: 0
    }
}

@keyframes dissapear {
    0% {
        height: 100%
    }

    100% {
        height: 0
    }
}