:root {
    --white: #FFFF;
    --linear-gradient: linear-gradient(272deg, #6C4F79 12.31%, #26417B 70.24%);
    --linear-gradient-hover: linear-gradient(267deg, #6C4F79 -4.19%, #26417B 28.93%);
    --register-button-color: #007AA8;
    --register-button-color-hover: #004C69;
}

@font-face {
    font-family: "Segoe ui";
    font-weight: 400;
    src: url("/Content/Alexion_Ahussource_com_redesign/fonts/segoe-ui.ttf");
}

@font-face {
    font-family: "Segoe ui";
    font-weight: 700;
    src: url("/Content/Alexion_Ahussource_com_redesign/fonts/segoe-ui-bold.ttf");
}

@font-face {
    font-family: ITC-Franklin-Gothic;
    src: url("/Content/Alexion_Ahussource_com_redesign/fonts/itc-franklin-gothic-std-dmcd.woff");
    font-weight: 600;
}

.hidde {
    display: none;
}

@media screen and (min-width: 768px) {
    .md\:block {
        display: block;
    }
}

.events-not-found-message-id {
    text-align: center;
    color: #666;
    font-size: 16px;
}

@media screen and (min-width: 768px) {
    .events-not-found-message-id {
        font-size: 24px;
    }
}

@media (min-width: 960px) {

    h3,
    .h3 {
        font-size: 32px;
        line-height: 38px;
    }
}

.event-list-section {
    position: relative;
    max-width: inherit;
    padding: 0;
    margin: 0px;
}

.event-list__title {
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 700;
    color: #26417B;
    text-align: left;
    line-height: 37px;
    margin-top: -20px;
}
@media screen and (min-width: 375px) {
    .event-list__title {
        margin-top: 20px;
    }
}

    @media screen and (min-width: 1024px) {
        .event-list__title {
            flex-grow: 1;
        }
    }

    @media screen and (min-width: 768px) {
        h1 {
            font-size: 60px;
            font-weight: 700;
            line-height: normal !important;
        }
    }

    @media screen and (min-width: 768px) {
        .event-list__header {
            display: flex;
            flex-direction: row;
            width: 100%;
            max-width: 1080px;
            margin-right: auto;
            margin-left: auto;
            justify-content: space-between;
            margin-top: 25px;
            align-items: flex-end;
        }
    }

    .event-list__filters {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .event-list__filter {
        cursor: pointer;
    }

    .event-list__filters .event-list__filter:not(:last-of-type) {
        margin-right: 8px;
    }

    .event-list__filters .event-list__filter.active {
        color: #26417B;
        background: #FFC803;
    }

    .event-list__filters .event-list__filter {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 28px;
        padding-right: 12px;
        padding-left: 12px;
        font-size: 12px;
        font-weight: 500;
        line-height: 100%;
        color: #67737A;
        letter-spacing: 0.31px;
        background: #E1E1E1;
        border-radius: 50px;
    }

    button {
        background: transparent;
        background-color: transparent;
        border: none;
        outline: none;
    }

    button,
    [type=button],
    [type=reset],
    [type=submit] {
        appearance: button;
    }

    ::selection {
        color: var(--white, white);
        text-shadow: none;
        background-color: var(--black, black);
    }

    .event-list-section .event-card {
        margin-bottom: 14px;
    }

    @media screen and (min-width: 1024px) {
        .event-list-section {
            margin-top: 64px;
        }

            .event-list-section .events .event-card:not(:last-of-type) {
                border-bottom: solid 1px rgb(147, 147, 147);
            }
    }

    @media screen and (min-width: 1024px) {
        .event-list__header {
            display: flex;
            flex-direction: row;
            width: 100%;
            max-width: 1080px;
            margin-right: auto;
            margin-left: auto;
        }
    }

    .hero .hero__wrapper .event-card-container {
        opacity: 0;
        animation: show-and-slide 0.3s ease-in 1s forwards;
        animation-iteration-count: 1;
    }

    @media screen and (min-width: 1024px) {
        .hero .hero__wrapper .event-card-container {
            animation: show-and-slide 0.3s ease-in 1.5s forwards;
            animation-iteration-count: 1;
            width: 100vh;
        }

            .hero .hero__wrapper .event-card-container .event-card {
                max-width: fit-content;
                margin-left: 0;
            }

                .hero .hero__wrapper .event-card-container .event-card .event-card__wrapper {
                    padding-right: 60px;
                }
    }

    .event-card:not(.event-card--expandable) {
        background: var(--linear-gradient) !important;
    }

        .event-card:not(.event-card--expandable) .event-card__month {
            font-size: 16.24px;
            line-height: 16.797px;
            letter-spacing: 1.2px;
        }

        .event-card:not(.event-card--expandable) .event-card__day {
            font-family: Roboto;
            font-size: 32.48px !important;
            font-weight: 600;
        }

    .event-card {
        cursor: pointer;
        overflow: hidden;
        width: 100%;
        max-width: 1080px;
        margin-right: auto;
        margin-left: auto;
        border-radius: 5px;
        transition: all 200ms ease-in-out;
    }

        .event-card.event-card--hidden {
            display: none;
        }

        .event-card:not(.event-card--expandable):hover {
            transform: scale(1.02);
            box-shadow: 8px 4px 21px rgba(0, 0, 0, 0.15);
            background: var(--linear-gradient-hover) !important;
        }

        .event-card a,
        .event-card .content__venue-name {
            cursor: pointer;
            font-family: "Lato", "Roboto", sans-serif;
            font-size: 13.386px;
            font-weight: 700;
            color: #4B4B4B;
            text-decoration: underline;
        }

    @media screen and (min-width: 1024px) {

        .event-card a,
        .event-card .content__venue-name {
            font-size: 16px;
        }
    }

    .event-card .event-card__expandable-panel {
        overflow: hidden;
        height: 0;
        padding-top: 0;
        transition: 200ms height ease-in-out;
    }

    @media screen and (min-width: 1024px) {
        .event-card .event-card__expandable-panel {
            height: 100%;
            max-height: 0;
            transition: 200ms max-height ease-in-out;
        }
    }

    .event-card.event-card--expandable.expanded .event-card__expandable-panel {
        position: relative;
        height: 150px;
        padding-top: 16px;
    }

    .event-card .event-card__expandable-panel .swiper {
        width: 100%;
        height: 100%;
    }

        .event-card .event-card__expandable-panel .swiper .swiper-wrapper {
            align-items: center !important;
        }

    .swiper-button-prev,
    .swiper-button-next {
        width: 20px !important;
        height: 44px !important;
        background-size: auto;
    }

        .swiper-button-prev::after,
        .swiper-button-next::after {
            content: none !important;
        }

    .swiper-button-prev {
        left: 10px !important;
        background-image: url("/-/media/ahussource_com_redesign/assets/icons/swiper-arrow-left.svg");
        background-repeat: no-repeat;
    }

    .swiper-button-next {
        right: 10px !important;
        background-image: url("/-/media/ahussource_com_redesign/assets/icons/swiper-arrow-right.svg");
        background-repeat: no-repeat;
    }

    .swiper-slide {
        padding: 0 35px;
    }

    .form-swiper {
        overflow: hidden;
    }

        .form-swiper .swiper-slide {
            padding: 1px;
        }

    .event-card__expandable-panel .expandable-panel-content {
        display: none;
    }

    @media (min-width: 993px) {
        .event-card__expandable-panel .expandable-panel-content {
            display: flex;
            padding: 24px;
        }
    }

    @media (min-width: 993px) {
        .event-card__expandable-panel .swiper {
            display: none;
        }
    }

    .event-card__expandable-panel .swiper .swiper-slide {
        padding: 0 32px 24px 32px;
    }

        .event-card__expandable-panel .swiper .swiper-slide.content__venue-container::before {
            margin-left: 12px;
        }

        .event-card__expandable-panel .swiper .swiper-slide.content__venue-container::after {
            right: 0px;
            margin-right: 44px;
        }

        .event-card__expandable-panel .swiper .swiper-slide.content__venue-container .content__venue-info {
            margin: 0 24px;
        }

            .event-card__expandable-panel .swiper .swiper-slide.content__venue-container .content__venue-info p {
                text-align: center;
            }

    .event-card__expandable-panel .swiper.swiper-horizontal .swiper-pagination-bullets {
        bottom: 8px;
        line-height: 8px;
    }

    .event-card__expandable-panel .swiper.swiper-horizontal .swiper-button-next,
    .event-card__expandable-panel .swiper.swiper-horizontal .swiper-button-prev {
        background: url("/-/media/ahussource_com_redesign/Images/event-down-arrow.svg") no-repeat;
        background-position: center;
        top: 30%;
    }

        .event-card__expandable-panel .swiper.swiper-horizontal .swiper-button-next::after,
        .event-card__expandable-panel .swiper.swiper-horizontal .swiper-button-prev::after {
            content: "";
        }

    .event-card__expandable-panel .swiper.swiper-horizontal .swiper-button-next {
        transform: rotate(270deg);
        right: 4px;
    }

    .event-card__expandable-panel .swiper.swiper-horizontal .swiper-button-prev {
        transform: rotate(90deg);
        left: 4px;
    }

    .event-card__expandable-panel .swiper .content__containers:first-child::before,
    .event-card__expandable-panel .swiper .content__containers:first-child::after {
        content: none;
    }

    .event-card__expandable-panel .swiper .content__title {
        margin-bottom: 4px;
    }

    @media screen and (min-width: 768px) {
        .expandable-panel-content {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            padding-bottom: 16px;
        }

            .expandable-panel-content > div {
                flex: 0.5 0;
                padding-right: 8px;
                padding-left: 8px;
            }

                .expandable-panel-content > div:first-of-type {
                    flex: 1 0;
                }

        hr.divider {
            border-right: solid 1px #939393;
        }

        hr.divider--vertical {
            height: 95px;
            width: 1px;
            border: none;
            border-right: solid 1px #939393;
        }
    }

    @media screen and (min-width: 1024px) {
        .expandable-panel-content > div {
            padding-right: 12px;
            padding-left: 12px;
        }
    }

    @media screen and (min-width: 1366px) {
        .expandable-panel-content > div {
            padding-right: 24px;
            padding-left: 24px;
        }
    }

    /*@media screen and (max-width: 993px) {
    .expandable-panel-content {
        display: none;
    }
}*/
    @media screen and (min-width: 994px) {
        .event-card__expandable-panel .swiper {
            display: none;
        }
    }

    .content__title {
        margin-bottom: 8px !important;
        font-size: 13.386px;
        font-weight: 700;
        line-height: 19.12px;
        color: #9E9E9E;
    }

    .confirmation-view .confirmation-view__content {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 24px;
    }

    @media screen and (min-width: 1024px) {
        .content__title {
            font-size: 14px;
        }
    }

    .content__paragraph {
        font-family: "Lato", "Roboto", sans-serif;
        font-size: 13.386px;
        font-weight: 400;
        line-height: 142.86%;
        color: #4B4B4B;
    }

    @media screen and (min-width: 1024px) {
        .content__paragraph {
            font-size: 16px;
        }
    }

    .content__info {
        text-align: center;
    }

    @media screen and (min-width: 1024px) {

        .content__title,
        .content__paragraph,
        .content__info {
            text-align: left;
        }
    }

    .event-card .event-card__wrapper {
        position: relative;
        padding: 12px;
    }

    @media screen and (min-width: 768px) {
        .event-card .event-card__wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
    }

    .event-card .event-card__wrapper .event-card__header {
        display: flex;
        margin-bottom: 16px;
    }

        .event-card .event-card__wrapper .event-card__header .event-card__expand-button {
            display: none;
        }

    @media screen and (min-width: 768px) {
        .event-card .event-card__wrapper .event-card__header .event-card__expand-button {
            display: block;
            margin-right: 24px;
        }
    }

    @media screen and (min-width: 768px) {
        .event-card.event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__expand-button {
            display: none;
        }
    }

    .event-card.event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__date {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 61.8px;
        height: 74.59px;
        flex-shrink: 0;
        background-color: transparent;
    }

    .event-card .event-card__wrapper .event-card__header .event-card__date .event-card__month {
        text-transform: uppercase;
    }

    .event-card .event-card__wrapper .event-card__header .event-card__info {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        margin-left: 12px;
    }

    @media screen and (min-width: 768px) {
        .event-card .event-card__wrapper .event-card__header .event-card__info {
            justify-content: center;
        }
    }

    .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__order {
        font-size: 11px;
        font-weight: 700;
        color: #C9DED2;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info {
        font-size: 16px;
        font-weight: 700;
        color: white;
        text-align: left;
        letter-spacing: 0.4px;
    }

    .event-card .event-card__wrapper .event-card__header .event-card__info {
        font-size: 16px;
        font-weight: 700;
        color: #000000;
        text-align: left;
        letter-spacing: 0.4px;
    }

    @media screen and (min-width: 768px) {
        .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__title {
            font-size: 18px;
        }
    }

    @media screen and (min-width: 1024px) {
        .event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info {
            width: 316.2px;
        }
    }

    @media screen and (min-width: 1440px) {
        .event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info {
            width: 374.2px;
        }
    }

    .event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info .event-card__place {
        font-size: 12px;
        font-weight: 400;
        color: white;
        text-align: left;
    }

    @media screen and (min-width: 1440px) {
        .event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info .event-card__place {
            font-size: 14px;
        }
    }

    .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__place {
        font-size: 12px;
        font-weight: 400;
        color: #5E5E5E;
        text-align: left;
    }

    @media screen and (min-width: 1024px) {
        .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__place {
            font-size: 14px;
        }

        .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__order {
            font-size: 12px;
        }
    }

    .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__place span {
        font-family: "Lato", "Roboto", sans-serif;
    }

    @media screen and (min-width: 320px) and (max-width: 768px) {
        .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__place span.event-card__speaker {
            display: none;
        }
    }

    @media screen and (min-width: 768px) {
        .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__place span.event-card__speaker {
            display: initial;
        }
    }

    .event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info .event-card__place span:not(:last-of-type) {
        margin-right: 8px;
        padding-right: 8px;
        font-size: 12px;
        border-right: solid 0.5px white;
    }

    @media screen and (min-width: 1440px) {
        .event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info .event-card__place span:not(:last-of-type) {
            font-size: 14px;
        }
    }

    .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__place span:not(:last-of-type) {
        margin-right: 8px;
        padding-right: 8px;
        font-size: 12px;
        border-right: solid 0.5px #5E5E5E;
    }

    @media screen and (min-width: 1024px) {
        .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__place span:not(:last-of-type) {
            font-size: 14px;
        }
    }

    @media screen and (max-width: 767px) {
        .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__place span:nth-child(2) {
            border: none !important;
        }
    }

    .event-card__speaker-info {
        display: flex;
        flex-direction: row;
        align-items: baseline;
    }

    @media screen and (min-width: 320px) {
        .event-card__speaker-info {
            display: none;
        }
    }

    .event-card__speaker-info .info-container {
        max-width: max-content;
    }

        .event-card__speaker-info .info-container.info-container__speaker-name {
            flex: 0 1 auto;
            margin-left: 4px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

    @media screen and (min-width: 768px) {

        .event-card.event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info .event-card__speaker,
        .event-card.event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info .event-card__address,
        .event-card.event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info .event-card__hour {
            font-size: 12px !important;
            font-weight: 400;
            color: white;
            display: inline;
        }
    }

    @media screen and (min-width: 1024px) {

        .event-card.event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info .event-card__speaker,
        .event-card.event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info .event-card__address,
        .event-card.event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header .event-card__info .event-card__hour {
            font-size: 14px !important;
        }
    }

    .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__speaker {
        font-size: 12px;
        font-weight: 400;
        color: #5E5E5E;
        display: inline;
    }

    @media screen and (min-width: 1024px) {
        .event-card .event-card__wrapper .event-card__header .event-card__info .event-card__speaker {
            font-size: 14px;
        }
    }

    .event-card .event-card__wrapper .event-card__actions {
        display: flex;
        justify-content: space-between;
    }

    @media screen and (min-width: 768px) {
        .event-card .event-card__wrapper .event-card__actions .event-card__icon {
            width: 33px;
        }
    }

    .event-card .event-card__wrapper .event-card__actions .event-card__icon-hover {
        display: none;
        width: 34px;
        height: 33px;
        transition: all 400ms ease-in-out;
    }

    .event-card:not(.event-card--expandable):hover .event-card__actions .event-card__icon {
        display: none;
    }

    @media screen and (min-width: 768px) {
        .event-card:not(.event-card--expandable):hover .event-card__register-button .event-card__icon-hover {
            display: block;
            transform: scale(1.1);
        }
    }

    @media screen and (min-width: 768px) {
        .event-card .event-card__wrapper .event-card__actions {
            flex: 1 0 auto;
            justify-content: flex-end;
        }
    }

    @media screen and (min-width: 768px) {
        .event-card:not(.event-card--expandable) .event-card__wrapper .event-card__header {
            margin-bottom: 0;
        }

        .event-card:not(.event-card--expandable) .event-card__wrapper .event-card__actions {
            display: block;
            width: 48px;
            height: 100%;
        }

            .event-card:not(.event-card--expandable) .event-card__wrapper .event-card__actions .event-card__register-button {
                width: 100%;
                height: 100%;
                border-radius: 0;
            }
    }

    .event-card:not(.event-card--expandable) .event-card__wrapper .event-card__actions .event-card__expand-button {
        display: none;
    }

    @media screen and (min-width: 768px) {
        .event-card .event-card__wrapper .event-card__actions .event-card__expand-button {
            display: none;
        }
    }

    .event-card .event-card__wrapper .event-card__expand-button img {
        width: initial;
        max-width: initial;
        margin-right: auto;
        margin-left: auto;
        transition: 200ms transform ease-in-out;
        width: 16.4px;
    }

    .event-card.event-card--expandable.expanded .event-card__wrapper .event-card__actions .event-card__expand-button img {
        transform: rotate(180deg);
    }

    .event-card.event-card:not(.event-card--expandable) .event-card__wrapper .event-card__actions .event-card__register-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        color: #FFF;
        text-transform: uppercase;
        background: #007AA8;
        border-radius: 10px;
    }

    @media screen and (min-width: 768px) {
        .event-card.event-card:not(.event-card--expandable) .event-card__wrapper .event-card__actions .event-card__register-button {
            background: transparent;
        }
    }

    @media screen and (min-width: 768px) {
        .event-card.event-card:not(.event-card--expandable) .event-card__wrapper .event-card__actions .event-card__register-button {
            justify-content: flex-end;
        }
    }

    @media screen and (min-width: 1024px) {
        .event-card.event-card:not(.event-card--expandable) .event-card__wrapper .event-card__actions .event-card__register-button {
            justify-content: center;
        }
    }

    .event-card .event-card__wrapper .event-card__actions .event-card__register-button:hover {
        background: var(--register-button-color-hover);
    }

    .event-card .event-card__wrapper .event-card__actions .event-card__register-button span {
        font-family: Montserrat;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 1.3200000525px;
        text-align: left;
    }

    .event-card.event-card--expandable .event-card__wrapper .event-card__actions .event-card__register-button .event-card__icon {
        display: none !important;
    }

    @media screen and (min-width: 768px) {
        .event-card:not(.event-card--expandable) .event-card__wrapper .event-card__actions .event-card__register-button span {
            display: none;
        }
    }

    .event-card.event-card--expandable .event-card__wrapper .event-card__actions .event-card__register-button {
        max-width: 210px;
    }

    @media screen and (min-width: 768px) {
        .event-card.event-card--expandable .event-card__wrapper .event-card__actions .event-card__register-button {
            max-width: 124px;
        }
    }

    .event-card.event-card--expandable {
        background-color: #F1F1F1;
        box-shadow: none;
    }

    @media screen and (min-width: 768px) {
        .event-card.event-card--expandable {
            background-color: #FFF;
        }

        .event-card .event-card__expandable-panel {
            height: 100%;
            max-height: 0;
            transition: 200ms max-height ease-in-out;
        }

        .event-card.event-card--expandable .event-card__wrapper .event-card__actions .event-card__register-button {
            max-width: 122px;
        }

        .event-card.event-card--expandable:hover .event-card__expandable-panel {
            position: relative;
            max-height: 150px;
            padding-top: 16px;
        }

            .event-card.event-card--expandable:hover .event-card__expandable-panel::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 14.34px;
                opacity: 0.3;
                background: linear-gradient(180deg, #8C8C8C 0%, rgba(238, 238, 238, 0) 56.67%);
            }

        .event-card.event-card--expandable:hover .event-card__expand-button img {
            transform: rotate(180deg);
        }
    }

    .event-card.event-card--expandable.expanded .event-card__expandable-panel::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 14.34px;
        opacity: 0.3;
        background: linear-gradient(180deg, #8C8C8C 0%, rgba(238, 238, 238, 0) 56.67%);
    }

    @media screen and (min-width: 375px) {
        .event-card .event-card__wrapper {
            padding: 16px;
        }
    }

    @media screen and (min-width: 1024px) {
        .event-card.event-card--expandable .event-card__header {
            align-items: center;
            margin-bottom: 0;
        }

        .event-card.event-card--expandable .event-card__wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .event-card.event-card--expandable .event-card__actions {
            flex: 1 0 auto;
            justify-content: flex-end;
        }

            .event-card.event-card--expandable .event-card__actions .event-card__expand-button {
                display: none;
            }

        .event-card.event-card--expandable .event-card__wrapper .event-card__actions .event-card__register-button {
            max-width: initial;
            width: 131px;
            height: 44px;
        }
    }

    .speaker-info-slide {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    @media screen and (min-width: 1024px) {
        .speaker-info-slide .content__title {
            text-align: left;
        }
    }

    .speaker-info {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .speaker-info .speaker-photo {
            overflow: hidden;
            flex-shrink: 0;
            width: 55.7px;
            height: 55.7px;
            margin-right: 7.65px;
            border-radius: 50%;
        }

        .speaker-info .speaker-details {
            flex: 1 1 auto;
        }

        .speaker-info .speaker-name {
            margin-bottom: 4px;
        }

        .speaker-info .speaker-name,
        .speaker-info .speaker-master {
            font-family: "Lato", "Roboto", sans-serif;
            font-size: 13.386px;
            font-weight: 400;
            line-height: 100%;
            color: #4B4B4B;
        }

    @media screen and (min-width: 1024px) {

        .speaker-info .speaker-name,
        .speaker-info .speaker-master {
            font-size: 16px;
        }
    }

    @media screen and (max-width: 767px) {

        .speaker-info .speaker-name,
        .speaker-info .speaker-master {
            text-align: center;
        }
    }

    .container-hero {
        height: 582px;
        /* width: 390vw; */
        display: flex;
        position: relative;
        margin: 0px;
        /*margin-top: -15px;*/
    }

    @media screen and (min-width: 750px) {
        .container-hero {
            height: 17rem;
        }
    }

    @media screen and (min-width: 1024px) {
        .container-hero {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px;
            /*max-width: 1440px;*/
            margin: 0px;
            position: relative;
        }
    }

    .text-section {
        width: 100%;
    }

        .text-section h1 {
            font-size: 32px;
            font-style: normal;
            font-weight: 700;
            line-height: 125%;
            letter-spacing: 0.4px;
            background: linear-gradient(90deg, #26417B 13.5%, #6C4F79 97%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 12px;
        }

    @media screen and (min-width: 1024px) {
        .text-section h1 {
            font-size: 28px;
        }
    }

    @media screen and (min-width: 1440px) {
        .text-section h1 {
            font-size: 32px;
        }
    }

    .text-section .hero__description {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        width: 350px;
        line-height: 150%;
        letter-spacing: 0.38px;
        font-family: "Montserrat";
        color: var(--neutral-main-500, #62708E);
        margin-bottom: 12px;
    }

    @media screen and (min-width: 450px) {
        .text-section .hero__description {
            width: initial;
        }
    }

    @media screen and (min-width: 591px) {
        .text-section .hero__description {
            height: 96px;
        }
    }

    @media screen and (min-width: 768px) {
        .text-section .hero__description {
            height: 72px;
        }
    }

    @media screen and (min-width: 1024px) {
        .text-section .hero__description {
            height: initial;
            margin-bottom: 26px;
        }
    }

    @media screen and (min-width: 1024px) {
        .text-section {
            flex: 1 1 auto;
            max-width: 470px;
        }
    }

    @media screen and (min-width: 1440px) {
        .text-section {
            max-width: 528px;
        }
    }

    @media screen and (min-width: 511px) {
        .attendees-image {
            text-align: center;
        }
    }

    .attendees-image picture {
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 12px;
    }

    @media screen and (min-width: 600px) {
        .attendees-image picture {
            align-items: center;
        }
    }

    @media screen and (min-width: 1024px) {
        .attendees-image picture {
            margin-bottom: 0;
            margin-right: -72px;
        }
    }

    @media screen and (min-width: 1440px) {
        .attendees-image picture {
            margin-right: -125px;
        }
    }

    .attendees-image img {
        width: 100%;
        max-width: 350px;
        height: auto;
        margin-left: -10px;
        margin-top: -2px;
    }

    @media screen and (min-width: 425px) {
        .attendees-image img {
            max-width: 341px;
        }
    }

    @media screen and (min-width: 768px) {
        .attendees-image img {
            max-width: 517px;
        }
    }

    @media screen and (min-width: 1024px) {
        .attendees-image {
            position: relative;
        }
    }

    @media screen and (min-width: 1024px) {
        .attendees-image img {
            margin-top: -43px;
        }
    }

    @media screen and (min-width: 1200px) {
        .attendees-image img {
            margin-top: -42px;
        }
    }

    @media screen and (min-width: 1440px) {
        .attendees-image img {
            margin-top: -39px;
            width: 517px;
        }
    }

    .hero-background {
        width: 100vw;
        position: absolute;
        top: 0;
        height: 100%;
        z-index: -1;
    }

    @media screen and (min-width: 1024px) {
        .hero-background {
            position: absolute;
            z-index: -1;
            width: 100vw;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
        }
    }

    .event-hero {
        display: flex;
        flex-direction: column-reverse;
        /* gap: 5.25rem; */
        /* padding-bottom: 6.25rem; */
        margin-top: -110px;
    }

    @media screen and (min-width: 750px) {
        .event-hero {
            height: 17rem;
        }
    }

    @media screen and (min-width: 1024px) {
        .event-hero {
            /*height: 19rem;*/
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 1.25rem;
            /* padding-bottom: 6.25rem; */
            flex-wrap: nowrap;
            margin-top: -10px;
            justify-content: center;
        }
    }

    @media screen and (min-width: 1024px) {
        .events-page .event-card-container {
            width: 100%;
        }
    }

    .events-page .events-page__hero {
        height: 582px;
        margin-bottom: 5.625rem;
        margin-top: 8.5rem;
        padding-top: 0;
        position: relative;
    }

    @media screen and (min-width: 425px) {
        .events-page .events-page__hero {
           /* margin-bottom: 7.5rem;*/
        }
    }

    @media screen and (min-width: 511px) {
        .events-page .events-page__hero {
            margin-bottom: 5rem;
        }
    }

    @media screen and (min-width: 591px) {
        .events-page .events-page__hero {
            margin-bottom: 2.813rem;
        }
    }

    @media screen and (min-width: 768px) {
        .events-page .events-page__hero {
            height: 575px;
        }
    }

    @media screen and (min-width: 1024px) {
        .events-page .events-page__hero {
            height: 294px;
            margin-top: 8rem;
        }
    }

    @media screen and (min-width: 1440px) {
        .events-page .events-page__hero {
            height: 351px;
        }
    }

    @media screen and (min-width: 1024px) {
        .events-page .events-page__hero .section-layout {
            display: flex;
            justify-content: space-between;
            flex-direction: row-reverse;
            padding-top: 42px;
        }
    }

    @media screen and (min-width: 1300px) {
        .events-page .events-page__hero .section-layout {
            max-width: 68rem;
        }
    }

    @media screen and (min-width: 1440px) {
        .events-page .events-page__hero .section-layout {
            padding-top: 98px;
        }
    }

    .events-page .event-card__placeholder {
        height: 163px;
        width: 100%;
        border-radius: 4px;
        background: var(--linear-gradient);
        box-shadow: 8px 4px 21px 0px rgba(0, 0, 0, 0.15);
        backdrop-filter: blur(8.5px);
    }

    @media screen and (min-width: 591px) {
        .events-page .event-card__placeholder {
            height: 110px;
        }
    }

    .upcoming-events__Loading,
    .event-card-container__loading {
        display: flex;
        justify-content: center;
    }

    main {
        overflow-x: hidden;
        display: block;
        min-height: 100vh;
    }

    label {
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }

    .event-form-modal.fancybox__content {
        width: 100%;
        height: max-content !important;
        background: #fff;
        border-radius: 8px;
    }

    .jd-modal.fancybox__content {
        position: relative;
        padding: 0;
    }

    .jd-modal [data-jd-modal-header] {
        display: flex;
        justify-content: space-between;
    }

    .form__header {
        align-items: flex-start;
        margin-bottom: 24px;
    }

    .event-info__title {
        margin-bottom: 16px !important;
        font-size: 18px;
        font-weight: 800;
        color: #000;
        letter-spacing: 0.4px;
        font-family: "Roboto", sans-serif;
    }

    .event-info__date {
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        color: #979797 !important;
    }

        .event-info__date a {
            color: #979797 !important;
        }

        .event-info__date .divider {
            margin-right: 4px;
            padding-right: 4px;
            border-right: solid 1px #979797;
        }

        .event-info__date .divider {
            margin-right: 4px;
            padding-right: 4px;
            border-right: solid 1px #979797;
            font-family: "Lato";
        }

        .event-info__date a.venue,
        .event-info__date span.venue {
            font-weight: 700;
            text-decoration: underline;
            font-family: "Lato";
        }

        .event-info__date span.city {
            font-weight: 400;
            font-family: "Lato";
            font-style: normal;
        }

    p a,
    label a {
        display: inline;
    }

    .jd-modal [data-jd-modal-close] {
        cursor: pointer;
        max-width: 20px;
    }

    button {
        overflow: visible;
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        font: inherit;
        margin: 0;
    }

    svg:not(:root) {
        overflow: hidden;
    }

    svg {
        display: block;
        width: 100%;
        fill: currentcolor;
    }

    form {
        margin: 0px auto;
        font-size: 16px;
        line-height: 22px;
        max-width: 792px;
    }

    .form__control {
        position: relative;
        display: block;
        margin-bottom: 24px;
        padding-bottom: 0;
        font-size: 16px;
        transition: all 100ms ease-in-out;
    }

        .form__control * {
            color: #939496;
        }

        .form__control .form__control-error {
            position: absolute;
            top: 100%;
            left: 0;
            display: none;
            width: 100%;
            margin-top: 1px;
            font-size: 14px;
            color: red;
        }

        .form__control.form__select {
            height: 48px;
        }

        .form__control .form__control-input,
        .form__control .form__control-select {
            width: 100%;
            height: 48px;
            padding: 8px;
            font-family: "Segoe ui", "Lato", "Roboto", sans-serif;
            background-color: #F4F4F4;
            border: 0;
            border-radius: 4px;
            outline: 0.5px solid #DBDBDB !important;
        }

    .nice-select .nice-select-dropdown .list {
        border-radius: 8px;
        border: 0.5px solid #000;
        box-shadow: 8px 4px 21px 0px rgba(0, 0, 0, 0.15);
    }

    .nice-select * {
        color: #939496 !important;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.4px;
        font-family: "Segoe ui", "Lato", "Roboto", sans-serif;
    }

    .nice-select .nice-select-dropdown .option:not(:last-child) {
        border-bottom: 0.5px solid #A4A4A4;
    }

    .nice-select .option.selected {
        color: #505058 !important;
        font-weight: normal;
    }

    .nice-select .option.disabled {
        color: #939496 !important;
        font-weight: normal;
    }

    form input:not([type=checkbox]):not([type=radio])::placeholder {
        color: #939496;
    }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: 40px;
        list-style: none;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        transition: all 0.2s;
        font-family: "Segoe UI";
        font-size: 16px;
        font-style: normal;
        letter-spacing: 0.4px;
        color: #505050 !important;
    }

        #event-form-container .nice-select .option.focus:nth-of-type(1), .nice-select .option.selected.focus:nth-of-type(1) {
            background-color: initial;
        }


    form fieldset:last-of-type {
        margin-bottom: 0px;
    }

    form fieldset {
        margin: 0px 0px 20px 0px;
        padding: 0px;
        border: none;
    }

    fieldset {
        margin: 0;
        padding: 0;
        border: 0;
    }

    fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
    }

    .form__control .legend-container {
        display: flex;
        flex-flow: row wrap;
        align-items: baseline;
    }

    .form__control .form__control-label,
    .form__control .form__control-legend {
        cursor: pointer;
        display: inline-block;
        margin-bottom: 0;
        font-family: "Segoe ui", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #272727;
        padding-bottom: 0;
    }

    .form__control .form__control-radios {
        display: flex;
        margin-left: 8px;
    }

        .form__control .form__control-radios .form__control-radio:first-of-type {
            margin-right: 16px;
        }

    .form__control .form__control-radio,
    .form__control .form__control-checkbox {
        display: flex;
        align-items: center;
    }

    .form__control .form__control-radios--large .form__control-radio,
    .form__control-checkboxgroup .form__control-checkbox {
        margin-bottom: 8px;
    }

    .form__control .form__control-radio input,
    .form__control .form__control-checkbox input {
        margin-right: 10px;
    }

    form input[type=radio] {
        border-radius: 50%;
    }

    .form__control-checkboxgroup {
        margin-left: 8px;
    }

    input[type=checkbox],
    input[type=radio] {
        transform: translateY(-1.2px) !important;
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: center !important;
        width: 16px !important;
        height: 16px !important;
        color: currentcolor !important;
        border: 1px solid #62708E !important;
        position: initial !important;
        min-width: initial !important;
    }

    input[type=checkbox],
    input[type=radio] {
        padding: 0;
    }

    .form__control .form__control-radio .form__control-label,
    .form__control .form__control-checkbox .form__control-label {
        cursor: pointer;
    }

    .form__control .form__control-legend {
        margin-top: 0;
        margin-right: 4px;
        margin-bottom: 8px;
        font-family: "Segoe UI", sans-serif;
        line-height: 20px;
    }

    form label {
        position: relative;
    }

    .optionals__header {
        font-size: 14px;
        font-weight: 700;
        font-family: "Segoe UI", ITC-Franklin-Gothic, Tahoma, Geneva, Verdana, sans-serif;
        color: #8D679E;
        margin-bottom: 16px;
        line-height: 18px;
        letter-spacing: 0.4px;
    }

    .form__control .label__hint {
        margin-left: 0;
        color: #A9A9A9;
        font-family: "Segoe UI", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.4px;
    }

    .form__control .form__control-radios--large {
        display: block;
        margin-left: 8px;
    }

    .form__control .form__control-checkbox {
        align-items: flex-start;
    }

    input[type=checkbox] {
        position: relative;
        appearance: none;
        border-radius: 4px;
    }

    #dietRestrict-Other-Description {
        height: 30px;
        margin-right: 0;
        width: 100%;
        max-width: 284px;
    }

    #multAuth {
        margin-top: 3px;
    }

    .form__control .form__control-checkbox .form__control-label strong {
        font-family: "Segoe ui", "Lato", "Roboto", sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: normal;
        color: #272727;
        letter-spacing: 0.6px;
    }

    .form__control .form__control-checkbox .form__control-label ul {
        transform: translateX(12px);
        max-width: calc(100% - 12px);
        margin-left: 10px;
        margin-right: 15px;
    }

    .form__control .form__control-checkbox .form__control-label .disclaimer {
        padding: 8px;
        background-color: #EAEAEA;
        border-radius: 3px;
        margin-top: 8px;
        width: 100%;
        max-width: 316px;
    }

@media screen and (min-width: 470px) {
    .form__control .form__control-checkbox .form__control-label .disclaimer {
        max-width: initial;
    }
}

    .form__control .form__control-checkbox .form__control-label ul li {
        font-family: "Segoe ui", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        color: #5E5E5E;
        letter-spacing: 0.6px;
    }

    .form__control .form__control-checkbox .form__control-label ul li {
        line-height: initial;
        list-style-type: disc;
        margin-bottom: 0;
    }

    ul {
        margin: 0px;
    }

    .form__control .form__control-checkbox .form__control-label .last-text {
        font-family: "Segoe ui", "Lato", "Roboto", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
        color: #5E5E5E;
        letter-spacing: 0.6px;
        margin-left: -10px;
    }

        .form__control .form__control-checkbox .form__control-label .last-text a {
            color: #00A9E0;
            text-decoration: underline;
            font-family: "Lato", "Roboto", sans-serif;
        }

    .step__form-actions .button--primary {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 46px;
        font-family: "Lato", "Roboto", sans-serif;
        font-size: 16px;
        color: #fff;
        background: #20396B;
        line-height: normal;
        padding: initial;
        margin: initial;
        opacity: initial;
    }

    button {
        border: none;
        outline: none;
    }

    button,
    input {
        overflow: visible;
    }

    form,
    input,
    textarea,
    select,
    button,
    label {
        font-weight: inherit;
    }

        button,
        html input[type=button],
        input[type=reset],
        input[type=submit] {
            cursor: pointer;
        }

    button,
    select {
        text-transform: none;
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font: inherit;
    }

    form input:not([type=checkbox]):not([type=radio]),
    form select {
        outline: none;
    }

    input {
        line-height: normal;
    }

    input,
    select {
        max-width: initial;
    }

    form,
    input,
    textarea,
    select,
    button,
    label {
        display: block;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
        appearance: none;
        background-color: transparent;
    }

    input {
        font-size: 16px;
    }

    input {
        width: 100%;
        border: 0;
    }

    .jd-modal.event-form-modal.ahus-form-event.fancybox__content.f-zoomInUp {
        padding: 0px;
    }

    .form__control.form__control--invalid[data-touched=true][data-required=true][data-is-valid=false] .form__control-input,
    .form__control.form__control--invalid[data-touched=true][data-required=true][data-is-valid=false] .form__control-select {
        outline-color: red !important;
    }

    .form__control.form__control--invalid[data-touched=true][data-required=true][data-is-valid=false] .form__control-error {
        display: block;
    }

    h1 {
        font-size: 60px;
        font-weight: 700;
        line-height: normal;
    }

    @media screen and (min-width: 768px) {
        .md\:50-percent {
            width: 50% !important;
        }
    }

    .nice-select .nice-select-dropdown {
        width: 100%;
    }

    .events-page .fancybox__container {
        width: 100vw;
        position: fixed !important;
    }

    form input[type=radio]:checked {
        background-color: transparent !important;
    }

    input[type=radio]:checked::before {
        transform: scale(1);
    }

    input[type=radio]::before {
        content: "";
        transform: scale(0);
        width: 10.4px;
        height: 10.4px;
        background-color: CanvasText;
        border-radius: 50%;
        box-shadow: inset 16px 16px #6C4F79;
        transition: 120ms transform ease-in-out;
    }

    input[type=checkbox]::before {
        content: "";
        position: absolute;
        z-index: 2;
        top: 45%;
        right: 50%;
        transform: rotate(45deg) translate(-50%, -50%);
        width: 7px;
        height: 12px;
        margin: 0 -2px 0 -1px;
        border: solid #FFF;
        border-width: 0 2px 2px 0;
        transition: 120ms transform ease-in-out;
    }

    input[type=checkbox]:checked {
        background-color: #6C4F79;
        border-color: #6C4F79;
    }

    .confirmation-view {
        border-radius: 8px;
        overflow: hidden;
    }

        .confirmation-view .confirmation-view__header {
            padding-bottom: 0;
            margin-bottom: 20px;
        }

        .confirmation-view .confirmation-view__footer {
            background: #F0F0F0;
            text-align: center;
        }

    .form-container,
    .confirmation-view__header,
    .confirmation-view__content,
    .confirmation-view__footer {
        padding: 30px 16px;
    }

    .confirmation-view .confirmation-view__content .paragraph {
        font-family: "Segoe ui", "Lato", "Roboto", sans-serif;
        color: #393939;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .confirmation-view .confirmation__view-title {
        font-family: "Segoe ui", "Lato", "Roboto", sans-serif;
        font-size: 32px;
        font-weight: 400;
        line-height: 35.84px;
        color: #515151;
        margin-top: 35px;
    }

    .confirmation-view .confirmation-view__content .event-title {
        font-size: 18px;
        font-weight: 800;
        line-height: 22px;
        letter-spacing: 0.4px;
        color: #000;
        margin-bottom: 12px;
    }

    .confirmation-view .confirmation-view__content .event-date {
        margin-bottom: 12px;
    }

    .confirmation-view .date-details {
        margin-bottom: 4px;
    }

    .confirmation-view .confirmation-view__content .event-date a {
        font-weight: 700;
        text-decoration: underline;
        margin-bottom: 4px;
    }

    .confirmation-view .confirmation-view__content .event-date * {
        font-family: "Lato", "Roboto", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        color: #979797;
    }

    .confirmation-view .confirmation-view__content .message {
        font-family: "Segoe ui", "Lato", "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #162647;
        margin-bottom: 20px;
    }

        .confirmation-view .confirmation-view__content .message.question {
            margin-bottom: 5px;
        }

    .confirmation-view .confirmation-view__content .register-again-button {
        text-transform: uppercase;
        color: #4363A8;
        font-size: 16px;
        font-family: "Montserrat", "Lato", sans-serif;
        font-weight: 500;
        letter-spacing: 1.32px;
        cursor: pointer;
        display: flex;
        align-items: center;
        flex-direction: row;
    }

        .confirmation-view .confirmation-view__content .register-again-button::after {
            margin-left: 4px;
        }

    .confirmation-view .confirmation-view__footer .call-to-action-text {
        font-size: 18px;
        font-weight: 600;
        color: #333;
        font-family: ITC-Franklin-Gothic, "Lato", sans-serif;
        text-align: center;
        margin-bottom: 16px;
    }

    .confirmation-view .confirmation-view__footer .alexion-logo {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 284.49px;
        margin-bottom: 16px;
    }

    @media screen and (min-width: 1024px) {
        .confirmation-view .title-container {
            margin-top: 100px;
        }
    }

    .confirmation-view .confirmation-view__footer .footnote {
        font-weight: 400;
        color: #333333;
        text-align: center;
        font-size: 14px;
        font-family: "ITC Franklin Gothic Std";
        font-style: normal;
        line-height: 142.86%;
        /* 20px */
    }

    .is-draggable .fancybox__content.jd-modal {
        cursor: initial;
    }

    .first-name {
        font-family: inherit;
    }

    @media screen and (min-width: 375px) {

        .form-container,
        .confirmation-view__header,
        .confirmation-view__content,
        .confirmation-view__footer {
            padding-right: 20px;
            padding-left: 20px;
        }
    }

    @media screen and (min-width: 425px) {
        .event-form-modal {
            max-width: 95% !important;
        }
    }

    @media screen and (min-width: 425px) {

        .form-container,
        .confirmation-view__header,
        .confirmation-view__content,
        .confirmation-view__footer {
            margin-right: auto;
            margin-left: auto;
        }
    }

    @media screen and (min-width: 768px) {

        .form-container,
        .confirmation-view__header,
        .confirmation-view__content,
        .confirmation-view__footer {
            padding-right: 45px;
            padding-left: 45px;
        }
    }

    @media screen and (min-width: 1024px) {
        .step__form-actions {
            display: flex;
            justify-content: flex-end;
        }
    }

    @media screen and (min-width: 1024px) {

        .form-container,
        .confirmation-view__header,
        .confirmation-view__content,
        .confirmation-view__footer {
            padding-right: 104px;
            padding-left: 104px;
        }
    }

    @media screen and (min-width: 1024px) {
        .step__form-actions .button--primary {
            max-width: 125px !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .event-form-modal {
            max-width: 920px !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .confirmation-view .confirmation-view__content {
            margin-bottom: 128px;
        }
    }

    @media screen and (min-width: 1024px) {
        .jd-modal [data-jd-modal-close] {
            margin-right: -70px;
        }
    }

    button[disabled],
    html input[disabled] {
        cursor: not-allowed;
        user-select: none;
        opacity: 0.5;
    }

    .submitting {
        background: white !important;
        border: 1px solid #DBDBDB;
    }

    .button--primary.register img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .register-again-button img {
        margin-left: 10px;
    }

    .nice-select::after {
        top: 0;
        bottom: 0;
        width: 13px;
        height: 13px;
        margin-block: auto;
        border-right-color: #707070;
        border-bottom-color: #707070;
    }

    /**end form modal**/
    .upcoming-events__Loading > img {
        width: 60px;
        height: auto;
        margin: 0 auto;
    }

    .event-card-container__loading > img {
        width: 60px;
        height: auto;
        margin: 0 auto;
    }

    @media screen and (min-width: 1024px) {
        .upcoming-events__Loading > img {
            width: 80px;
        }

        .event-card-container__loading > img {
            width: 70px;
        }
    }

    .d-none {
        display: none;
    }

    /*fixing css card*/
    .event-card__wrapper:has(.event-card--expandable),
    .event-card__expandable-panel {
        background-color: #F1F1F1;
    }

    .event-card__title {
        font-family: Roboto, Arial, Helvetica, sans-serif;
        font-weight: 800;
        font-size: 18px;
        line-height: 22px;
        text-align: left;
        letter-spacing: 0.4px;
        color: #000;
        margin-bottom: 8px;
    }

    .event-card__address,
    .event-card__hour {
        color: #5E5E5E;
        font-weight: 400;
        line-height: 12px;
        text-align: left;
    }

    .event-card__date {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3.82px;
        background-color: #6C4F79;
        width: 49.95px;
        height: 60.77px;
        padding: 11.47px;
    }

    .event-card__month {
        color: #FFFFFF;
        font-size: 11.47px;
        font-weight: 400;
        line-height: 13.39px;
        letter-spacing: 0.9561601877px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .event-card__day {
        color: #FFFFFF !important;
        font-family: Roboto;
        font-size: 22.95px !important;
        font-weight: 600;
        line-height: 19.12px !important;
        text-align: left;
    }

    .event-card__register-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 40px;
        gap: 10px;
        background: var(--register-button-color);
        border-radius: 10px;
        padding: 8px 20px 8px 20px;
        color: #FFF;
        text-transform: uppercase;
    }

    .event-card__expand-button {
        width: 48px;
        height: 40px;
    }

    /*next event card*/
    .event-card:not(.event-card--expandable) > .event-card__wrapper > .event-card__header > .event-card__info > .event-card__title {
        color: #FFFFFF;
        font-size: 20px;
        font-weight: 800;
        line-height: 22px;
        letter-spacing: 0.400000006px;
        text-align: left;
    }

    @media screen and (min-width: 1024px) {
        .event-card:not(.event-card--expandable) > .event-card__wrapper > .event-card__header > .event-card__info > .event-card__title {
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    .event-card:not(.event-card--expandable) {
        border-radius: 4px;
        box-shadow: 8px 4px 21px 0px rgba(0, 0, 0, 0.15);
        backdrop-filter: blur(8.5px);
    }

        .event-card:not(.event-card--expandable) > .event-card__wrapper > .event-card__header > .event-card__info > .event-card__place .event-card__address,
        .event-card:not(.event-card--expandable) > .event-card__wrapper > .event-card__header > .event-card__info > .event-card__place .event-card__hour,
        .event-card:not(.event-card--expandable) > .event-card__wrapper > .event-card__header > .event-card__info > .event-card__place .event-card__speaker {
            color: #FFFFFF;
            font-weight: 400;
            line-height: 12px;
            text-align: left;
        }

    @media screen and (min-width: 768px) {

        .event-card.event-card--expandable:hover,
        .event-card.event-card--expandable:hover > .event-card__expandable-panel {
            background-color: #F0F8FC;
        }

        .event-card {
            border-radius: 0;
        }

        .event-card__expandable-panel .swiper .swiper-slide {
            padding-right: 45px;
            padding-left: 45px;
        }
    }

    .swiper-pagination-bullet-active {
        background-color: #5C5C5C !important;
    }


    .footerUpcoming {
        margin-top: 11px;
        margin-bottom: 24px;
        text-align: right;
        color: #8D679E;
        font-family: Nunito;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 1.465px;
    }


    @media screen and (max-width: 993px) {

        .content__title,
        .event-card__description,
        .speaker-name {
            text-align: center;
        }

        .event-card:not(.event-card--expandable) > .event-card__wrapper > .event-card__header > .event-card__info > .event-card__title {
            font-size: 16px;
        }

        .event-card:not(.event-card--expandable) .event-card__day {
            font-size: 28.8px !important;
        }

        .event-card:not(.event-card--expandable) .event-card__month {
            font-size: 14.4px;
        }

        .footerUpcoming {
            margin-top: 22.68px;
            margin-right: 0;
            margin-bottom: 16px;
            font-size: 10px;
            text-align: center;
        }
    }

    @media screen and (min-width: 1024px) {
        .footerUpcoming {
            margin-right: 4rem;
        }
    }

    @media screen and (min-width: 1200px) {
        .footerUpcoming {
            margin-right: 2rem;
        }
    }

    @media screen and (min-width: 1440px) {
        .footerUpcoming {
            margin-right: 3rem;
        }
    }

    @media screen and (min-width: 1500px) {
        .footerUpcoming {
            margin-right: 5rem;
        }
    }

    @media screen and (min-width: 1650px) {
        .footerUpcoming {
            margin-right: 9.5rem;
        }
    }

    @media screen and (min-width: 1700px) {
        .footerUpcoming {
            margin-right: 11rem;
        }
    }

    @media screen and (min-width: 1850px) {
        .footerUpcoming {
            margin-right: 15.7rem;
        }
    }

    @media screen and (min-width: 1920px) {
        .footerUpcoming {
            margin-right: 18rem;
        }
    }

    @media screen and (min-width: 2000px) {
        .footerUpcoming {
            margin-right: 20.5rem;
        }
    }

    @media screen and (min-width: 2200px) {
        .footerUpcoming {
            margin-right: 26.7rem;
        }
    }

    @media screen and (min-width: 2400px) {
        .footerUpcoming {
            margin-right: 33rem;
        }
    }

    @media screen and (min-width: 2560px) {
        .footerUpcoming {
            margin-right: 38rem;
        }
    }

    .confirmation__view-title {
        letter-spacing: normal !important;
    }

    p.event-title {
        font-family: Roboto;
    }

    .form__control-label[for="multAuth"] > strong {
        display: inline-flex;
        padding-right: 2%;
    }
    /*# sourceMappingURL=events.css.map */