/*====================
    GENERAL
====================*/

#topo-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    max-width: fit-content;
    font-family: 'relevantbold', Arial, sans-serif;
    color: #0D4F4E;
    background: #90D3D1;
    padding: 4px 12px;
    border-radius: 25px;
    margin: 0px 20px 20px auto;
    transition: .3s;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 10;
}
#topo-link:hover {
    scale: 1.1;
}

.other-stories {
    background: #0D4F4E;
    overflow: hidden;
    position: relative;
}
.other-stories .wrap {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: end;
    align-items: end;
    min-height: 250px;
    max-width: 900px;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}
.other-stories .logo {
    max-width: 500px;
    translate: 0px -45%;
    position: absolute;
    left: -20px;
    top: 100%;
}
.other-stories .stories {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 35px;
    color: #fff;
    padding: 0px 15px 30px;
    position: relative;
}
.other-stories .stories .link em {
    display: block;
    font-family: 'Olive Village', Arial, sans-serif;
    font-size: 31px;
    line-height: 30px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    color: #fff;
}
.other-stories .stories .link.coming-soon em {
    opacity: .3;
}
.other-stories .stories .link.coming-soon span {
    display: block;
    font-family: 'Relevant', Arial, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin: 0px auto;
    opacity: 1;
}

@media only screen and (max-width: 768px) {
    .other-stories .logo {
        max-width: 200px;
        translate: -50%;
        left: 0px;
        top: -30%;
    }
    .other-stories .logo svg {
        width: 300px;
        height: 300px;
    }
    .other-stories .stories {
        flex-wrap: wrap;
        justify-content: center;
    }
}


/*====================
    BANNER SECTION
====================*/

.banner {
    background: linear-gradient(360deg, #0D4F4E, #188C80 95%);
}
.banner .banner-container {
    max-width: 700px;
    padding: 0px 15px;
    margin: 0px auto;
}
.banner .logo {
    max-width: 570px;
    max-height: 570px;
    margin: 0 auto -200px auto;
}
.banner .logo svg {
    translate: -50%;
    position: relative;
    left: 50%;
}

.banner .title {
    max-width: 650px;
    font-family: 'Olive Village', Arial, sans-serif;
    font-size: 126px;
    line-height: 50%;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    color: #fff;
    margin: 0px auto 35px;
}
.banner .subtitle {
    max-width: 650px;
    font-family: 'Oranges and Lemons', Arial, sans-serif;
    font-size: 90px;
    font-style: italic;
    font-weight: 400;
    line-height: 66%;
    text-align: center;
    color: #90D3D1;
    padding-bottom: 190px;
    margin: 0px auto;
}

@media only screen and (max-width: 768px) {
    .banner .logo {
        max-width: 470px;
        max-height: 420px;
        margin: -90px auto;
    }
    .banner .logo svg {
        max-width: 470px;
        max-height: 470px;
    }
    .banner .title {
        font-size: 70px;
        margin: 0px auto 25px;
    }
    .banner .subtitle {
        font-size: 55px;
        padding-bottom: 120px;
    }
}


/*====================
    POEM SECTION
====================*/


.poem .poem-container {
    max-width: 700px;
    padding: 140px 15px 20px 15px;
    margin: 0px auto;
}

.poem h1 {
    font-family: 'Olive Village', Arial, sans-serif;
    font-size: 80px;
    line-height: 75%;
    font-weight: 400;
    text-align: center;
    color: #0D4F4E;
}
.poem h2 {
    font-family: 'Oranges and Lemons', Arial, sans-serif;
    font-style: italic;
    font-size: 60px;
    font-weight: 400;
    text-align: center;
    color: #90D3D1;
    margin-bottom: 40px;
}
.poem p {
    font-family: 'Ramajara', Times, serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 119%;
    text-align: center;
    color: #0D4F4E;
    margin-bottom: 40px;
}
.poem img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 200px;
    object-fit: contain;
    margin: 0px auto;
}

@media only screen and (max-width: 768px) {
    .poem .poem-container {
        padding: 80px 15px 20px 15px;
    }
    .poem h1 {
        font-size: 60px;
        margin-bottom: 10px;
    }
    .poem h2 {
        font-size: 45px;
        margin-bottom: 20px;
    }
    .poem p {
        font-size: 16px;
        line-height: 130%;
    }
}


/*====================
    CONTENT SECTION
====================*/


.content-section .content-container {
    max-width: 700px;
    padding: 50px 15px;
    margin: 0px auto;
}

