@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@900&family=Roboto:wght@400&family=Roboto:wght@600&family=Roboto:wght@500&family=Roboto:wght@300&family=Slabo+27px&display=swap);

.question-section h3,
body {
    font-family: 'Slabo 27px', serif
}

#other_site_close,
.video-overlay-close {
    font-size: 36px;
    text-decoration: none;
    cursor: pointer
}

#other_site_close,
.video-overlay-close,
a {
    text-decoration: none
}

.cta-section,
.header-container,
.other_site,
ul.timeline .cta {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

body {
    min-width: 375px
}

#bg-wrap {
    position: fixed;
    width: 100%;
    opacity: .1
}

.other_site {
    width: 20rem;
    z-index: 99;
    right: 0;
    border-radius: 0;
    position: fixed;
    border: unset;
    margin-top: -40px;
    border-top: unset
}

.other_site:before {
    content: '';
    background: url('/assets/new/img/Group 184.svg') no-repeat padding-box;
    width: 214px;
    height: 94px;
    position: absolute;
    margin-top: -30px;
    right: 0
}

#video-container,
.cta-section,
.question-section,
.section-2,
.section-3,
footer {
    position: relative
}

.other_site .card-body a {
    font-weight: 600
}

.other_site .card-body a:after {
    width: 21px;
    margin-left: 10px;
    height: 21px;
    position: absolute;
    content: '';
    background: url('/assets/new/img/arrow-next.svg') no-repeat padding-box;
    opacity: 1
}

#other_site_close {
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 10px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    transition: .2s
}

#other_site_close:hover,
.video-overlay-close:hover {
    color: #fa183d
}

.other_site .card-body {
    padding: 20px;
    font-family: Roboto, sans-serif
}

.other_site .card-body h4 {
    font-weight: 700;
    color: #424242
}

.section-3 {
    padding-bottom: 80px;
    background-color: #ebf6fc;
    padding-top: 80px;
    margin-top: -16px;
    z-index: 1
}

.cta-section,
.header-container,
footer {
    background-color: #fff
}

.category-11 .category-content,
.category-4 .category-content {
    padding-top: 18px
}

.category-7 .category-video,
.category-8 .category-video {
    margin-top: 8px
}

a {
    color: #b21b80
}

.category-content .image {
    z-index: -1;
    position: relative;
    max-width: 1000px
}

.category-content .image img,
.section-container {
    max-width: 100%
}

footer {
    z-index: 1;
    padding-bottom: 5px
}

.question-section {
    border: 1px solid #7796b2;
    padding: 50px;
    margin-top: 100px;
    width: 640px
}

.question-section h3 {
    color: #000;
    font-size: 50px
}

.question-section p {
    font-family: Roboto, sans-serif;
    font-size: 15px
}

.question-section:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #7796b2;
    border-top: 0;
    top: -17px;
    left: 50%;
    border-width: 16px
}

.question-section:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #ebf6fc;
    border-top: 0;
    top: -16px;
    left: 50%;
    border-width: 16px
}

.section-3 .cta-section {
    margin-top: 0
}

.section-3 .video-header iframe {
    width: 860px;
    height: 485px
}

.ParTestimon,
.section-3 .video-header {
    font-family: Roboto, sans-serif
}

.TestimonName,
ul.timeline h3 {
    font-family: 'Slabo 27px', serif
}

.section-3 .video-header h1 {
    font-size: 30px;
    font-weight: 600;
    color: #43494d
}

.copy-section img {
    padding-top: 65px;
    width: 240px
}

.copy-section .copyright {
    margin: 60px auto 120px;
    font-size: 80%;
    color: #222527
}

.copy-section .copyright .copyrighttext {
    padding-top: 18px;
    border-top: 1px solid #d3dce0;
    font-family: Roboto, sans-serif
}

