/* Global styles */
  :root {
    font-size: 62.5%; /* set rem value at 10px */
    --midnight: #08162F;
    --midnight120: #061226; /* midnight, but 20% darker */
    --midnight80: #394559;
    --midnight60: #6b7382;
    --midnight40: #9ca2ac;
    --midnight20: #ced0d5;
    --midnight10: #e6e7ea;
    --midnight05: #f2f3f4;
    --darkblue: #001560;
    --darkblue80: #334480;
    --darkblue60: #6673a0;
    --darkblue40: #99a1bf;
    --darkblue20: #ccd0df;
    --darkblue10: #e5e7ef;
    --cyan: #009fe3;
    --cyan120: #007fb6;
    --cyan140: #005f88;
    --cyan80: #33b2e9;
    --cyan60: #66c5ee;
    --cyan40: #99d9f4;
    --cyan20: #ccecf9;
    --cyan10: #e5f5fc;
    --red: #d82a64;
    --red120: #ad2250; /* red, but 20% darker */
    --red140: #82193c; /* red, but 40% darker */
    --red80: #e25583;
    --red60: #e97fa2;
    --red40: #f1aac1;
    --red20: #f8d4e0;
    --red10: #fbe9ef;
    --purple: #4d2c93;
    --purple80: #7156a9;
    --purple60: #9480be;
    --purple40: #b8abd4;
    --purple20: #dbd5e9;
    --purple10: #ede9f4;
    --lightblue120: #32b1c6;
    --lightblue140: #258594;
    --lightblue: #3eddf7;
    --lightblue80: #65e4f9;
    --lightblue60: #8bebfa;
    --lightblue40: #b2f1fc;
    --lightblue20: #d8f8fd;
    --lightblue10: #ebfcfe;
    --pink: #ffad9f;
    --pink80: #ffbdb2;
    --pink60: #ffcec5;
    --pink40: #ffded9;
    --pink20: #ffefec;
    --pink10: #fff7f5;
    --yellow: #f7f741;
    --yellow80: #f9f967;
    --yellow60: #fafa8d;
    --yellow40: #fcfcb3;
    --yellow20: #fdfdd9;
    --yellow10: #fefeec;
    --white: #ffffff;
    --gartnerblue: #002856;
    --gartneryellow: #f2c71a;
}

#LblmktoCheckbox_112249_0,
#LblmktoCheckbox_112271_0,
#LblmktoCheckbox_112520_0,
#LblmktoCheckbox_112545_0,
#LblmktoCheckbox_112958_0 {
    width: 90% !important
}

.pt-6,
.py-6 {
  padding-top: 5rem !important;
}

.pr-6,
.px-6 {
  padding-right: 5rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 5rem !important;
}

.pl-6,
.px-6 {
  padding-left: 5rem !important;
}

@media (min-width: 992px) {
    .pt-lg-6,
    .py-lg-6 {
      padding-top: 5rem !important;
    }

    .pr-lg-6,
    .px-lg-6 {
      padding-right: 5rem !important;
    }

    .pb-lg-6,
    .py-lg-6 {
      padding-bottom: 5rem !important;
    }

    .pl-lg-6,
    .px-lg-6 {
      padding-left: 5rem !important;
    }
}

h1,
.h1 {
    font-size: 3.36rem;
}

h2,
.h2 {
    font-size: 2.69rem;
}

h3,
.h3 {
    font-size: 2.15rem;
}

h4,
.h4 {
    font-size: 1.72rem;
}

h5,
.h5 {
    font-size: 1.38rem;
}

h6,
.h6 {
    font-size: 1.10rem;
}

/* global heading line height, kerning, and font weight */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    line-height: 1.3;
    letter-spacing: -1.3px;
    font-weight: 500;
}

p {
    font-size: 1.6rem;
}