.content-section h2 {
    font-family: 'Oranges and Lemons', Arial, sans-serif;
    font-style: italic;
    font-size: 110px;
    font-weight: 400;
    line-height: 70%;
    text-align: center;
    color: #188C80;
    margin-bottom: 20px;
}

.content-section .copy {
    font-family: 'relevantnormal', Arial, sans-serif;
    font-size: 13px;
    line-height: 130%;
    font-weight: 400;
    color: #000000;
    margin-bottom: 1.5em;
}
.content-section p:last-of-type {
    margin-bottom: 0px;
}

.content-section.smaller-title h2 {
    font-size: 69px;
}

@media only screen and (max-width: 768px) {
    .content-section h2 {
        font-size: 75px;
    }
    .content-section.smaller-title h2 {
        font-size: 50px;
    }
}


/*====================
    IMAGE BOARD SECTION
====================*/

.image-board .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 700px;
    padding: 0px 15px;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}
.image-board .container img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 400px;
    object-fit: contain;
}
.image-board .container img:not(:first-of-type) {
    translate: 0px -50px;
}

@media only screen and (max-width: 568px) {
    .image-board .container {
        margin: 0px auto !important;
    }
}



/*====================
    IMAGE COPY SECTION
====================*/

.image-copy {
    background: #F5F3F2;
    padding: 40px 15px;
}