.section-2 {
    padding-bottom: 80px;
    background-image: linear-gradient(#d6edf7, #fff 1165px);
    padding-top: 80px;
    margin-top: -16px;
    z-index: 1
}

.cta-section,
ul.timeline .cta-1 {
    padding-top: 30px;
    padding-bottom: 30px
}

.section-2 .d-flex img {
    width: 400px
}

.section-2 .d-flex h2 {
    margin-top: 40px;
    margin-left: 15px
}

.section-content-1 {
    margin-left: 75px;
    margin-top: 100px
}

.section-content-1 .row {
    margin-bottom: 40px
}

.section-content-1 .row img {
    width: 150px;
    position: absolute
}

.section-content-1 .row .content {
    margin-left: 170px;
    margin-top: 10px;
    max-width: 600px
}

.cta-section {
    margin-top: 100px;
    left: 10%;
    margin-bottom: 100px;
    max-width: 80%;
    padding-left: 30px;
    height: 250px
}

.cta-section:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -20px;
    left: 45%;
    border-style: solid;
    border-color: transparent transparent #fff;
    border-top: 0;
    border-width: 22px
}

.cta-section:after {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .5;
    width: 459px;
    height: 271px;
    background: url('/assets/new/img/Group 153.svg') no-repeat padding-box;
    content: " "
}

.cta-section .cta-content,
ul.timeline .cta-1 .cta-content,
ul.timeline .cta-2 .cta-content,
ul.timeline .cta-3 .cta-content,
ul.timeline .cta-4 .cta-content {
    float: left;
    margin-left: 50px
}

.cta-section .cta-content h1,
ul.timeline .cta-1 .cta-content h1,
ul.timeline .cta-3 .cta-content h1 {
    font-family: Roboto, sans-serif;
    font-size: 31px;
    margin-top: 20px;
    line-height: 30px;
    font-weight: 600
}

.cta-section .cta-content h2,
ul.timeline .cta-1 .cta-content h2 {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 400
}

.cta-section .cta-content button,
ul.timeline .cta-1 .cta-content button {
    border: none;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 20px;
    padding: 12px 30px;
    font-size: 14px;
    background-color: #b21b80;
    border-radius: 5px
}

.cta-section .cta-content button:hover,
ul.timeline .cta-1 .cta-content button:hover {
    background-color: #e3169f
}

.header-container .header-bottom {
    margin-top: 10px
}

.header-container {
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 2;
    position: sticky;
    top: 0
}

.header-container:after,
.header-container:before {
    margin-left: -16px;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0
}

.header-container:after {
    bottom: -17px;
    left: 50%;
    border-top-color: #fff;
    border-width: 17px 16px 0
}

.header-container:before {
    bottom: -18px;
    left: 50%;
    border-top-color: #48484838;
    border-width: 17px 17px 0
}

.header-container h1 {
    font-family: Roboto, sans-serif;
    font-size: 17px;
    text-align: left;
    color: #b21b80;
    margin-bottom: 0
}

.header-container h2 {
    text-align: left;
    font: 35px/26px Slabo 27px;
    color: #43494d
}

.header-container img {
    float: right;
    margin-right: 10%;
    width: 250px
}

#video-container {
    width: 100%;
    height: 700px;
    overflow: hidden;
    z-index: 1
}

#video-container video,
.video-background {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%
}

#video-container .video-background {
    z-index: 9999;
    background: rgba(0, 0, 0, .5)
}

#video-container .video-content {
    z-index: 99999;
    position: absolute;
    height: 100%;
    width: 100%
}

#video-container .video-content .inner {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap
}

#video-container .video-content .inner h1 {
    color: #fff;
    margin: 20px 0;
    font-size: 3em
}

#video-container .video-content .inner #play-video {
    border: 1px solid #fff;
    padding: 100px 250px
}

#video-container .video-content .inner #play-video button {
    border: none;
    cursor: pointer;
    height: 190px;
    margin-top: 30px;
    width: 230px;
    background: url('/assets/new/img/Group 187.svg') no-repeat padding-box;
    animation: 1.5s ease-out infinite pulse-border
}