@media (min-width: 1200px) {
    /* desktop heading sizes */
    h1,
    .h1 {
        font-size: 4.2rem;
    }

    h2,
    .h2 {
        font-size: 3.36rem;
    }

    h3,
    .h3 {
        font-size: 2.69rem;
    }

    h4,
    .h4 {
        font-size: 2.15rem;
    }

    h5,
    .h5 {
        font-size: 1.72rem;
    }

    h6,
    .h6 {
        font-size: 1.38rem;
    }

    p {
        font-size: 1.8rem;
    }

}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeinup {
    opacity: 0;
}

.fadeinup.visible {
    animation: fadeInUp 1s;
    opacity: 1;
}

.glass-tile {
    background: rgba(252, 252, 252, 0.05);
    border: 1px solid rgba(252, 252, 252, 0.10);
    color: var(--midnight05);
    transition: 0.3s;
    border-radius: 8px;
}


body {
    min-height: 100vh;
    background: var(--darkblue);
    background: linear-gradient(180deg, var(--darkblue) 0%, var(--midnight) 33%);
    font-family: 'Rubik', sans-serif;
}

.infographic-holder .mktoImg,
.infographic-holder img {
    width: 100%;
}

.upcoming_event__item, .upcoming_event__item p {
    font-size: 21px;
}

.upcoming_event__item img {
    margin-top: 6px;
}

.main_content iframe {
    width: 100%;
    border-radius: 8px;
    height: 174px;
}

.speakers__supporting p {
    font-size:1.68rem;
    color:var(--white);
    line-height: 1.5;
}
.footer-bt {
    border-top: 1px solid rgba(255,255,255,.1);
}

.footer img {
    margin: 30px 30px 30px 0;
    width: calc(155px * 0.8);
    height: auto;
}

.footer p.copyright {
    margin-bottom: 0;
    font-size: 1.4rem;
    color: rgba(255,255,255,.55);
}

.footer a.policies-link {
    color: rgba(255,255,255,0.75);
    text-decoration: none;
    font-size: 1.6rem;
    transition: 0.3s;
}

.footer a.policies-link:hover {
    color: white;
}

@media (min-width: 357px){
    .main_content iframe {
        height: 184px;
    }
}

@media (min-width: 375px){
    .main_content iframe {
        height: 193px;
    }
}

@media (min-width: 400px){
    .main_content iframe {
        height: 207px;
    }
}

@media (min-width: 414px){
    .main_content iframe {
        height: 216px;
    }
}

@media (min-width: 425px){
    .main_content iframe {
        height: 222px;
    }
}

@media (min-width: 768px){
    .footer img {
        width: 155px;
    }
    .main_content iframe {
        width: 80%;
        margin: 0 auto;
        height: 321px;
    }

    .infographic-holder {
        padding-right: 15px;
    }
}

@media (min-width: 1024px){
    .main_content iframe {
        width: 100%;
        margin: unset;
        height: 227px;
    }

    .speakers__supporting {
        width: 50%;
        padding-left: 30px;
    }
}

@media (min-width: 1200px){
    .main_content iframe {
        height: 269px;
    }
}

@media (min-width: 1400px){
    .main_content iframe {
        height: 300px;
    }
}

/* Marketo form */
.marketo-style-overwrite .mktoRadioList, 
.marketo-style-overwrite .mktoCheckboxList {
    display: flex;
    align-items: center;
}

.marketo-style-overwrite .mktoRadioList input[type="radio"], 
.marketo-style-overwrite .mktoRadioList input[type="checkbox"]  {
    height: auto;
    width: auto;
    margin-right: 5px;
}