.image-copy .container {
    display: grid;
    grid-template-columns: 1fr minmax(0, 482px);
    gap: 30px;
    max-width: 800px;
    padding: 0px;
    margin: 0px auto;
}
.image-copy .container .images {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.image-copy .container h3 {
    font-family: 'Oranges and Lemons', Arial, sans-serif;
    font-style: italic;
    font-size: 50px;
    line-height: 95%;
    font-weight: 400;
    color: #188C80;
    margin-bottom: 30px;
}
.image-copy .container h3.big-title {
    font-size: 110px;
}

.image-copy .content {
    position: relative;    
}
.image-copy .content .opening-quote,
.image-copy .content .closing-quote {
    display: block;
}
.image-copy .content .opening-quote:first-of-type::before {
    content: '';
    display: block;
    width: 18px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76255e-07 3.97681C5.45958 6.0058 7.88453 7.9401 7.27483 9.77971C6.63741 11.6464 5.5843 13.0531 4.11547 14L3.69977 13.5942C4.22633 13.1072 4.65589 12.5932 4.98845 12.0522C5.2933 11.5382 5.4873 10.8754 5.57044 10.0638C5.65358 9.5227 5.5843 9.03575 5.36259 8.6029C5.11317 8.1971 4.69746 7.9942 4.11547 7.9942C2.97922 7.9942 2.00924 7.60193 1.20554 6.81739C0.401849 6.03285 7.79288e-07 5.08599 8.76255e-07 3.97681ZM9.81062 3.97681C15.2702 6.0058 17.6952 7.9401 17.0855 9.77971C16.448 11.6464 15.3949 13.0531 13.9261 14L13.5104 13.5942C14.037 13.1072 14.4665 12.5932 14.7991 12.0522C15.1039 11.5382 15.2979 10.8754 15.3811 10.0638C15.4642 9.5227 15.3949 9.03575 15.1732 8.6029C14.9238 8.1971 14.5081 7.9942 13.9261 7.9942C12.7898 7.9942 11.8199 7.60193 11.0162 6.81739C10.2125 6.03285 9.81062 5.08599 9.81062 3.97681ZM13.9261 -3.56152e-07C15.2009 -2.44703e-07 16.1986 0.39227 16.9192 1.17681C17.6397 1.96135 18 3.07053 18 4.50435C18 6.18164 17.6952 7.9401 17.0855 9.77971C16.448 11.6464 15.3949 13.0531 13.9261 14L13.5104 13.5942C14.037 13.1072 14.4665 12.5932 14.7991 12.0522C15.1039 11.5382 15.2979 10.8754 15.3811 10.0638C15.4642 9.5227 15.3949 9.03575 15.1732 8.6029C14.9238 8.1971 14.5081 7.9942 13.9261 7.9942C12.7898 7.9942 11.8199 7.60193 11.0162 6.81739C10.2125 6.03285 9.81062 5.08599 9.81062 3.97681C9.81063 2.86763 10.2125 1.92077 11.0162 1.13623C11.8199 0.378744 12.7898 -4.55487e-07 13.9261 -3.56152e-07ZM4.11547 -1.21382e-06C5.3903 -1.10238e-06 6.38799 0.392269 7.10855 1.17681C7.8291 1.96135 8.18938 3.07053 8.18938 4.50435C8.18938 6.18164 7.88453 7.9401 7.27483 9.77971C6.63741 11.6464 5.5843 13.0531 4.11547 14L3.69977 13.5942C4.22633 13.1072 4.65589 12.5932 4.98845 12.0522C5.2933 11.5382 5.4873 10.8754 5.57044 10.0638C5.65358 9.5227 5.5843 9.03575 5.36259 8.6029C5.11317 8.1971 4.69746 7.9942 4.11547 7.9942C2.97922 7.9942 2.00924 7.60193 1.20554 6.81739C0.401849 6.03285 7.79288e-07 5.08599 8.76255e-07 3.97681C9.73223e-07 2.86763 0.401849 1.92077 1.20554 1.13623C2.00924 0.378743 2.97922 -1.31316e-06 4.11547 -1.21382e-06Z' fill='%2390D3D1'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    rotate: 180deg;
    margin-bottom: -6px;
}
.image-copy .content .closing-quote::after {
    content: '';
    display: block;
    width: 18px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76255e-07 3.97681C5.45958 6.0058 7.88453 7.9401 7.27483 9.77971C6.63741 11.6464 5.5843 13.0531 4.11547 14L3.69977 13.5942C4.22633 13.1072 4.65589 12.5932 4.98845 12.0522C5.2933 11.5382 5.4873 10.8754 5.57044 10.0638C5.65358 9.5227 5.5843 9.03575 5.36259 8.6029C5.11317 8.1971 4.69746 7.9942 4.11547 7.9942C2.97922 7.9942 2.00924 7.60193 1.20554 6.81739C0.401849 6.03285 7.79288e-07 5.08599 8.76255e-07 3.97681ZM9.81062 3.97681C15.2702 6.0058 17.6952 7.9401 17.0855 9.77971C16.448 11.6464 15.3949 13.0531 13.9261 14L13.5104 13.5942C14.037 13.1072 14.4665 12.5932 14.7991 12.0522C15.1039 11.5382 15.2979 10.8754 15.3811 10.0638C15.4642 9.5227 15.3949 9.03575 15.1732 8.6029C14.9238 8.1971 14.5081 7.9942 13.9261 7.9942C12.7898 7.9942 11.8199 7.60193 11.0162 6.81739C10.2125 6.03285 9.81062 5.08599 9.81062 3.97681ZM13.9261 -3.56152e-07C15.2009 -2.44703e-07 16.1986 0.39227 16.9192 1.17681C17.6397 1.96135 18 3.07053 18 4.50435C18 6.18164 17.6952 7.9401 17.0855 9.77971C16.448 11.6464 15.3949 13.0531 13.9261 14L13.5104 13.5942C14.037 13.1072 14.4665 12.5932 14.7991 12.0522C15.1039 11.5382 15.2979 10.8754 15.3811 10.0638C15.4642 9.5227 15.3949 9.03575 15.1732 8.6029C14.9238 8.1971 14.5081 7.9942 13.9261 7.9942C12.7898 7.9942 11.8199 7.60193 11.0162 6.81739C10.2125 6.03285 9.81062 5.08599 9.81062 3.97681C9.81063 2.86763 10.2125 1.92077 11.0162 1.13623C11.8199 0.378744 12.7898 -4.55487e-07 13.9261 -3.56152e-07ZM4.11547 -1.21382e-06C5.3903 -1.10238e-06 6.38799 0.392269 7.10855 1.17681C7.8291 1.96135 8.18938 3.07053 8.18938 4.50435C8.18938 6.18164 7.88453 7.9401 7.27483 9.77971C6.63741 11.6464 5.5843 13.0531 4.11547 14L3.69977 13.5942C4.22633 13.1072 4.65589 12.5932 4.98845 12.0522C5.2933 11.5382 5.4873 10.8754 5.57044 10.0638C5.65358 9.5227 5.5843 9.03575 5.36259 8.6029C5.11317 8.1971 4.69746 7.9942 4.11547 7.9942C2.97922 7.9942 2.00924 7.60193 1.20554 6.81739C0.401849 6.03285 7.79288e-07 5.08599 8.76255e-07 3.97681C9.73223e-07 2.86763 0.401849 1.92077 1.20554 1.13623C2.00924 0.378743 2.97922 -1.31316e-06 4.11547 -1.21382e-06Z' fill='%2390D3D1'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 6px 0px 0px auto;
}


.image-copy .content .copy {
    font-family: 'relevantnormal', Arial, sans-serif;
    font-size: 13px;
    line-height: 130%;
    font-weight: 400;
    color: #000000;
}
.image-copy .container img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 300px;
    object-fit: contain;
}
.image-copy .container img:not(:first-of-type) {
    translate: 0px -50px;
}