.video-overlay {
    position: fixed;
    z-index: -1;
    bottom: 0;
    right: 0;
    background: rgb(0 0 0 / 88%);
    opacity: 0;
    transition: .5s;
    left: 0;
    top: 0
}

.plus-1,
.plus-2 {
    background: url('/assets/new/img/Group 140.svg') no-repeat padding-box;
    content: '';
    height: 42px;
    width: 42px;
    float: right;
    position: absolute
}

.video-overlay.open {
    position: fixed;
    z-index: 9999999;
    opacity: 1
}

.video-overlay-close {
    position: absolute;
    z-index: 1000;
    top: 15px;
    right: 20px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    transition: .2s
}

.video-overlay iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 90%;
    width: 800px;
    height: 450px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .75)
}

.plus-1 {
    margin-right: 730px;
    margin-top: -425px
}

.plus-2 {
    margin-left: 732px;
    margin-bottom: -428px
}

ul.timeline {
    position: relative;
    list-style-type: none;
    padding-left: 180px;
    margin-left: 280px
}

ul.timeline .category-video {
    position: absolute;
    left: -210px;
    top: 0
}

ul.timeline .category-video-2 {
    top: 160px
}

ul.timeline .category-video button {
    border: none;
    cursor: pointer;
    height: 66px;
    margin-top: 38px;
    margin-left: 70px;
    width: 105px;
    position: absolute;
    background: url('/assets/new/img/Group 82.svg') no-repeat padding-box;
    animation: 1.5s ease-out infinite pulse-border
}

ul.timeline:after {
    position: absolute;
    content: " ";
    background: url('/assets/new/img/top-plus.svg') no-repeat padding-box;
    width: 41px;
    height: 41px;
    top: -50px;
    left: 117px;
    z-index: 9
}

ul.timeline:before {
    position: absolute;
    display: block;
    left: 136px;
    height: 100%;
    border-width: 2px;
    border-style: dashed;
    color: #cccccc7d;
    content: " "
}

ul.timeline .category-content {
    padding-left: 50px
}

ul.timeline .category-1,
ul.timeline .category-2,
ul.timeline .category-3 {
    padding-left: 16px;
    position: relative
}

ul.timeline .category-content:has(.image) {
    cursor: pointer
}

ul.timeline h3 {
    color: #45bdf3;
    font-size: 40px;
    line-height: 40px
}

ul.timeline h4 {
    font-family: Roboto, sans-serif;
    color: #43494d;
    font-size: 25px;
    line-height: 25px;
    font-weight: 600
}

ul.timeline .category-1 {
    top: 70px;
    margin-bottom: 40px
}

ul.timeline .category-1:before {
    position: absolute;
    top: 15px;
    left: -110px;
    width: 140px;
    height: 135px;
    background: url('/assets/new/img/Group 110.svg') no-repeat padding-box;
    content: " "
}

ul.timeline .category-2:before,
ul.timeline .category-3:before {
    top: 0;
    left: -485px;
    width: 480px;
    background: #64d3ff;
    content: " ";
    position: absolute
}

ul.timeline .category-2 {
    margin-top: 175px;
    margin-bottom: 30px
}

ul.timeline .category-2:before {
    height: 190px
}

ul.timeline .category-3 {
    margin-top: 70px;
    margin-bottom: 30px
}

ul.timeline .category-3:before {
    height: 350px
}

ul.timeline .category-11 {
    position: relative;
    padding-left: 16px;
    margin-top: 0;
    margin-bottom: 30px
}

ul.timeline .category-4 {
    position: relative;
    padding-left: 16px;
    margin-top: 150px;
    margin-bottom: 30px
}

ul.timeline .category-4:before {
    position: absolute;
    top: 8px;
    left: -53px;
    width: 40px;
    height: 40px;
    background: url('/assets/new/img/+.svg') no-repeat padding-box;
    content: " "
}