.btn-primary, 
.mktoButtonRow .mktoButtonWrap .mktoButton,
.marketo-style-overwrite .mktoForm .mktoButtonWrap .mktoButton {
    /* updating existing bs styles: */
    --bs-btn-color: var(--white) !important;
    color: var(--white) !important;
    --bs-btn-bg: var(--red) !important;
    background-color: var(--red) !important;
    --bs-btn-border-color: var(--red) !important;
    border-color: var(--red) !important;
    --bs-btn-hover-color: var(--white) !important;
    --bs-btn-hover-bg: var(--red120) !important;
    --bs-btn-hover-border-color: var(--red120) !important;
    --bs-btn-focus-shadow-rgb: 49,132,253 !important;
    --bs-btn-active-color: var(--white) !important;
    --bs-btn-active-bg: var(--red140) !important;
    --bs-btn-active-border-color: var(--red140) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    /* additional custom styles: */
    font-weight: 500 !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    letter-spacing: -0.3px !important;
    font-size: 16px !important;
    font-family: "Rubik", sans-serif !important;
    width: fit-content !important;
    margin: 0 !important;
    background-image: none !important;
}


    .btn-primary:hover, 
    .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
        color: var(--white) !important;
        background-color: var(--red120) !important;
        border-color: var(--red120) !important;
        font-weight: 500 !important;
        border-radius: 4px !important;
        padding: 10px 20px !important;
        letter-spacing: -0.3px !important;
        font-size: 16px !important;
        font-family: "Rubik", sans-serif !important;
        width: fit-content !important;
        margin: 0 !important;
        background-image: none !important;
    }

    .btn-primary:active, 
    .mktoButtonRow .mktoButtonWrap .mktoButton:active {
        color: var(--white) !important;
        background-color: var(--red140) !important;
        border-color: var(--red140) !important;
        font-weight: 500 !important;
        border-radius: 4px !important;
        padding: 10px 20px !important;
        letter-spacing: -0.3px !important;
        font-size: 16px !important;
        font-family: "Rubik", sans-serif !important;
        width: fit-content !important;
        margin: 0 !important;
        background-image: none !important;
    }

.mktoForm .mktoButtonRow {
    text-align: left !important;
    margin: 0 !important;
}

.marketo-style-overwrite .mktoForm {
    padding: 0 !important;
    width: 100% !important;
}

.marketo-style-overwrite .mktoForm input[type=text], 
.marketo-style-overwrite .mktoForm input[type=url], 
.marketo-style-overwrite .mktoForm input[type=email], 
.marketo-style-overwrite .mktoForm input[type=tel], 
.marketo-style-overwrite .mktoForm input[type=number], 
.marketo-style-overwrite .mktoForm input[type=date], 
.marketo-style-overwrite .mktoForm textarea.mktoField, 
.marketo-style-overwrite .mktoForm select.mktoField {
    border-radius: 8px !important;
    padding: 10px 10px 10px 20px !important;
    font-family: "Rubik", sans-serif !important;
    height: 46px !important;
    font-size: 15px !important;
    margin: 0;
    width: 100% !important;
    color: var(--midnight) !important;
}

.marketo-style-overwrite .mktoForm input::placeholder {
    color: var(--midnight60) !important;
}

.marketo-style-overwrite .mktoForm select.mktoField {
    padding: 10px 10px 10px 15px !important;
    color: var(--midnight60) !important;
}

.marketo-style-overwrite .mktoForm select.mktoField.mktoValid {
    color: var(--midnight) !important;
}

.marketo-style-overwrite .mktoForm textarea.mktoField {
    height: 100px;
    padding-top: 20px !important;
}

.marketo-style-overwrite .mktoForm .mktoError {
    width: unset !important;
}

.marketo-style-overwrite .mktoForm .mktoError .mktoErrorArrow {
    width: 16px !important;
}

.marketo-style-overwrite .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix,
.mktoForm .mktoOffset,
.mktoForm .mktoFieldDescriptor label.mktoLabel,
.mktoForm .mktoGutter {
    display: none !important;
}

.show-labels .mktoForm .mktoFieldDescriptor label.mktoLabel {
    display: block !important;
    margin-bottom: 5px;
    font-weight: bold;
}

.marketo-style-overwrite .mktoForm div, 
.marketo-style-overwrite .mktoForm span, 
.marketo-style-overwrite .mktoForm label, 
.marketo-style-overwrite .mktoForm p {
    font-family: "Rubik", sans-serif !important;
    font-size: 1.4rem;
    margin-left: 0 !important;
    width: 100% !important;
}

.form_cta__form .mktoForm .mktoHtmlText {
    margin-top: 10px !important;
    font-size: 12px !important;
}

@media (min-width: 768px){
    .form_cta__form .mktoForm .mktoFormRow {
        width: 48% !important;
    }
    .form_cta__form .mktoForm {
        display: flex;
        flex-wrap: wrap;
    }
}