@media only screen and (max-width: 768px) {
    .image-copy .container {
        grid-template-columns: 1fr 2fr;
        gap: 15px;
    }
    .image-copy .container h3 {
        font-size: 40px;
        line-height: 70%;
    }
    .image-copy .container h3.big-title {
        font-size: 65px;
    }
    .image-copy .container img {
        max-height: 200px;
    }
}


/*========================
TESTIMONIAL CAROUSEL SECTION
========================*/

.testimonial-carousel {
    padding: 80px 15px;
}
.testimonial-carousel .container {
    max-width: 700px;
    padding: 0px;
    margin: 0px auto;
}

.testimonial-carousel h2 {
    font-family: 'Oranges and Lemons', Arial, sans-serif;
    font-style: italic;
    font-size: 110px;
    font-weight: 400;
    line-height: 65%;
    text-align: center;
    color: #188C80;
    margin-bottom: 30px;
}
.testimonial-carousel .swiper {
    position: relative;
}
.testimonial-carousel .swiper-wrapper {
    max-width: 450px;
}

.testimonial-carousel .swiper-button-prev,
.testimonial-carousel .swiper-button-next {
    width: 64px;
    height: 64px;
    z-index: 5 !important;
    cursor: pointer;
}
.testimonial-carousel .swiper-button-prev {
    rotate: 180deg;
}
.testimonial-carousel .copy {
    max-width: 450px;
    font-family: 'relevantnormal', Arial, sans-serif;
    font-size: 13px;
    line-height: 130%;
    font-weight: 400;
    color: #000000;
    margin: 0px auto;
}

