/* ELEVATE 2025 GLOBAL STYLES */

@media (max-width: 700px){
    html>body { 
        overflow: hidden !important; 
    }
}

:root{
    --blue: #6161ff;
    --gray: #ded4fc;
    --green: #00c875;
    --light-gray: #eeeeff;
    --gray: #f0f3ff;
    --dark-green: #00854d;
    --dark-blue: #2E19AA;
    --dark-gray: #333238;
}

a{
    color: var(--blue);
}

h2{
    font-family: Poppins;
    font-weight: 400;
    font-size: 38px;
    line-height: 45.6px;
    letter-spacing: -1px;
    text-align: center;
    color: #000;
}

@media (max-width: 992px){
    h2{
        font-weight: 300;
        font-size: 32px;
        line-height: 38.4px;
        letter-spacing: -1px;
        text-align: center;
        
    }
}

.main{
    margin-top: 80px;
}

@media (max-width: 992px){
    .main{
        margin-top: 32px;
    }
    .has-top-banner .main{
        margin-top: 75px;
    }
}

.w-1440{
    max-width: 1440px;
    margin: 0 auto;
}

.w-1396{
    max-width: 1396px;
    margin: 0 auto;
}

.w-1340{
    max-width: 1360px;
    margin: 0 auto;
}

.w-1273 {
  max-width: 1273px;
  margin: 0 auto
}

.w-1260{
    max-width: 1260px;
    margin: 0 auto;
}

.w-1280 {
  max-width: 1280px;
  margin: 0 auto;
}

.e25-cta{
    color: #fff;
    width: 202px;
    height: 69px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    border-radius: 40px;
    gap: 8px;
    transition: all .3s;
}

.e25-cta:hover{
    color: #fff;
    text-decoration: none;
}

.e25-cta.blue{
    background: var(--blue);
}

.e25-cta.blue:hover{
    background: var(--green);
}

.e25-cta.black{
    background: #000;
}

.e25-cta.black:hover{
    background: var(--blue);
}

.e25-cta.inverted{
    background: #fff;
    border: 2px solid #000;
    color: #000;
    font-size: 18px;
}
.e25-cta.inverted:hover{
    background: #000;
    color: #fff;
}

@media (max-width: 992px){
    .e25-cta {
        width: 208px;
        height: 54px;
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
    }
    .e25-cta svg {
        width: 18px;
        height: 18px;
    }
    .e25-cta.inverted {
        width: 235px;
    }
}

.green-text{
    color: var(--green);
}

.green-text-inverted{
    color: #fff;
    background-color: var(--green);
    padding: 0 12px;
    border-radius: 8px;
}

.--d{
    display: block;
}
.--m{
    display: none !important;
}

@media (max-width: 992px){
    .--d{
        display: none !important;
    }
    .--m{
        display: block !important;
    }
}

/* --------------------------- GLOBAL COMPONENTS --------------------------- */
/* SPONSORS & CUSTOMERS CAROUSEL */