/* Share slider */
.share_slider {
    display: none !important;
}

@media (min-width: 1280px){
    .share_slider {
        display: flex !important;
        position: fixed;
        right: 0;
        background-color: var(--cyan);
        padding: 1rem;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        color: var(--white);
        z-index: 10;
    }
    
    .share_slider__bubble {
        background-color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        height: 32px;
        width: 32px;
        margin: 10px 0;
    }
    
    .share_slider hr {
        height: 1px;
        width: 100%;
        margin: 0;
    }
}


/* Header */
.header__egress {
    margin: 30px 30px 30px 0;
    width: calc(155px * 0.8);
    height: auto;
}

.header__external {
    margin: 0 30px 30px 30px;
    height: 30px;
}

.header__external.portrait {
    height: 50px;
}

@media (min-width: 768px){
    .header__egress {
        width: 155px;
    }
    .header__external {
        margin: 30px 30px 30px 0px;
    }

    header hr {
        width: 1px;
        color: white;
        background-color: white;
        height: 30px;
        margin-right: 30px;
    }
}

/* Hero */
.hero__preheader, .upcoming_event__preheader, header p {
    color: rgba(255, 255, 255, 0.45);
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 3px;
    line-height: 1.5;
}

header .mktoText.formOnly-subtext p {
    color: var(--midnight05);
    text-transform: unset;
    letter-spacing: unset;
    font-size: 1.8rem;
    margin-right: unset;
}

h1 {
    color: var(--white);
    font-size: 42px;
    letter-spacing: -1px;
    line-height: 1.3;
    margin-bottom: 3rem;
}

span.standout {
    font-weight: 500;
    font-size: 24px;
    color: white;
}

.hero__teaser p, .upcoming_event__teaser, .upcoming_event__teaser p, .upcoming_event__teaser li, .hero__teaser li {
    color: var(--white);
    font-size: 21px;
    line-height: 1.5;
}

.hero__teaser p:last-of-type {
    margin-bottom: 2rem;
    line-height: 1.5;
}

.btn-secondary {
    /* updating existing bs styles: */
    --bs-btn-color: var(--white);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--white);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--white);
    --bs-btn-hover-border-color: var(--white);
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--white);
    --bs-btn-active-border-color: var(--white);
    font-weight: 500;
    border-radius: 4px;
    padding: 10px 20px;
    letter-spacing: -0.3px;
    font-size: 16px;
}

.hero__image img, .hero__image .mktoImg {
    width: 100%;
}

@media (min-width: 992px){
    .hero__textbox {
        width: 45%;
        z-index: 2;
    }
    .hero__image {
        width: 55%;
        position: relative;
    }
    .hero__image.hero__overlay img {
        position: absolute;
        width: 120%;
        right: 0;
        bottom: 0;
    }
}

/* Dark stats */
.dark_stats__tile {
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dark_stats__tile.blue {
    border: 1px solid var(--cyan);
}
.dark_stats__tile.pink {
    border: 1px solid var(--red);
}
.dark_stats__num {
    color: var(--midnight10);
    font-size: 37px;
    line-height: 1.5;
    font-weight: 500;
}

.dark_stats__text {
    color: var(--midnight10);
    font-size: 20px;
    line-height: 1.5;
    width: 80%;
    margin: 0 auto;
}
.light_stats__text {
    width: 80%;
}

.dark_stats__bubble,
.light_stats__bubble {
    width: 170px;
    height: 170px;
    position: absolute;
    border-radius: 50%;
    background: rgb(255,255,255);
    z-index: 1;
}

.dark_stats__tile:nth-child(1) .dark_stats__left {
    left: -7%;
    bottom: -36%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(128,128,128,0.4) 100%);
}


.dark_stats__tile:nth-child(1) .dark_stats__right {
    right: -10%;
    top: -35%;
    background: linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(128,128,128,0.4) 100%);
}

.dark_stats__tile:nth-child(2) .dark_stats__left {
    top: -32%;
    left: 5%;
    background: linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(128,128,128,0.4) 100%);
}