.testimonial-carousel .copy::before,
.testimonial-carousel .copy::after {
    content: '';
    display: block;
    width: 18px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.76255e-07 3.97681C5.45958 6.0058 7.88453 7.9401 7.27483 9.77971C6.63741 11.6464 5.5843 13.0531 4.11547 14L3.69977 13.5942C4.22633 13.1072 4.65589 12.5932 4.98845 12.0522C5.2933 11.5382 5.4873 10.8754 5.57044 10.0638C5.65358 9.5227 5.5843 9.03575 5.36259 8.6029C5.11317 8.1971 4.69746 7.9942 4.11547 7.9942C2.97922 7.9942 2.00924 7.60193 1.20554 6.81739C0.401849 6.03285 7.79288e-07 5.08599 8.76255e-07 3.97681ZM9.81062 3.97681C15.2702 6.0058 17.6952 7.9401 17.0855 9.77971C16.448 11.6464 15.3949 13.0531 13.9261 14L13.5104 13.5942C14.037 13.1072 14.4665 12.5932 14.7991 12.0522C15.1039 11.5382 15.2979 10.8754 15.3811 10.0638C15.4642 9.5227 15.3949 9.03575 15.1732 8.6029C14.9238 8.1971 14.5081 7.9942 13.9261 7.9942C12.7898 7.9942 11.8199 7.60193 11.0162 6.81739C10.2125 6.03285 9.81062 5.08599 9.81062 3.97681ZM13.9261 -3.56152e-07C15.2009 -2.44703e-07 16.1986 0.39227 16.9192 1.17681C17.6397 1.96135 18 3.07053 18 4.50435C18 6.18164 17.6952 7.9401 17.0855 9.77971C16.448 11.6464 15.3949 13.0531 13.9261 14L13.5104 13.5942C14.037 13.1072 14.4665 12.5932 14.7991 12.0522C15.1039 11.5382 15.2979 10.8754 15.3811 10.0638C15.4642 9.5227 15.3949 9.03575 15.1732 8.6029C14.9238 8.1971 14.5081 7.9942 13.9261 7.9942C12.7898 7.9942 11.8199 7.60193 11.0162 6.81739C10.2125 6.03285 9.81062 5.08599 9.81062 3.97681C9.81063 2.86763 10.2125 1.92077 11.0162 1.13623C11.8199 0.378744 12.7898 -4.55487e-07 13.9261 -3.56152e-07ZM4.11547 -1.21382e-06C5.3903 -1.10238e-06 6.38799 0.392269 7.10855 1.17681C7.8291 1.96135 8.18938 3.07053 8.18938 4.50435C8.18938 6.18164 7.88453 7.9401 7.27483 9.77971C6.63741 11.6464 5.5843 13.0531 4.11547 14L3.69977 13.5942C4.22633 13.1072 4.65589 12.5932 4.98845 12.0522C5.2933 11.5382 5.4873 10.8754 5.57044 10.0638C5.65358 9.5227 5.5843 9.03575 5.36259 8.6029C5.11317 8.1971 4.69746 7.9942 4.11547 7.9942C2.97922 7.9942 2.00924 7.60193 1.20554 6.81739C0.401849 6.03285 7.79288e-07 5.08599 8.76255e-07 3.97681C9.73223e-07 2.86763 0.401849 1.92077 1.20554 1.13623C2.00924 0.378743 2.97922 -1.31316e-06 4.11547 -1.21382e-06Z' fill='%2390D3D1'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}
.testimonial-carousel .copy::before {
    rotate: 180deg;
}
.testimonial-carousel .copy::after {
    margin: -1.5em 0px 0px auto;
}
.testimonial-carousel strong {
    display: block;
    max-width: 450px;
    font-family: 'relevantbold', Arial sans-serif;
    font-size: 13px;
    line-height: 130%;
    margin: 0px auto;
}
.testimonial-carousel em {
    display: block;
    max-width: 450px;
    font-style: italic;
    font-size: 13px;
    line-height: 130%;
    margin: 0px auto;
}

@media only screen and (max-width: 768px) {
    .testimonial-carousel {
        padding: 55px 15px;
    }
    .testimonial-carousel h2 {
        font-size: 75px;
        margin-bottom: 20px;
    }
    .testimonial-carousel .swiper-wrapper {
        max-width: 350px;
    }
    .testimonial-carousel .swiper-button-prev,
    .testimonial-carousel .swiper-button-next {
        width: 24px;
        height: 24px;
        top: calc(100% - 2px) !important;
    }
    .testimonial-carousel .swiper-button-prev {
        left: auto !important;
        right: 50px !important;
    }
    .testimonial-carousel .copy {
        max-width: 350px;
    }
    .testimonial-carousel strong {
        max-width: 350px;
    }
    .testimonial-carousel em {
        max-width: 350px;
    }
}





/*========================
    RESOURCE SECTION
========================*/

.resource {
    background: #90D3D1;
    padding: 80px 15px 120px 15px;
}
.resource .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    gap: 50px;
    max-width: 620px;
    margin: 0px auto;
}
.resource img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 410px;
    object-fit: contain;
}

.resource h3 {
    font-family: 'relevantbold', Arial, sans-serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 130%;
    color: #0D4F4E;
    margin-top: 60px;
    margin-bottom: 15px;
}
.resource a {
    font-family: 'relevantbold', Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 130%;
    text-wrap: nowrap;
    color: #FFFFFF;
    background: #0D4F4E;
    padding: 10px 18px;
    border-radius: 25px;
    margin-bottom: 15px;
    transition: .3s;
}
.resource a:hover {
    background: #188C80;
}

@media only screen and (max-width: 768px) {
    .resource {
        background: #90D3D1;
        padding: 60px 15px 80px 15px;
    }
    .resource .container {
        gap: 30px;
    }
    .resource img {
        max-height: 310px;
    }
    .resource h3 {
        font-size: 18px;
        margin-top: 0px;
    }
}


/*====================
    TIMELINE SECTION
====================*/

.timeline {
    background: linear-gradient(360deg, #0D4F4E, #188C80 95%);
    color: #ffffff;
    padding: 115px 0px;
    position: relative;
    overflow: hidden;
}

.timeline .dots-detail {
    width: 900px;
    height: 900px;
    position: absolute;
    top: -450px;
    right:-450px;
}
.timeline .dots-detail:last-of-type {
    top: auto;
    right: auto;
    bottom: 100px;
    left: -450px;
}

.timeline h2 {
    font-family: 'Oranges and Lemons', Arial, sans-serif;
    font-style: italic;
    font-size: 140px;
    font-weight: 400;
    line-height: 65%;
    text-align: center;
    margin-bottom: 80px;
}

.timeline .timeline-wrap {
    max-width: 700px;
    margin: 0px auto;
}
.timeline .timeline-wrap .block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding: 20px 20px 100px 20px;
    border-top: 2px solid #fff;
    z-index: 2;
    position: relative;
}