ul.timeline .cta {
    position: relative;
    margin-top: 120px;
    margin-left: -150px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 1000px
}

ul.timeline .cta:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -20px;
    left: 86px;
    border-style: solid;
    border-color: transparent transparent #dff1f8;
    border-top: 0;
    border-width: 22px
}

ul.timeline .cta:after {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    opacity: .5;
    width: 459px;
    height: 271px;
    background: url('/assets/new/img/Group 153.svg') no-repeat padding-box;
    content: " "
}

.cta-section .cta-content,
ul.timeline .cta-content {
    z-index: 1;
    position: relative
}

ul.timeline .cta-1 {
    background-color: #dff1f8;
    padding-left: 30px;
    height: 250px
}

ul.timeline .cta-2,
ul.timeline .cta-3,
ul.timeline .cta-4 {
    background-color: #dff1f8;
    padding-top: 30px;
    padding-bottom: 30px;
    height: 270px
}

ul.timeline .category-5 {
    position: relative;
    padding-left: 16px;
    margin-top: 70px
}

ul.timeline .category-5:before {
    position: absolute;
    top: 15px;
    left: -112px;
    width: 140px;
    height: 135px;
    background: url('/assets/new/img/Group 146.svg') no-repeat padding-box;
    content: " "
}

ul.timeline .category-5 h3 {
    color: #227fbb
}

ul.timeline .category-6 .category-video button,
ul.timeline .category-7 .category-video button,
ul.timeline .category-8 .category-video button {
    background: url('/assets/new/img/Group 171.svg') no-repeat padding-box
}

ul.timeline .category-10,
ul.timeline .category-13,
ul.timeline .category-6 {
    position: relative;
    padding-left: 16px;
    margin-top: 100px;
    margin-bottom: 30px
}

ul.timeline .category-new {
    position: relative;
    padding-left: 16px;
    margin-top: 100px;
    margin-bottom: 60px
}

ul.timeline .category-6:before,
ul.timeline .category-7:before,
ul.timeline .category-8:before {
    position: absolute;
    top: 0;
    left: -485px;
    width: 480px;
    height: 190px;
    background: #227fbb;
    content: " "
}

ul.timeline .category-7,
ul.timeline .category-8 {
    position: relative;
    padding-left: 16px;
    margin-top: 95px;
    margin-bottom: 30px
}

ul.timeline .cta-2 {
    padding-left: 30px;
    margin-top: 150px
}

ul.timeline .cta-2 .cta-content img,
ul.timeline .cta-4 .cta-content img {
    margin-left: -50px
}

ul.timeline .cta-2 .cta-content h1 {
    font-family: Roboto, sans-serif;
    font-size: 31px;
    margin-top: 30px;
    line-height: 30px;
    font-weight: 600
}

ul.timeline .cta-2 .cta-content h2,
ul.timeline .cta-3 .cta-content h2,
ul.timeline .cta-4 .cta-content h2 {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding: 10px
}

ul.timeline .cta-2 .cta-content button,
ul.timeline .cta-3 .cta-content button,
ul.timeline .cta-4 .cta-content button {
    border: none;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 20px;
    padding: 12px 30px;
    font-size: 14px;
    background-color: #25b8c9;
    border-radius: 5px
}

ul.timeline .cta-2 .cta-content button:hover,
ul.timeline .cta-3 .cta-content button:hover,
ul.timeline .cta-4 .cta-content button:hover {
    background-color: #13d6ed
}

ul.timeline .category-12,
ul.timeline .category-9 {
    position: relative;
    padding-left: 16px;
    margin-top: 70px;
    margin-bottom: 40px
}

ul.timeline .category-9:before {
    position: absolute;
    top: 15px;
    left: -112px;
    width: 140px;
    height: 140px;
    background: url('/assets/new/img/Group 163.png') no-repeat padding-box;
    content: " "
}