.dark_stats__tile:nth-child(2) .dark_stats__right {
    bottom: -47%;
    right: -5%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(128,128,128,0.4) 100%);
}

.dark_stats__tile:nth-child(3) .dark_stats__left {
    top: -7%;
    left: -18%;
    background: linear-gradient(210deg, rgba(255,255,255,0) 0%, rgba(128,128,128,0.4) 100%);
}

.dark_stats__tile:nth-child(3) .dark_stats__right {
    bottom: -23%;
    right: -18%;
    background: linear-gradient(140deg, rgba(255,255,255,0) 0%, rgba(128,128,128,0.4) 100%);
}

@media (min-width: 425px){
    .dark_stats__bubble,
    .light_stats__bubble {
        width: 200px;
        height: 200px;
    }
}

@media (min-width: 768px){
    .dark_stats__tile {
        width: 30%;
        min-height: 205px;
    }
    .dark_stats__bubble,
    .light_stats__bubble {
        width: 150px;
        height: 150px;
    }
}

@media (min-width: 1024px){
    .dark_stats__bubble,
    .light_stats__bubble {
        width: 170px;
        height: 170px;
    }
}

@media (min-width: 1200px){
    .dark_stats__bubble,
    .light_stats__bubble {
        width: 200px;
        height: 200px;
    }
}

/* main content */
.main_content__textbox h2 {
    color: var(--white);
    font-size: 33px;
    letter-spacing: -1px;
    line-height: 1.3;
    margin-bottom: 30px;
}
.main_content__body {
    color: var(--white);
    line-height: 1.5;
    font-size: 21px;
}

.main_content__image img, .main_content__image .mktoImg {
    width: 100%;
    z-index: 2;
    border-radius: 13px;
}

@media (min-width: 768px){
    .main_content__image img, .main_content__image .mktoImg {
        width: 50%;
        margin: 0 auto;
    }
}


@media (min-width: 992px){
    .main_content__image img, .main_content__image .mktoImg {
        width: 100%;
        margin: unset;
    }
    .main_content__image {
        position: relative;
    }
    .main_content__dots {
        position: absolute;
        bottom: 0;
        left: -50px;
        z-index: 1;
    }
}

@media (min-width: 1200px){
    .main_content__dots {
        bottom: -50px;
    }
}