.sponsors-carousel, 
.customers-carousel{
    background: #000;
    padding: 400px 0 40px;
    position: relative;
}
.sponsors-carousel-title h2{
    color: #fff;
    font-size: 56px;
    font-weight: 300;
}
.sponsors-carousel-repeater{
    padding: 50px 0 60px;
}
.sponsors-carousel-item, 
.customers-carousel-item{
    width: 182px;
    height: 182px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
}
.sponsors-carousel-item > div{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.sponsors-carousel-item img, 
.customers-carousel-item img{
    width: 100%;
}
.sponsors-carousel-arrow, 
.customers-carousel-arrow{
    display: none;
}

.sponsors-carousel-repeater-second-half, 
.sponsors-carousel-repeater-first-half, 
.customers-carousel-repeater-second-half, 
.customers-carousel-repeater-first-half{
    display: none;
}

@media (max-width: 992px){
    .sponsors-carousel-title, .customers-carousel-title {
        max-width: 300px;
        margin: 0 auto;
    }

    .sponsors-carousel-title h2 {
        font-size: 32px;
    }
    .customers-carousel {
        padding: 50px 0 20px;
    }
    .sponsors-carousel {
        padding: 130px 0 0px;
    }
    .sponsors-carousel-arrow, .customers-carousel-arrow{
        display: none;
        position: absolute;
        top: -100px;
    }
    .landing-arrow-right{
        rotate: 180deg;
        right: 20px;
    }
    .landing-arrow-left{
        left: 20px;
    }
    .slick-arrow:before {
        display: none;
    }
    .sponsors-carousel-item, 
    .customers-carousel-item{
        width: 134px;
        height: 134px !important;
    }
    .sponsors-carousel .slick-track, 
    .customers-carousel .slick-track {
        left: -78px;
      }
    .sponsors-carousel-repeater-second-half, 
    .customers-carousel-repeater-second-half{
        display: block;
        margin-top: -30px;
    } 
    .customers-carousel .customers-carousel-repeater{
        display: none;
    }
    .customers-carousel-repeater-second-half, 
    .customers-carousel-repeater-first-half{
        display: block;
    }
    .sponsors-carousel-repeater {
        padding: 40px 0 40px;
    }
}
/* OUR STATS ELEMENT */

.landing-stats{
    font-family: 'Poppins';
    margin: 20px 0 100px;
}
.landing-stats__title{
    text-align: center;
}
.landing-stats__strip{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    position: relative;
}
.landing-stats__animation{
    background: var(--gray);
    width: 240px;
    position: absolute;
    height: 170px;
    border-radius: 12px;
    margin-left: -15px;
    top: 12px;
    transition: all .6s ease-in-out;
    left: -1%;
}
.landing-stats__animation.round{
    border-radius: 200px;
    width: 280px;
}
.landing-stats__animation.disappear{
    opacity: 0;
    transform: scale(0.5);
}
.landing-stats__strip-item{
    z-index: 1;
    color: #000;
}
.landing-stats__strip-number{
    font-weight: 200;
    font-size: 88px;
    line-height: 172.8px;
    letter-spacing: -5px;
    text-align: center;
    margin-right: 8px;
}
.landing-stats__strip-text{
    font-weight: 400;
    font-size: 18px;
    line-height: 28.8px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: -63px;
}
.stats-arrows-container{
    display: none;
}

@media (max-width: 1190px){
    .landing-stats{
        font-family: 'Poppins';
        margin: 70px 0 50px;
    }
    .landing-stats__title{
        text-align: center;
        max-width: 280px;
        margin: 0 auto;
    }
    .landing-stats__strip{
        display: block;
        margin: 0;
        padding: 40px 0 50px;
    }
    .landing-stats__strip-item{
        width: 76vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: var(--gray);
        border-radius: 20px;
        padding: 3px 10px 0;
        margin: 0 10px;
    }
    .landing-stats__strip-number{
        font-weight: 200;
        font-size: 88px;
        line-height: 121.8px;
        letter-spacing: -5px;
        text-align: center;
        margin-right: 0;
        margin-bottom: 0;
    }
    .landing-stats__strip-text{
        font-weight: 400;
        font-size: 18px;
        line-height: 28.8px;
        letter-spacing: -1px;
        text-align: center;
        margin-top: -20px;
        margin-bottom: 20px;
    }
    .landing-stats__animation{
        display: none;
    }
    .stats-arrows-container{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        position: relative;
    }
    .stats-carousel-arrow.stats-arrow-left{
        position: relative;
    }
    .stats-carousel-arrow.stats-arrow-right{
        rotate: 180deg;
        position: relative;
    }
}

/* GLOBAL ELEVATE NUMBERS GLOBAL COMPONENT */
.global-elevate-numbers{
    position: relative;
}

.global-elevate-numbers-carousel{
    margin: -1px 0;
}

.global-elevate-numbers-heading{
    font-weight: 300;
    font-size: 56px;
    line-height: 120%;
    letter-spacing: -1px;
    text-align:center;
    padding: 100px 0 15px;
    margin-top: -1px;
}
.global-elevate-numbers-subtitle{
    font-weight: 300;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 0px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    min-width: 100%;
}
    .slick-initialized .global-elevate-numbers-slide.slick-slide {
    display: block;
    margin: 0 -30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    width: 282px;
    height: 177px;
    transition: all .5s ease-in-out;
    position: relative;
}

.global-elevate-numbers-carousel.slick-slider, 
.global-elevate-numbers-carousel .slick-list, 
.global-elevate-numbers-carousel .slick-track{
    min-height: 300px;
    padding-top: 50px;
}
.global-elevate-numbers-slide-content{
    color: #fff;
    transition: all .5s ease-in-out;
}
.carousel-arrows-container .carousel-arrow{
    color: #fff;
}
@media (max-width: 992px){
    .global-elevate-numbers-slide.slick-slide.slick-current.slick-active.slick-center .global-elevate-numbers-slide-content{
        transform: scaleX(1.35) !important;
    }
}
.global-elevate-numbers-title{
    font-weight: 200;
    font-size: 71.58px;
    line-height: 120%;
    letter-spacing: -0.72px;
    text-align: center;
}
.global-elevate-numbers-text{
    font-weight: 300;
    font-size: 17.18px;
    line-height: 111%;
    letter-spacing: 0%;
    text-align: center;
    max-width: 220px;
}
.carousel-arrows-container{
    background: black;
    display: flex;
    justify-content: center;
    gap: 20px;
    position: relative;
    margin-bottom: -1px;
}
.carousel-arrow{
    cursor: pointer;
    position: relative !important;
}
.global-elevate-numbers .slick-arrow::before {
    display: none;
}
.global-elevate-numbers-left-mask{
    width: calc((100vw - 1186px) / 2);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.global-elevate-numbers-right-mask{
    width: calc((100vw - 1186px) / 2);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.global-elevate-numbers-left-mask,
.global-elevate-numbers-right-mask{
    background: none !important;
}

@media (max-width: 992px){
    .global-elevate-numbers-heading {
        font-size: 32px;
        padding-top: 70px;
    }
    .global-elevate-numbers-subtitle{
        font-size: 16px;
    }
    .slick-initialized .global-elevate-numbers-slide.slick-slide {
        width: 204px;
        height: 128px;
        border-radius: 14px !important;
    }
    .global-elevate-numbers-title{
        font-size: 47px;
        transform: scaleX(1.15);
    }
    .global-elevate-numbers-text{
        font-size: 10px;
        transform: scaleX(1.18);
    }
    .global-elevate-numbers-left-mask,
    .global-elevate-numbers-right-mask  {
        display: none;
    }
    .carousel-arrows-container {
        margin-top: -50px;
        padding-bottom: 50px;
    }
}

@media (max-width: 767px){
    .slick-initialized .global-elevate-numbers-slide.slick-slide {
        margin: 0px calc((100vw - 546px) / 2);
    }
}
@media (max-width: 391px){
    .slick-initialized .global-elevate-numbers-slide.slick-slide {
        margin: 0px calc((100vw - 526px) / 2);
    }
}
@media (max-width: 376px){
    .slick-initialized .global-elevate-numbers-slide.slick-slide {
        margin: 0px calc((100vw - 518px) / 2);
    }
}
@media (max-width: 365px){
    .slick-initialized .global-elevate-numbers-slide.slick-slide {
        margin: 0px calc((100vw - 512px) / 2);
    }
}

/* GLOBAL COMPONENT - FAQS */

.faqs-component{
    background: #000;
    padding: 120px 0 20px;
    margin-bottom: -1px;
}
.faqs-component-container{
    max-width: 1430px;
    padding: 0 20px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.faqs-component-title h2{
    font-weight: 300;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #fff;
}
.faqs-list{
    width: 956px;
}
.faq-item-question{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px 0 0;
    background: #fff;
    padding: 17px 20px 17px 30px;
    border-radius: 24px;
    cursor: pointer;
    margin-top: 8px;
}
.faq-item-question.active{
    border-radius: 24px 24px 0 0;
}
.faq-item-question-text{
    font-size: 18px;
    font-weight: 300;
    line-height: 23.94px;
    letter-spacing: -0.01em;
    text-align: left;
    max-width: calc(100% - 160px);
    color: #000;
}
.faq-item-arrow{
    background: #fff;
    padding: 7px;
    border-radius: 100%;
    width: 38px;
    text-align: center;
    color: #000;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq-item-arrow svg{
    transition: transform .3s;
}
.faq-item-arrow:hover{
    color: #fff;
    background: var(--blue);
}
.faq-item-question.active .faq-item-arrow svg{
    transform: rotate(180deg);
}
.faq-item-answer{
    font-size: 16px;
    font-weight: 300;
    line-height: 23.94px;
    letter-spacing: -0.01em;
    text-align: left;
    background: #f0f3ff;
    padding: 0px 200px 0px 80px;
    margin-top: -1px;
}
.faq-item-answer p{
    margin-bottom: 12px;
    font-size: 16px;
}
.faq-item-answer p span {
  font-weight: 300 !important;
}
.faq-item-answer ul{
    list-style-type: none;
}
.faq-item-answer li{
    position:relative;
    margin: 10px 0;
}
.faq-item-answer li a{
    color: unset;
}
.faq-item-answer li::before{
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    top: 10px;
    left: -18px;
    background: #000000;
    border-radius: 50px;
}
.faq-item-answer li a:hover{
    text-decoration: underline;
}
.faq-item-answer.active{
    border-radius: 0 0 24px 24px;
    padding-bottom: 30px;
}
.faq-accordion-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background: white;
    color: #000;
    font-weight: 300;
  }

@media (max-width: 992px){
    .faqs-component{
        padding: 90px 20px 20px;
    }
    .faqs-component-container{
        flex-direction: column;
    }
    .faqs-component-title h2{
        font-size: 32px;
    }
    .faqs-list{
        width: 100%;
        padding-top: 20px;
    }
    .faq-item-question{
        padding: 11px 12px 11px 20px;
        border-radius: 16px;
        background-color: var(--gray);
    }
    .faq-item-question-text{
        font-size: 16px;
        line-height: 133%;
        letter-spacing: -1%;        
    }
    .faq-item-arrow{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 38px;
        background: none;
    }
    .faq-item-answer.faq-accordion-panel{
        padding: 0px 20px 0px 30px;
        margin-top: -1px;
        border-radius: 0 0 16px 16px;
        background: var(--gray);
        color: #000;
    }
    .faq-item-question-text {
        max-width: unset;
    }
    .faq-item-arrow svg {
        width: 38px;
    }
    .faq-item-question.active {
        border-radius: 16px 16px 0 0;
    }
}

/* --------------------------- END OF GLOBAL COMPONENTS --------------------------- */

/* MONDAY PRODUCTS */

.monday-products {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    margin-top: 20px;
  }
  .monday-product {
    height: 81px;
    object-fit: cover;
  }
  .monday-product--wm {
    background: url(../images/icon-work-management.svg) no-repeat center;
    width: 94px;
  }
  .monday-product--crm {
    background: url(../images/icon-crm.svg) no-repeat center;
    width: 67px;
  }
  .monday-product--dev {
    background: url(../images/icon-dev.svg) no-repeat center;
    width: 93px;
  }
  .monday-product--service {
    background: url(../images/icon-service.svg) no-repeat center;
    width: 63px;
  }
  .monday-product--integrations {
    background: url(../images/icon-integrations-and-add-ons.svg) no-repeat center;
    width: 76px;
  }
  .monday-product--canvas {
    background: url(../images/icon-workcanvas.svg) no-repeat center;
    width: 58px;
  }

  /* EXIT POPUP */

  #exit-popup{
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #000000cc;
    z-index: 100;
    top: 0;
  }

  #exit-popup.show{
    display: block;
  }

  .ep-container{
    position: fixed;
    width: 495px;
    height: 511px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 16px;
  }

.ep-close{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.ep-image svg{
    border-radius: 16px 16px 0 0;
    top: -1px;
    position: relative;
    z-index: -1;
}
.ep-title{
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    max-width: 400px;
    margin: 15px auto;
}
.ep-text{
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    padding: 0px 45px;
}
.ep-cta{
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    width: 142px;
    height: 52px;
    margin: 20px auto 0;
    background: #6161ff;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
}
.ep-cta:hover{
    border-radius: 16px;
}
.ep-cta a{
    color: #fff;
}
.ep-cta a:hover{
    color: #fff;
    text-decoration: none;
}

@media (max-width: 992px){
    .ep-container{
        width: calc(100vw - 30px);
        height: auto;
        margin: 0 auto;
        min-height: 484px;
    }
    .ep-image svg {
        width: 100%;
        height: auto;
    }
    .ep-title{
        font-size: 28px;
        max-width: 320px;
        margin-top: 20px;
    }
    .ep-text{
        padding: 0px 20px;
    }
    .ep-cta{
        margin: 30px auto 0;
    }
}

.popup-backdrop {
  background: transparent;
  position: relative;
  filter: none;
}
.waiting-list-popup {
  background-color: rgba(97, 97, 255, 0.96);
}
.event-waiting-list.waiting-list-popup .popup-backdrop {
  filter: blur(5px);
  /* position: fixed; */
  z-index: 1;
  width: 100%;
  height: 100%;
}
.event-waiting-list.waiting-list-popup .popup-backdrop__inner {
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgba(97, 97, 255, 0.85);
  display: block;
  position: fixed;
}
.popup-wl-wrapper {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 9999995;
  top: 0;
  left: 0;
}
.waiting-list-popup .popup-wl-wrapper {
  display: flex;
  background: rgba(97, 97, 255, 0.75);
}
.popup-wl {
  width: 560px;
  height: 660px;
  border-radius: 24px;
  background-color: #fff;
  border: 12px solid #F0F3FF;
  border-top-width: 13px;
  border-bottom-width: 15px;
  /* padding: 10px 25px 5px; */
  position: relative;
}
.popup-wl__inner {
  overflow-x: hidden;
  overflow-y: auto;
}
.popup-wl__title {
  font-size: 32px;
  font-weight: 400;
  margin: 0 0 20px;
  text-align: left;
}
.popup-wl p {
  font-size: 15px;
  margin-bottom: 0;
}
.popup-wl p strong {
  font-weight: 600;
}
.popup-wl__close {
  position: absolute;
  right: -59px;
  top: -13px;
  border: 0;
  background: none;
}
.popup-wl__close:active,
.popup-wl__close:focus {
  outline: none;
}
.popup-wl__form {
  height: 717px;
  border: 0;
  position: relative;
  left: -30px;
  top: -100px;
  right: -30px;
  width: calc(100% + 60px);
}
.popup-wl__form-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 570px){
  .popup-wl__close {
    right: -17px;
    top: -50px;
  }
  .popup-wl__close svg {
    max-width: 28px;
  }
}
@media (max-height: 670px){
  .popup-wl {
    margin-top: 63px;
  }
}
@media (max-width: 450px){
    .event-waiting-list.waiting-list-popup .popup-backdrop {
      position: relative;
    }
    .popup-wl-wrapper {
      position: fixed;
    }
    .location-hero__cta-text-zero-heading {
        padding: 9px 13px;
        font-size: 16px;
    }
   .location-hero__cta-button {
        width: 38vw;
    }
    .event-waiting-list .location-hero__cta-container{
        align-items: end;
    }
}
@media (max-width: 380px) {
  .event-waiting-list .location-hero__cta-button a {
    height: calc(14vh - 14px);
  }
  .event-waiting-list .location-hero__cta-button-notice {
    line-height: 120%;
  }
}
@media (max-width: 380px) and (max-height: 670px){
  .event-waiting-list .location-hero__cta-button a {
    height: calc(14vh - 20px);
  }
  .event-waiting-list .location-hero__cta-button-notice {
    line-height: 100%;
  }
}
/* iPhone SE 2000 fixes */
@media (max-width: 375px) and (max-height: 667px){
  .event-waiting-list .location-hero__cta-button-notice {
    font-size: 16px;
    position: relative;
    top: 3px;
  }
  .waiting-list-popup .popup-wl-wrapper {
    padding-top: 47px;
  }
}

/* SYNC STG TO PROD FOR WEIRD WRAPPER BUG */

@media (max-width: 1260px) {
    .wrapper {
        margin-top: 30px;
    }
}

/* CARD TAGS */

.card-tag.general{
    background-color: #000;
    color: #fff;
}
.card-tag.keynote{
    background-color: var(--green);
    color: #000;
}
.card-tag.panel{
    background-color: var(--blue);
    color: #fff;
}
.card-tag.masterclass{
    background-color: #2e19aa;
    color: #fff;
}
.card-tag.customer-story{
    background-color: #00854d;
    color: #fff;
}
.card-tag.product-overview{
    background-color: #f0f3ff;
    color: #000;
}
.card-tag.expert-panel{
    background-color: var(--blue);
    color: #fff;
}
.card-tag.thought-leadership{
    background-color: #fff;
    color: #000;
}