:root {
    --base-font: "Manrope", sans-serif;
    --white: #FFF;
    --black: #040F35;
    --black-40: rgba(4, 15, 53, 0.4);
    --white-60: rgba(255, 255, 255, 0.6);
    --primary: #14C0AF;
    --primary-100: #E7F6F4;
    --primary-200: #A1E6DF;
    --blue: #4C7FED;
    --blue-100: #B7CCF8;
    --blue-200: #E7EFFF;
    --orange: #FF923F;
    --orange-100: #FFE9D9;
    --purple: #9A65F0;
    --purple-100: #EEE4FF;
    --gray: #363F5D;
    --gray-100: #686F86;
    --gray-200: #CDCFD7;
    --gray-300: #EDF0FA;
    --gray-400: #9B9FAE;
    --light: #E8E8E8;
    --light-100: #F2F6FE;
    --text-size: 16px;
    --text-size-64: 64px;
    --text-size-52: 52px;
    --text-size-38: 38px;
    --text-size-36: 36px;
    --text-size-34: 34px;
    --text-size-32: 32px;
    --text-size-30: 30px;
    --text-size-29: 29px;
    --text-size-28: 28px;
    --text-size-26: 26px;
    --text-size-24: 24px;
    --text-size-22: 22px;
    --text-size-20: 20px;
    --text-size-18: 18px;
    --text-size-14: 14px;
    --text-size-12: 12px;
    --lh-xs: 1.2;
    --lh-sm: 1.3;
    --lh-default: 1.5;
    --fw-thin: 300;
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semi: 600;
    --fw-bold: 700;
    --fw-extra: 800;
    --transition: .5s;
    --transition-long: 1s;
    --transition-fast: .3s;
    --header-z-index: 100;
    --z-index-cookie: 99;
    --window-height: 100vh;
    --bs-body-font-family: var(--base-font);
    --bs-body-font-size: var(--text-size);
    --bs-body-font-weight: var(--fw-normal);
    --bs-body-line-height: var(--lh-default);
    --bs-body-bg: var(--white);
    --bs-body-color: var(--black)
}

.resource-content__wrapper {
    width: 100%;
    max-width: 930px;
    margin: 0 auto
}

.resource-content__text {
    color: var(--black)
}

.resource-content__text p + h2, .resource-content__text p + h3 {
    margin-top: 32px
}

.resource-content__image-wrapper {
    border-radius: 16px;
    overflow: hidden;
    margin: 32px 0
}

@media (min-width: 760px) {
    .resource-content__image-wrapper {
        border-radius: 24px;
        margin: 40px 0
    }
}

@media (max-width: 768px) {
    .resource-content__image-wrapper img {
        min-height: 386px;
        object-fit: cover;
    }
}

@media (max-width: 578px) {
    .resource-content__image-wrapper img {
        min-height: 256px;
    }
}

.resource-promo {
    border-radius: 12px;
    overflow: hidden;
    margin: 32px 0;
    padding: 16px;
    gap: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--primary-100);
    position: relative
}

@media (min-width: 760px) {
    .resource-promo {
        border-radius: 12px;
        margin: 32px 0;
        gap: 24px
    }
}

@media (min-width: 1034px) {
    .resource-promo {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 32px;
        padding: 24px 24px 24px 32px
    }
}

.resource-promo__blob {
    position: absolute;
    height: 100%;
    max-width: 100%;
    pointer-events: none
}

.resource-promo__blob--left {
    top: 0;
    left: 0
}

.resource-promo__blob--right {
    top: 0;
    right: 0
}

.resource-promo__col {
    position: relative;
    z-index: 1
}

.resource-promo__col--info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.resource-promo__col--video {
    position: relative;
    overflow: hidden
}

.resource-promo__col-image {
    border-radius: 12px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.resource-promo__col-image img, .resource-promo__col-image video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.resource-promo__title {
    color: var(--black);
    margin: 0 !important
}

.resource-promo__link {
    color: var(--blue);
    text-decoration: none !important;
    margin-top: 8px;
    padding: 8px 0
}

@media (min-width: 1034px) {
    .resource-promo__col--info {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 339px
    }

    .resource-promo__col--video {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .resource-promo__link {
        margin-top: 40px;
        padding: 0
    }
}

.resource-promo__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--white);
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    opacity: .8;
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition)
}

@media (min-width: 760px) {
    .resource-promo__play {
        width: 64px;
        height: 64px
    }
}

@media (min-width: 1200px) {
    .resource-promo__play:hover {
        opacity: 1
    }
}

.resource-promo__play .icon {
    width: 24px;
    height: 24px
}