/* light stats */
.light_stats__tile {
    color: var(--seconary-dark-text);
    background-color: #CBECFA;
    border-radius: 8px;
    border: 1px solid var(--cyan);
    position: relative;
    overflow: hidden;
}
.light_stats__num {
    font-size: 32px;
    line-height: 25px;
    font-weight: 500;
    z-index: 2;
    position: relative;
}
.light_stats__text {
    font-size: 20px;
    line-height: 25px;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

.light_stats__tile:nth-child(1) .light_stats__left {
    left: -7%;
    bottom: -36%;
    background: linear-gradient(220deg, rgba(255,255,255,0.24) 0%, rgba(0,159,227,0.51) 100%);
}


.light_stats__tile:nth-child(1) .light_stats__right {
    right: -10%;
    top: -35%;
    background: linear-gradient(50deg, rgba(255,255,255,0.24) 0%, rgba(0,159,227,0.51) 100%);
}

.light_stats__tile:nth-child(2) .light_stats__left {
    top: -32%;
    left: 5%;
    background: linear-gradient(220deg, rgba(255,255,255,0.24) 0%, rgba(0,159,227,0.51) 100%);
}

.light_stats__tile:nth-child(2) .light_stats__right {
    bottom: -47%;
    right: -5%;
    background: linear-gradient(60deg, rgba(255,255,255,0.24) 0%, rgba(0,159,227,0.51) 100%);
}

@media (min-width: 768px){
    .light_stats__tile {
        width: 45%;
        min-height: 205px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (min-width: 992px){
    .light_stats__image img {
        width: 100%;
        border-radius: 10px;
    }
    .light_stats__tiles {
        margin-left: -17%;
    }
}

/* quotation */
.quotation__quote {
    color: var(--white);
    font-weight: 500;
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 30px;
    z-index: 2;
    position: relative;
}

.quotation__cite {
    color: var(--darkblue60);
}

.quotation .container {
    position: relative;
}

.quotation__qmark {
    position: absolute;
}

.quotation__top_left {
    top: -15%;
    left: 14%;
}

.quotation__bottom_right {
    bottom: 0%;
    right: 10%;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: 30px !important; /* matching to main site */
    padding-left: 30px !important; /* matching to main site */
}

@media (min-width: 375px){
    .quotation__top_left {
        top: -19%;
    }
    .quotation__bottom_right {
        bottom: -8%;
    }
}

@media (min-width: 425px){
    .quotation__top_left {
        top: -21%;
        left: 7%;
    }
}

@media (min-width: 768px){
    .quotation__quote {
        width: 80%;
        margin: 0 auto 30px auto;
        font-size: 28px;
    }
    .quotation__top_left {
        top: -30%;
        left: 16%;
    }
    .quotation__bottom_right {
        bottom: -10%;
    }
}

.main_content__image {
    margin-bottom: 15px
}

@media (min-width: 1024px){
    .main_content__image {
        margin-bottom: 0;
    }
    .quotation__top_left {
        top: -35%;
        left: 14%;
    }
    .quotation__bottom_right {
        bottom: -15%;
        right: 15%;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-right: 15px !important; /* matching to main site */
        padding-left: 15px !important; /* matching to main site */
    }
    
}

/* gradient stats */

.gradient_stats__image img, .gradient_stats__image .mktoImg {
    width: 100%;
}

.gradient_stats .container {
    padding: 0;
}

.gradient_stats {
    color: #E5E7EF;
}

.gradient_stats__tile {
    min-height: 275px;
    background: var(--darkblue);
}

.gradient_stats__tile.blue {
    background: linear-gradient(130deg, var(--darkblue) 20%, var(--cyan) 100%);
}

.gradient_stats__tile.purple {
    background: linear-gradient(50deg, var(--darkblue) 20%, rgba(77,44,147,1) 100%);
}

.gradient_stats__num {
    font-size: 30px;
    font-weight: 500;
    line-height: 25px;
}

.gradient_stats__text {
    font-size: 20px;
    line-height: 25px;
}

@media (min-width: 768px){
    .gradient_stats__tile:nth-child(1){
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }
    .gradient_stats__tile:nth-child(2){
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
}

@media (min-width: 992px){
    .gradient_stats__tile:nth-child(2){
        border-top-right-radius: unset;
        border-bottom-right-radius: unset;
    }
    .gradient_stats__image img {
        height: 100%;
        object-fit: cover;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .gradient_stats__tile {
        width: 33.333%;
    }
}

/* form cta */
.form_cta__center .form_cta__bg {
    background: rgb(197,234,250);
    background: linear-gradient(220deg, rgba(197,234,250,1) 0%, var(--white) 100%);
    border-radius: 8px;
    position: relative;
}

.form_cta__side .form_cta__bg {
    position: absolute;
    background: rgb(197,234,250);
    background: linear-gradient(220deg, rgba(197,234,250,1) 0%, var(--white) 100%);
    height: 575px;
    width: 95%;
    z-index: 1;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.form_cta__side .form_cta__bg .dots {
    max-width: 100%;
}

.form_cta .container .dots {
    bottom: -50px;
    position: absolute;
    left: -80px;
    max-width: 100%;
}

.form_cta h2, 
.upcoming_event__form h2 {
    line-height: 35px;
    font-size: 33px;
    letter-spacing: -1px;
    margin-bottom: 30px;
    color: var(--midnight);
}

.form_cta form, 
.upcoming_event__form form {
    gap: 1rem;
}

.form_cta form input,
.form_cta form select, 
.upcoming_event__form form input, 
.upcoming_event__form form select {
    border: 1px solid #D5D5D5;
    width: 100%;
    border-radius: 8px;
    height: 45px;
    padding-left: 20px;
    margin: 10px 0;
}

.form_cta .btn,
.upcoming_event__form .btn {
    min-width: 160px;
    border: 1px solid var(--red);
}

.form_cta .container {
    z-index: 2;
    position: relative;
}

@media (min-width: 425px){
    .form_cta__side .form_cta__bg {
        height: 540px;
    }
}

@media (min-width: 768px){
    .form_cta__form {
        z-index: 2;
    }
    .form_cta form input,
    .form_cta form select {
        width: 48%;
    }

    .form_cta .container {
        padding: 0;
    }

    .form_cta__side .form_cta__bg {
        height: 357px;
        width: 97%;
    }
}

@media (min-width: 992px){
    .form_cta__side .form_cta__bg {
        height: 450px;
    }
}

@media (min-width: 1024px){
    .form_cta__side .form_cta__bg {
        height: 430px;
        width: 80%;
    }
        
    .form_cta__image img, .form_cta__image .mktoImg {
        width: 100%;
    }

    .form_cta form input,
    .form_cta form select {
        width: 47%;
    }
}

@media (min-width: 1440px){
    .form_cta__side .form_cta__bg {
        height: 453px;
    }
}

@media (min-width: 1536px){
    .form_cta__side .form_cta__bg {
        width: 75%;
    }
}

@media (min-width: 1800px){
    .form_cta__side .form_cta__bg {
        width: 70%;
    }
}

@media (min-width: 2200px){
    .form_cta__side .form_cta__bg {
        width: 65%;
    }
}

/* upcoming event */
.upcoming_event__info {
    color: #3EDDF7;
}

.upcoming_event__info p {
    margin-left: 10px;
}

.upcoming_event__form {
    background: rgb(197,234,250);
    background: linear-gradient(220deg, rgba(197,234,250,1) 0%, var(--white) 100%);
    border-radius: 8px;
}

/* webinar: speaker first */


.upcoming_event__list {
    color: var(--white);
    margin-top: 30px;
}

.upcoming_event__list img {
    margin-right: 10px;
}

.upcoming_event__speaker_heading {
    color: var(--white);
    font-size: 24px;
    font-weight: 500;
    line-height: 45px;
}

.upcoming_event__speaker_name {
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
}

.upcoming_event__speaker_title {
    color: var(--darkblue60);
}

.upcoming_event__speaker_logo {
    max-height: 90px;
    max-width: 90px;
}

.upcoming_event__speaker_img {
    width: 113px;
    height: 113px;
    border-radius: 50%;
    margin-right: 30px;
    object-fit: cover;
}

.upcoming_event__speaker hr {
    width: 1px;
    height: 113px;
    background-color: white;
    margin: 0 30px 0 0;
}

.upcoming_event__speaker {
    margin-bottom: 30px;
}

@media (min-width: 768px){
    header p {
        margin-right: 30px;
    }
}

/* webinar speakers */

.speakers h2 {
    font-size: 33px;
    color: var(--white);
    font-weight: 500;
    line-height: 45px;
}

.speakers__image {
    width: 177px;
    height: 177px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 30px;
}

.speakers__name {
    font-size: 20px;
    color: var(--white);
    font-weight: 500;
    line-height: 25px;
}

.speakers__title {
    color: var(--darkblue60);
}

.speakers__bio {
    color: var(--white)
}

.speakers__tile hr {
    color: var(--white);
}

.speakers__rm-btn {
    display: none;
}

@media (min-width: 768px){
    .speakers__tile {
        width: 45%;
        margin-right: 30px;
    }
}

@media (min-width: 992px){
    .speakers__tile {
        width: 23%
    }
    .speakers__title {
        min-height: 50px;
    }

    .speakers__rm-btn {
        display: block;
    }

    .speakers__bio .more-text {
        display: none;
    }
    
    .speakers__bio.show-more .more-text {
        display: inline;
    }
    .speakers__bio.show-more .dots {
        display: none;
    }
}

@media (min-width: 1200px){
    .speakers__tile {
        width: 23%
    }
}

/* thank you */
.thank-you h2 {
    color: var(--white);
}

.thank-you__preheader {
    color: var(--darkblue60);
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 25px;
    margin-bottom: 5px;
}

.thank-you__tile {
    padding: 20px;
    border-radius: 8px;
    background: rgba(252, 252, 252, 0.05);
    border: 1px solid rgba(252, 252, 252, 0.10);
    color: var(--midnight05);
}

.thank-you__tile img {
    width: 100%;
    max-height: 146px;
    object-fit: cover;
    margin-bottom: 15px;
    border-radius: 2px;
}

.link-more {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: var(--red);
    font-weight: 500;
    font-size: 1.6rem;
}
.link-more:hover {
    color: var(--red);
}
.link-more:hover::after {
    transform: translateX(5px);
}
.link-more:after {
    content: url(https://pages.egress.com/rs/344-XTD-684/images/2023lp_link-more-icon.png);
    color: var(--red);
    font-size: 14px;
    margin-left: auto;
    transition: all .3s linear;
    padding-left: 20px;
}

.fw-video {
    color: var(--white);
}

.upcoming_event__speaker_details .mktoImg img {
    width: calc(155px * 0.8);
}

/* .upcoming_event__speaker_details .mktoImg img.portrait {
    height: 50px;
} */

.thank-you__tile .link-more {
    color: var(--midnight05);
    font-size: 2.0rem !important;
    font-weight: 500;
    margin-bottom: 5px !important;
}

.thank-you__tile p {
    color: var(--midnight40);
}

@media (min-width: 375px){
    .thank-you__tile img {
        max-height: 180px;
    }
}

@media (min-width: 425px){
    .thank-you__tile img {
        max-height: 208px;
    }
}

@media (min-width: 768px){
    .thank-you__tile {
        width: 32%;
    }
}

.top-section h2 {
    color: var(--yellow)
}

.top-section p {
    font-size: 16px;
    line-height: 1.5;
}

.person-circle {
    border-radius: 50%;
}

.winwire__products .product_tile p.speaker-name {
    font-weight: 500;
    font-size: 18px;
}

.winwire__tile {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(153, 161, 191, 0.4) 100%); /* midnight40 */
    border-radius: 8px;
}

.winwire__win {
    color: var(--white);
}

.winwire__products .product_tile {
    margin-bottom: 15px;
}

.winwire__products .product_tile p {
    margin-bottom: 0;
    font-size: 14px;
}

.winwire__products .product_tile img {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    margin-right: 20px;
    border-radius: 50%;
    object-fit: cover;
}

a.speaker-name {
    color: var(--yellow);
    font-size: 2.0rem;
}

.full-page-form .mktoCheckboxList {
    display: flex;
    flex-wrap: wrap; 
}

.full-page-form .mktoCheckboxList label {
    width: 90% !important;
    font-size: 14px !important;
}

.full-page-form .mktoCheckboxList input {
    width: unset;
    margin: 0 10px 10px 0;
    height: fit-content;
}

.full-page-form .mktoCheckboxList label {
    margin-bottom: 10px !important;
}

@media (min-width: 375px){
    .full-page-form .mktoCheckboxList label {
        width: 41% !important
    }
}

@media (min-width: 425px){
    .full-page-form .mktoCheckboxList label {
        width: 42% !important
    }
}

@media (min-width: 1024px){
    .full-page-form .mktoCheckboxList label {
        width: 44% !important
    }
}

@media (min-width: 1200px){
    .full-page-form .mktoCheckboxList label {
        width: 46% !important
    }
}

@media (min-width: 1280px){
    .full-page-form .mktoCheckboxList label {
        width: 45% !important
    }
}


@media (min-width: 1200px){
    .winwire__tile {
        padding: 50px !important;
    }

    .winwire__products .product_tile img {
        width: 65px;
        height: 65px;
        min-width: 65px;
        min-height: 65px;
    }

    .top-section p {
        font-size: 22px;
        line-height: 1.5;
    }
    .winwire__products .product_tile p.speaker-name {
        font-weight: 500;
        font-size: 24px;
    }

    .winwire__products .product_tile p {
        margin-bottom: 0;
        font-size: 20px;
    }
}