ul.timeline .category-9 h3 {
    color: #ff8324
}

ul.timeline .category-new .category-video button {
    background: url('img/Group 174.svg') no-repeat padding-box;
}

ul.timeline .category-10:before {
    position: absolute;
    top: 0;
    left: -485px;
    width: 480px;
    height: 350px;
    background: #ff8324;
    content: " "
}

ul.timeline .category-new:before {
    top: 0;
    left: -485px;
    width: 480px;
    height: 190px;
    background: #ff8324;
    content: " ";
    position: absolute;
}

@media (max-width: 600px) {
    ul.timeline .category-new:before {
        display: none;
    }
}

ul.timeline .category-10 .category-video button {
    background: url('/assets/new/img/Group 174.svg') no-repeat padding-box
}

ul.timeline .category-11:before {
    position: absolute;
    top: 8px;
    left: -53px;
    width: 40px;
    height: 40px;
    background: url('/assets/new/img/plusorange.svg') no-repeat padding-box;
    content: " "
}

ul.timeline .cta-3 {
    padding-left: 30px;
    margin-top: 100px
}

ul.timeline .category-14,
ul.timeline .category-15 {
    padding-left: 16px;
    margin-bottom: 30px;
    position: relative
}

ul.timeline .category-12:before {
    position: absolute;
    top: 15px;
    left: -112px;
    width: 140px;
    height: 140px;
    background: url('/assets/new/img/Group 168.svg') no-repeat padding-box;
    content: " "
}

ul.timeline .category-12 h3 {
    color: #86c927
}

ul.timeline .category-13 .category-content h4,
ul.timeline .category-14 .category-content h4,
ul.timeline .category-15 .category-content h4 {
    font-weight: 400
}

ul.timeline .category-13 .category-video button,
ul.timeline .category-14 .category-video button,
ul.timeline .category-15 .category-video button {
    background: url('/assets/new/img/Group 178.svg') no-repeat padding-box
}

ul.timeline .category-13:before,
ul.timeline .category-14:before,
ul.timeline .category-15:before {
    position: absolute;
    top: 0;
    left: -485px;
    width: 480px;
    height: 190px;
    background: #86c927;
    content: " "
}

ul.timeline .category-14 {
    margin-top: 138px
}

ul.timeline .category-15 {
    margin-top: 28px
}

ul.timeline .cta-4 {
    padding-left: 30px;
    margin-top: 220px
}

ul.timeline .cta-4 .cta-content h1 {
    font-family: Roboto, sans-serif;
    font-size: 38px;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 30px;
    font-weight: 600
}

ul.timeline .category-16 {
    position: relative;
    padding-left: 16px;
    padding-bottom: 150px;
    margin-top: 70px
}

ul.timeline .category-16:before {
    position: absolute;
    top: 15px;
    left: -112px;
    width: 140px;
    height: 135px;
    background: url('/assets/new/img/Group 155.svg') no-repeat padding-box;
    content: " "
}

ul.timeline .category-16 h3 {
    color: #754e8a
}

.testimonial-item {
    padding: 20px;
    z-index: 50;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.testimonial-image {
    border-radius: 100px
}

.TestimonName {
    font-size: 32px
}

.ParContent {
    font-family: Roboto, sans-serif;
    font-style: italic;
    margin-top: 15px;
    max-width: 800px
}

.testimonial-line {
    border: 1px dashed #ccc;
    position: absolute;
    right: 0;
    width: 70%
}

.testimonial-line:before {
    width: 41px;
    height: 41px;
    content: "";
    position: absolute;
    background: url('/assets/new/img/Group 158.svg') no-repeat padding-box;
    margin-left: -50px;
    margin-top: -20px
}

.tns-outer {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

@keyframes pulse-border {

    0%,
    100% {
        transform: scale(.95);
        opacity: 1
    }

    50% {
        transform: scale(1.05);
        opacity: .9
    }
}