.timeline .timeline-wrap .block:first-child::before,
.timeline .timeline-wrap .block:last-child::before,
.timeline .timeline-wrap .block:last-child:nth-child(even)::before {
    content: '';
    display: block;
    width: 50vw;
    height: 2px;
    background: #fff;
    translate: -50vw;
    position: absolute;
    top: -2px;
    left: 0px;
}
.timeline .timeline-wrap .block:last-child:nth-child(odd)::before {
    translate: 50vw !important;
    left: auto !important;
    right: 0px !important; 
}

.timeline .timeline-wrap .block:nth-child(odd) {
    border-right: 2px solid #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-left: 20px;
}
.timeline .timeline-wrap .block:nth-child(even) {
    padding-right: 0px;
    border-left: 2px solid #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-right: 20px;
}
.timeline .timeline-wrap .block:nth-child(even) .date:nth-child(1) {
    grid-column: 3;
    grid-row: 1;
}
.timeline .timeline-wrap .block:nth-child(even) .date:nth-child(3) {
    grid-column: 1;
    grid-row: 1;
}
.timeline .timeline-wrap .block:nth-child(odd)::after,
.timeline .timeline-wrap .block:nth-child(even)::after {
    content: '';
    width: 80px;
    height: 80px;
    border-bottom: 2px solid #fff;
    position: absolute;
    bottom: -2px;
} 
.timeline .timeline-wrap .block:nth-child(odd)::after {
    border-right: 2px solid #fff;
    border-bottom-right-radius: 20px;
    right: -2px;
}
.timeline .timeline-wrap .block:nth-child(even)::after {
    border-left: 2px solid #fff;
    border-bottom-left-radius: 20px;
    left: -2px;
} 

.timeline .timeline-wrap .block:nth-child(odd):last-of-type {
    border-right: none;
    border-top-right-radius: 0px;
}
.timeline .timeline-wrap .block:nth-child(even):last-of-type {
    border-left: none;
    border-top-left-radius: 0px;
}
.timeline .timeline-wrap .block:last-of-type::after {
    display: none;
}

.timeline .timeline-wrap .block .date {
    position: relative;
}

.timeline .timeline-wrap .block strong {
    display: block;
    font-family: 'relevantbold', Arial, sans-serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 17px;
    position: absolute;
    top: -65px;
    left: 0px;
}
.timeline .timeline-wrap .block strong::after {
    content: '';
    width: 26px;
    height: 26px;
    background: #90D3D1;
    border-radius: 50%;
    position: absolute;
    bottom: -40px;
    left: 0px;
}
.timeline .timeline-wrap .block ul {
    padding-left: 15px;
}
.timeline .timeline-wrap .block li {
    font-family: 'relevantnormal', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 130%;
}

.timeline .timeline-wrap .timeline-mobile {
    display: none !important;
}
@media only screen and (max-width: 768px) {
    .timeline .timeline-wrap .timeline-desktop {
        display: none !important;
    }
    .timeline .timeline-wrap .timeline-mobile {
        display: block !important;
    }
    .timeline .timeline-wrap .timeline-mobile .block {
        grid-template-columns: 1fr 1fr;
    }
    .timeline .timeline-wrap .timeline-mobile .block:nth-child(even) .date:nth-child(1) {
        grid-column: 2;
        grid-row: 1;
    }
    .timeline .timeline-wrap .timeline-mobile .block:nth-child(even) .date:nth-child(2) {
        grid-column: 1;
        grid-row: 1;
    }
    .timeline {
        padding: 80px 0px 60px;
    }
    .timeline h2 {
        font-size: 80px;
        margin-bottom: 80px;
    }
}





/*====================
    VIDEO SECTION
====================*/

.video-section {
    background: #0D4F4E;
    padding: 170px 15px;
    position: relative;
}

.video-section iframe {
    display: block;
    width: 100%;
    max-width: 860px;
    border-radius: 20px;
    margin: 0px auto;
    aspect-ratio: 16/9;
    position: relative;
    z-index: 2;
}
.video-section .dots-detail {
    translate: -50% -50%;
    position: absolute;
    top: 0%;
    left: 0%;
}


@media only screen and (max-width: 768px) {
    .video-section {
        padding: 90px 15px;
    }
}