@import "../../css/libs/swiper/swiper.min.css"; @import "../../css/libs/swiper/swiper.min.css"; @import "../../css/libs/swiper/swiper.min.css"; @-webkit-keyframes rotateBorder { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotateBorder { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fadeIn { from { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes fadeIn { from { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes fadeUp { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes fadeUp { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes fadeDown { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes fadeDown { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes stroke { 0% { stroke-dashoffset: 700; } 100% { stroke-dashoffset: 0; } } @keyframes stroke { 0% { stroke-dashoffset: 700; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes scaleUp { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUp { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes shake { 0% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 25% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 50% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes shake { 0% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 25% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 50% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes marquee { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes marquee { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes fade { 0%, 100% { opacity: 0; } 10%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } } @keyframes fade { 0%, 100% { opacity: 0; } 10%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } } .s-hero--background, .conference__card--thumb, .conference__card__top--category--icon figure { overflow: hidden; display: block; } .s-hero--background picture, .conference__card--thumb picture, .conference__card__top--category--icon figure picture { height: 100% !important; width: 100% !important; display: block; } .s-hero--background picture img, .conference__card--thumb picture img, .conference__card__top--category--icon figure picture img { height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; } .s-hero--background > img, .conference__card--thumb > img, .conference__card__top--category--icon figure > img { height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; } .s-historic__card--date, .s-events__pagination .current, .s-events__pagination a, .s-events__pagination, .s-events__main__result__box--clear, .s-events__filter__clear--value, .s-events__filter__clear, .s-hero--scroll, .popup-modal, .conference__card__top--arrow, .conference__card__top--category, .popup-modal__content__script .message .message--icon, .popup-modal__content__script form input[type=checkbox], .control-slide .button, .s-hero__main--link, .s-hero__main--link .content, .s-events__filter--button, .popup-modal__content__script .message .message--button, .popup-modal__content__script form .hs-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .s-hero__main--link .content, .s-events__filter--button, .popup-modal__content__script .message .message--button, .popup-modal__content__script form .hs-button { padding: 1.4rem 2.2rem; gap: 2.2rem; border-radius: 0.6rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #fff; background-color: #3772ff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .s-hero__main--link .content:hover, .s-events__filter--button:hover, .popup-modal__content__script .message .message--button:hover, .popup-modal__content__script form .hs-button:hover { background-color: #5996ff; } .s-events__filter--button, .popup-modal__content__script .message .message--button, .popup-modal__content__script form .hs-button { gap: 1.4rem; border-radius: 1.2rem; font-size: 1.5rem; font-weight: 600; line-height: 20px; text-transform: uppercase; } .s-hero__main--link { padding: 0.1rem; position: relative; overflow: hidden; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 1.8rem; } .s-hero__main--link .content { width: 100%; font-weight: 500; border-radius: 1.8rem; z-index: 2; position: relative; border: 6px solid #0f1424; } .s-hero__main--link::after { content: ""; position: absolute; inset: -1px; border-radius: 1.8rem; pointer-events: none; background: conic-gradient(#3772ff, transparent); -webkit-animation: rotateBorder 2s linear infinite; animation: rotateBorder 2s linear infinite; width: 150%; height: 470%; left: -26%; top: -150%; } @media (max-width: 600px) { .s-hero__main--link { width: 100%; } .s-hero__main--link .content { padding: 1.4rem 1rem; gap: 1rem; } } .s-hero__main--title p { font: inherit; } .s-hero__main--title strong { font: inherit; background: linear-gradient(93deg, #5a8bff -2.9%, #89acff 35.37%, #5a8bff 64.7%); background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .s-hero__main--hat { padding: 0.6rem 1.6rem 0.6rem 3.2rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 100px; background-color: #f2f5fb; color: #3772ff; font-family: "Figtree", sans-serif; font-size: 1.3rem; font-weight: 500; line-height: 140%; letter-spacing: 0.39px; text-transform: uppercase; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .s-hero__main--hat::before { content: ""; position: absolute; left: 1.6rem; width: 0.5rem; height: 0.5rem; background-color: #3772ff; } .s-historic__slide { width: 100%; overflow: hidden; } .hide.s-historic__slide { opacity: 0; } .control-slide { width: 100%; max-width: 11.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2.4rem; } .control-slide .button { width: 4.4rem; height: 4.4rem; border-radius: 10px; border: 1px solid #3772ff; background-color: #3772ff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .control-slide .button:hover { background-color: #5996ff; } .control-slide .swiper-button-disabled { pointer-events: none; background-color: transparent !important; -webkit-filter: grayscale(100%); filter: grayscale(100%); border-color: #d4def1 !important; } .control-slide .swiper-button-disabled svg path { stroke: #d4def1 !important; } @media (max-width: 600px) { .control-slide { max-width: 100%; } } .s-historic .swiper-pagination { position: initial; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.6rem; z-index: initial; } .s-historic .swiper-pagination .swiper-pagination-bullet { width: 5rem; height: 1.5px; background-color: #e5ecf7; opacity: 1; border-radius: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .s-historic .swiper-pagination .swiper-pagination-bullet-active { background-color: #3772ff; } @media (max-width: 840px) { .s-historic .swiper-pagination .swiper-pagination-bullet { width: 5rem; } } @media (max-width: 599px) { .s-historic .swiper-pagination { gap: 1rem; } .s-historic .swiper-pagination .swiper-pagination-bullet { width: 3.2rem; } } @media (max-width: 370px) { .s-historic .swiper-pagination .swiper-pagination-bullet { width: 3rem; } } .popup-modal__content__script form { position: relative; } .popup-modal__content__script form input, .popup-modal__content__script form select, .popup-modal__content__script form textarea { padding: 1.6rem 2.5rem !important; border-radius: 0.6rem !important; border: 1px solid #222e53; background: linear-gradient(133deg, #1a2441 -23.24%, #11172a 108.64%); color: #b9c8e8; font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; } .popup-modal__content__script form input::-webkit-input-placeholder, .popup-modal__content__script form select::-webkit-input-placeholder, .popup-modal__content__script form textarea::-webkit-input-placeholder { color: #b9c8e8; } .popup-modal__content__script form input::-moz-placeholder, .popup-modal__content__script form select::-moz-placeholder, .popup-modal__content__script form textarea::-moz-placeholder { color: #b9c8e8; } .popup-modal__content__script form input:-ms-input-placeholder, .popup-modal__content__script form select:-ms-input-placeholder, .popup-modal__content__script form textarea:-ms-input-placeholder { color: #b9c8e8; } .popup-modal__content__script form input::-ms-input-placeholder, .popup-modal__content__script form select::-ms-input-placeholder, .popup-modal__content__script form textarea::-ms-input-placeholder { color: #b9c8e8; } .popup-modal__content__script form input::placeholder, .popup-modal__content__script form select::placeholder, .popup-modal__content__script form textarea::placeholder { color: #b9c8e8; } .popup-modal__content__script form input:focus, .popup-modal__content__script form select:focus, .popup-modal__content__script form textarea:focus { border-color: var(--color); } .popup-modal__content__script form select { cursor: pointer; background: url('data:image/svg+xml;charset=UTF-8,') no-repeat right 15px center, linear-gradient(133deg, #1a2441 -23.24%, #11172a 108.64%); appearance: none; -webkit-appearance: none; -moz-appearance: none; background-position-x: 95%; } .popup-modal__content__script form label { display: block; margin-bottom: 0.4rem; } .popup-modal__content__script form label span { font-size: 1.4rem; color: #22243a; } .popup-modal__content__script form .hs-error-msg { margin-top: 0.4rem; font-size: 1.2rem; color: #364d7f; } .popup-modal__content__script form .hs-error-msgs, .popup-modal__content__script form .hs_error_rollup { position: absolute; bottom: -2rem; pointer-events: none; } .popup-modal__content__script form .hs-error-msgs label, .popup-modal__content__script form .hs_error_rollup label { font-size: 1.2rem; color: #364d7f; white-space: nowrap; } .popup-modal__content__script form .hsfc-Step__Content { padding: 0 !important; } .popup-modal__content__script form .hs-button { width: 100%; padding: 1.6rem 3.2rem; border-radius: 0.6rem; text-align: center; } .popup-modal__content__script form .inputs-list { position: relative; } .popup-modal__content__script form .inputs-list li { position: relative; } .popup-modal__content__script form input[type=checkbox] { margin-right: 1rem; width: 2rem; height: 2rem; padding: 0 !important; background: #fff; border: 1px solid #b9c8e8; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; cursor: pointer; position: relative; } .popup-modal__content__script form input[type=checkbox]:focus { outline: none; -webkit-box-shadow: 0 0 0 3px rgba(34, 46, 83, 0.2); box-shadow: 0 0 0 3px rgba(34, 46, 83, 0.2); } .popup-modal__content__script form input[type=checkbox]::after { content: ""; position: absolute; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; width: 10px; height: 5px; margin-top: -3px; border-bottom: solid 2px #c45f97; border-left: solid 2px #c45f97; -webkit-transform: rotate(-45deg) scale(0); -ms-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); } .popup-modal__content__script form input[type=checkbox]:checked::after { -webkit-transform: rotate(-45deg) scale(1); -ms-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); } .popup-modal__content__script form .hs-form-booleancheckbox-display { cursor: pointer; position: relative; } .popup-modal__content__script form .hs-form-booleancheckbox-display span { font-size: 1.4rem; color: #364d7f; font-weight: 500; } .popup-modal__content__script form .hs-form-booleancheckbox-display span .hs-form-required { color: inherit; font: inherit; } .popup-modal__content__script form .hs_firstname .hs-error-msgs, .popup-modal__content__script form .hs_email .hs-error-msgs, .popup-modal__content__script form .legal-consent-container .hs-error-msgs, .popup-modal__content__script form .hs-dependent-field .hs-error-msgs { position: initial; } .popup-modal__content__script .message { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0px; display: none; } .popup-modal__content__script .active.message { display: -webkit-box; display: -ms-flexbox; display: flex; } .popup-modal__content__script .error-message.message .message--icon { background-color: #fbe9e9; } .popup-modal__content__script .error-message.message .message--icon::before { background-color: #e25555; } .popup-modal__content__script .sucess-message.message .message--icon { background-color: #c5f1e9; } .popup-modal__content__script .sucess-message.message .message--icon::before { background-color: #27d9aa; } .popup-modal__content__script .message .message--icon { width: 118.237px; height: 118.237px; border-radius: 100%; } .popup-modal__content__script .message .message--icon::before { content: ""; position: absolute; border-radius: 100%; width: 7.3432rem; height: 7.3432rem; } .popup-modal__content__script .message .message--icon .detail { position: absolute; margin-right: -7rem; margin-top: -4rem; } .popup-modal__content__script .message .message--icon svg { z-index: 2; } .popup-modal__content__script .message .message--title { margin-top: 3.3rem; margin-bottom: 2rem; font-size: 3.2rem; font-weight: 600; font-family: "Figtree", sans-serif; line-height: 120%; color: #121029; text-align: center; display: block; } .popup-modal__content__script .message .message--description { margin-bottom: 4.8rem; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #4a4f89; text-align: center; } .popup-modal__content__script .message .message--button { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; cursor: pointer; } @keyframes rotateBorder { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fadeIn { from { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes fadeUp { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes fadeDown { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes stroke { 0% { stroke-dashoffset: 700; } 100% { stroke-dashoffset: 0; } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes scaleUp { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes shake { 0% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 25% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 50% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes marquee { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes fade { 0%, 100% { opacity: 0; } 10%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } } @keyframes rotateBorder { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fadeIn { from { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes fadeUp { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes fadeDown { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes stroke { 0% { stroke-dashoffset: 700; } 100% { stroke-dashoffset: 0; } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes scaleUp { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes shake { 0% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 25% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 50% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes marquee { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes fade { 0%, 100% { opacity: 0; } 10%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } } @keyframes rotateBorder { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fadeIn { from { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes fadeUp { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes fadeDown { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes stroke { 0% { stroke-dashoffset: 700; } 100% { stroke-dashoffset: 0; } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes scaleUp { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes shake { 0% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 25% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 50% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes marquee { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes fade { 0%, 100% { opacity: 0; } 10%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } } .s-hero--background, .conference__card--thumb, .conference__card__top--category--icon figure { overflow: hidden; display: block; } .s-hero--background picture, .conference__card--thumb picture, .conference__card__top--category--icon figure picture { height: 100% !important; width: 100% !important; display: block; } .s-hero--background picture img, .conference__card--thumb picture img, .conference__card__top--category--icon figure picture img { height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; } .s-hero--background > img, .conference__card--thumb > img, .conference__card__top--category--icon figure > img { height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; } .s-historic__card--date, .s-events__pagination .current, .s-events__pagination a, .s-events__pagination, .s-events__main__result__box--clear, .s-events__filter__clear--value, .s-events__filter__clear, .s-hero--scroll, .popup-modal, .conference__card__top--arrow, .conference__card__top--category, .s-events__filter--button, .s-hero__main--link, .s-hero__main--link .content, .control-slide .button, .popup-modal__content__script form .hs-button, .popup-modal__content__script form input[type=checkbox], .popup-modal__content__script .message .message--icon, .popup-modal__content__script .message .message--button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .s-events__filter--button, .s-hero__main--link .content, .popup-modal__content__script form .hs-button, .popup-modal__content__script .message .message--button { padding: 1.4rem 2.2rem; gap: 2.2rem; border-radius: 0.6rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #fff; background-color: #3772ff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .s-events__filter--button:hover, .s-hero__main--link .content:hover, .popup-modal__content__script form .hs-button:hover, .popup-modal__content__script .message .message--button:hover { background-color: #5996ff; } .s-events__filter--button, .popup-modal__content__script form .hs-button, .popup-modal__content__script .message .message--button { gap: 1.4rem; border-radius: 1.2rem; font-size: 1.5rem; font-weight: 600; line-height: 20px; text-transform: uppercase; } .s-hero__main--link { padding: 0.1rem; position: relative; overflow: hidden; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 1.8rem; } .s-hero__main--link .content { width: 100%; font-weight: 500; border-radius: 1.8rem; z-index: 2; position: relative; border: 6px solid #0f1424; } .s-hero__main--link::after { content: ""; position: absolute; inset: -1px; border-radius: 1.8rem; pointer-events: none; background: conic-gradient(#3772ff, transparent); -webkit-animation: rotateBorder 2s linear infinite; animation: rotateBorder 2s linear infinite; width: 150%; height: 470%; left: -26%; top: -150%; } @media (max-width: 600px) { .s-hero__main--link { width: 100%; } .s-hero__main--link .content { padding: 1.4rem 1rem; gap: 1rem; } } .s-hero__main--title p { font: inherit; } .s-hero__main--title strong { font: inherit; background: linear-gradient(93deg, #5a8bff -2.9%, #89acff 35.37%, #5a8bff 64.7%); background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .s-hero__main--hat { padding: 0.6rem 1.6rem 0.6rem 3.2rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 100px; background-color: #f2f5fb; color: #3772ff; font-family: "Figtree", sans-serif; font-size: 1.3rem; font-weight: 500; line-height: 140%; letter-spacing: 0.39px; text-transform: uppercase; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .s-hero__main--hat::before { content: ""; position: absolute; left: 1.6rem; width: 0.5rem; height: 0.5rem; background-color: #3772ff; } .s-historic__slide { width: 100%; overflow: hidden; } .hide.s-historic__slide { opacity: 0; } .control-slide { width: 100%; max-width: 11.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2.4rem; } .control-slide .button { width: 4.4rem; height: 4.4rem; border-radius: 10px; border: 1px solid #3772ff; background-color: #3772ff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .control-slide .button:hover { background-color: #5996ff; } .control-slide .swiper-button-disabled { pointer-events: none; background-color: transparent !important; -webkit-filter: grayscale(100%); filter: grayscale(100%); border-color: #d4def1 !important; } .control-slide .swiper-button-disabled svg path { stroke: #d4def1 !important; } @media (max-width: 600px) { .control-slide { max-width: 100%; } } .s-historic .swiper-pagination { position: initial; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.6rem; z-index: initial; } .s-historic .swiper-pagination .swiper-pagination-bullet { width: 5rem; height: 1.5px; background-color: #e5ecf7; opacity: 1; border-radius: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .s-historic .swiper-pagination .swiper-pagination-bullet-active { background-color: #3772ff; } @media (max-width: 840px) { .s-historic .swiper-pagination .swiper-pagination-bullet { width: 5rem; } } @media (max-width: 599px) { .s-historic .swiper-pagination { gap: 1rem; } .s-historic .swiper-pagination .swiper-pagination-bullet { width: 3.2rem; } } @media (max-width: 370px) { .s-historic .swiper-pagination .swiper-pagination-bullet { width: 3rem; } } .popup-modal__content__script form { position: relative; } .popup-modal__content__script form input, .popup-modal__content__script form select, .popup-modal__content__script form textarea { padding: 1.6rem 2.5rem !important; border-radius: 0.6rem !important; border: 1px solid #222e53; background: linear-gradient(133deg, #1a2441 -23.24%, #11172a 108.64%); color: #b9c8e8; font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; } .popup-modal__content__script form input::-webkit-input-placeholder, .popup-modal__content__script form select::-webkit-input-placeholder, .popup-modal__content__script form textarea::-webkit-input-placeholder { color: #b9c8e8; } .popup-modal__content__script form input::-moz-placeholder, .popup-modal__content__script form select::-moz-placeholder, .popup-modal__content__script form textarea::-moz-placeholder { color: #b9c8e8; } .popup-modal__content__script form input:-ms-input-placeholder, .popup-modal__content__script form select:-ms-input-placeholder, .popup-modal__content__script form textarea:-ms-input-placeholder { color: #b9c8e8; } .popup-modal__content__script form input::-ms-input-placeholder, .popup-modal__content__script form select::-ms-input-placeholder, .popup-modal__content__script form textarea::-ms-input-placeholder { color: #b9c8e8; } .popup-modal__content__script form input::placeholder, .popup-modal__content__script form select::placeholder, .popup-modal__content__script form textarea::placeholder { color: #b9c8e8; } .popup-modal__content__script form input:focus, .popup-modal__content__script form select:focus, .popup-modal__content__script form textarea:focus { border-color: var(--color); } .popup-modal__content__script form select { cursor: pointer; background: url('data:image/svg+xml;charset=UTF-8,') no-repeat right 15px center, linear-gradient(133deg, #1a2441 -23.24%, #11172a 108.64%); appearance: none; -webkit-appearance: none; -moz-appearance: none; background-position-x: 95%; } .popup-modal__content__script form label { display: block; margin-bottom: 0.4rem; } .popup-modal__content__script form label span { font-size: 1.4rem; color: #22243a; } .popup-modal__content__script form .hs-error-msg { margin-top: 0.4rem; font-size: 1.2rem; color: #364d7f; } .popup-modal__content__script form .hs-error-msgs, .popup-modal__content__script form .hs_error_rollup { position: absolute; bottom: -2rem; pointer-events: none; } .popup-modal__content__script form .hs-error-msgs label, .popup-modal__content__script form .hs_error_rollup label { font-size: 1.2rem; color: #364d7f; white-space: nowrap; } .popup-modal__content__script form .hsfc-Step__Content { padding: 0 !important; } .popup-modal__content__script form .hs-button { width: 100%; padding: 1.6rem 3.2rem; border-radius: 0.6rem; text-align: center; } .popup-modal__content__script form .inputs-list { position: relative; } .popup-modal__content__script form .inputs-list li { position: relative; } .popup-modal__content__script form input[type=checkbox] { margin-right: 1rem; width: 2rem; height: 2rem; padding: 0 !important; background: #fff; border: 1px solid #b9c8e8; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; cursor: pointer; position: relative; } .popup-modal__content__script form input[type=checkbox]:focus { outline: none; -webkit-box-shadow: 0 0 0 3px rgba(34, 46, 83, 0.2); box-shadow: 0 0 0 3px rgba(34, 46, 83, 0.2); } .popup-modal__content__script form input[type=checkbox]::after { content: ""; position: absolute; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; width: 10px; height: 5px; margin-top: -3px; border-bottom: solid 2px #c45f97; border-left: solid 2px #c45f97; -webkit-transform: rotate(-45deg) scale(0); -ms-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); } .popup-modal__content__script form input[type=checkbox]:checked::after { -webkit-transform: rotate(-45deg) scale(1); -ms-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); } .popup-modal__content__script form .hs-form-booleancheckbox-display { cursor: pointer; position: relative; } .popup-modal__content__script form .hs-form-booleancheckbox-display span { font-size: 1.4rem; color: #364d7f; font-weight: 500; } .popup-modal__content__script form .hs-form-booleancheckbox-display span .hs-form-required { color: inherit; font: inherit; } .popup-modal__content__script form .hs_firstname .hs-error-msgs, .popup-modal__content__script form .hs_email .hs-error-msgs, .popup-modal__content__script form .legal-consent-container .hs-error-msgs, .popup-modal__content__script form .hs-dependent-field .hs-error-msgs { position: initial; } .popup-modal__content__script .message { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0px; display: none; } .popup-modal__content__script .active.message { display: -webkit-box; display: -ms-flexbox; display: flex; } .popup-modal__content__script .error-message.message .message--icon { background-color: #fbe9e9; } .popup-modal__content__script .error-message.message .message--icon::before { background-color: #e25555; } .popup-modal__content__script .sucess-message.message .message--icon { background-color: #c5f1e9; } .popup-modal__content__script .sucess-message.message .message--icon::before { background-color: #27d9aa; } .popup-modal__content__script .message .message--icon { width: 118.237px; height: 118.237px; border-radius: 100%; } .popup-modal__content__script .message .message--icon::before { content: ""; position: absolute; border-radius: 100%; width: 7.3432rem; height: 7.3432rem; } .popup-modal__content__script .message .message--icon .detail { position: absolute; margin-right: -7rem; margin-top: -4rem; } .popup-modal__content__script .message .message--icon svg { z-index: 2; } .popup-modal__content__script .message .message--title { margin-top: 3.3rem; margin-bottom: 2rem; font-size: 3.2rem; font-weight: 600; font-family: "Figtree", sans-serif; line-height: 120%; color: #121029; text-align: center; display: block; } .popup-modal__content__script .message .message--description { margin-bottom: 4.8rem; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #4a4f89; text-align: center; } .popup-modal__content__script .message .message--button { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; cursor: pointer; } @keyframes rotateBorder { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fadeIn { from { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes fadeUp { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes fadeDown { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes stroke { 0% { stroke-dashoffset: 700; } 100% { stroke-dashoffset: 0; } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes scaleUp { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes shake { 0% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 25% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 50% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes marquee { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes fade { 0%, 100% { opacity: 0; } 10%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } } @keyframes rotateBorder { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fadeIn { from { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes fadeUp { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes fadeDown { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes stroke { 0% { stroke-dashoffset: 700; } 100% { stroke-dashoffset: 0; } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes scaleUp { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes shake { 0% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 25% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 50% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes marquee { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes fade { 0%, 100% { opacity: 0; } 10%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } } .s-hero--background, .conference__card--thumb, .conference__card__top--category--icon figure { overflow: hidden; display: block; } .s-hero--background picture, .conference__card--thumb picture, .conference__card__top--category--icon figure picture { height: 100% !important; width: 100% !important; display: block; } .s-hero--background picture img, .conference__card--thumb picture img, .conference__card__top--category--icon figure picture img { height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; } .s-hero--background > img, .conference__card--thumb > img, .conference__card__top--category--icon figure > img { height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; } .s-historic__card--date, .s-events__pagination .current, .s-events__pagination a, .s-events__pagination, .s-events__main__result__box--clear, .s-events__filter__clear--value, .s-events__filter__clear, .s-hero--scroll, .popup-modal, .conference__card__top--arrow, .conference__card__top--category, .s-events__filter--button, .s-hero__main--link, .s-hero__main--link .content, .popup-modal__content__script form .hs-button, .popup-modal__content__script form input[type=checkbox], .popup-modal__content__script .message .message--icon, .popup-modal__content__script .message .message--button, .control-slide .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .s-events__filter--button, .s-hero__main--link .content, .popup-modal__content__script form .hs-button, .popup-modal__content__script .message .message--button { padding: 1.4rem 2.2rem; gap: 2.2rem; border-radius: 0.6rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #fff; background-color: #3772ff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .s-events__filter--button:hover, .s-hero__main--link .content:hover, .popup-modal__content__script form .hs-button:hover, .popup-modal__content__script .message .message--button:hover { background-color: #5996ff; } .s-events__filter--button, .popup-modal__content__script form .hs-button, .popup-modal__content__script .message .message--button { gap: 1.4rem; border-radius: 1.2rem; font-size: 1.5rem; font-weight: 600; line-height: 20px; text-transform: uppercase; } .s-hero__main--link { padding: 0.1rem; position: relative; overflow: hidden; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 1.8rem; } .s-hero__main--link .content { width: 100%; font-weight: 500; border-radius: 1.8rem; z-index: 2; position: relative; border: 6px solid #0f1424; } .s-hero__main--link::after { content: ""; position: absolute; inset: -1px; border-radius: 1.8rem; pointer-events: none; background: conic-gradient(#3772ff, transparent); -webkit-animation: rotateBorder 2s linear infinite; animation: rotateBorder 2s linear infinite; width: 150%; height: 470%; left: -26%; top: -150%; } @media (max-width: 600px) { .s-hero__main--link { width: 100%; } .s-hero__main--link .content { padding: 1.4rem 1rem; gap: 1rem; } } .s-hero__main--title p { font: inherit; } .s-hero__main--title strong { font: inherit; background: linear-gradient(93deg, #5a8bff -2.9%, #89acff 35.37%, #5a8bff 64.7%); background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .s-hero__main--hat { padding: 0.6rem 1.6rem 0.6rem 3.2rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 100px; background-color: #f2f5fb; color: #3772ff; font-family: "Figtree", sans-serif; font-size: 1.3rem; font-weight: 500; line-height: 140%; letter-spacing: 0.39px; text-transform: uppercase; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .s-hero__main--hat::before { content: ""; position: absolute; left: 1.6rem; width: 0.5rem; height: 0.5rem; background-color: #3772ff; } .s-historic__slide { width: 100%; overflow: hidden; } .hide.s-historic__slide { opacity: 0; } .control-slide { width: 100%; max-width: 11.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2.4rem; } .control-slide .button { width: 4.4rem; height: 4.4rem; border-radius: 10px; border: 1px solid #3772ff; background-color: #3772ff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .control-slide .button:hover { background-color: #5996ff; } .control-slide .swiper-button-disabled { pointer-events: none; background-color: transparent !important; -webkit-filter: grayscale(100%); filter: grayscale(100%); border-color: #d4def1 !important; } .control-slide .swiper-button-disabled svg path { stroke: #d4def1 !important; } @media (max-width: 600px) { .control-slide { max-width: 100%; } } .s-historic .swiper-pagination { position: initial; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.6rem; z-index: initial; } .s-historic .swiper-pagination .swiper-pagination-bullet { width: 5rem; height: 1.5px; background-color: #e5ecf7; opacity: 1; border-radius: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .s-historic .swiper-pagination .swiper-pagination-bullet-active { background-color: #3772ff; } @media (max-width: 840px) { .s-historic .swiper-pagination .swiper-pagination-bullet { width: 5rem; } } @media (max-width: 599px) { .s-historic .swiper-pagination { gap: 1rem; } .s-historic .swiper-pagination .swiper-pagination-bullet { width: 3.2rem; } } @media (max-width: 370px) { .s-historic .swiper-pagination .swiper-pagination-bullet { width: 3rem; } } .popup-modal__content__script form { position: relative; } .popup-modal__content__script form input, .popup-modal__content__script form select, .popup-modal__content__script form textarea { padding: 1.6rem 2.5rem !important; border-radius: 0.6rem !important; border: 1px solid #222e53; background: linear-gradient(133deg, #1a2441 -23.24%, #11172a 108.64%); color: #b9c8e8; font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; } .popup-modal__content__script form input::-webkit-input-placeholder, .popup-modal__content__script form select::-webkit-input-placeholder, .popup-modal__content__script form textarea::-webkit-input-placeholder { color: #b9c8e8; } .popup-modal__content__script form input::-moz-placeholder, .popup-modal__content__script form select::-moz-placeholder, .popup-modal__content__script form textarea::-moz-placeholder { color: #b9c8e8; } .popup-modal__content__script form input:-ms-input-placeholder, .popup-modal__content__script form select:-ms-input-placeholder, .popup-modal__content__script form textarea:-ms-input-placeholder { color: #b9c8e8; } .popup-modal__content__script form input::-ms-input-placeholder, .popup-modal__content__script form select::-ms-input-placeholder, .popup-modal__content__script form textarea::-ms-input-placeholder { color: #b9c8e8; } .popup-modal__content__script form input::placeholder, .popup-modal__content__script form select::placeholder, .popup-modal__content__script form textarea::placeholder { color: #b9c8e8; } .popup-modal__content__script form input:focus, .popup-modal__content__script form select:focus, .popup-modal__content__script form textarea:focus { border-color: var(--color); } .popup-modal__content__script form select { cursor: pointer; background: url('data:image/svg+xml;charset=UTF-8,') no-repeat right 15px center, linear-gradient(133deg, #1a2441 -23.24%, #11172a 108.64%); appearance: none; -webkit-appearance: none; -moz-appearance: none; background-position-x: 95%; } .popup-modal__content__script form label { display: block; margin-bottom: 0.4rem; } .popup-modal__content__script form label span { font-size: 1.4rem; color: #22243a; } .popup-modal__content__script form .hs-error-msg { margin-top: 0.4rem; font-size: 1.2rem; color: #364d7f; } .popup-modal__content__script form .hs-error-msgs, .popup-modal__content__script form .hs_error_rollup { position: absolute; bottom: -2rem; pointer-events: none; } .popup-modal__content__script form .hs-error-msgs label, .popup-modal__content__script form .hs_error_rollup label { font-size: 1.2rem; color: #364d7f; white-space: nowrap; } .popup-modal__content__script form .hsfc-Step__Content { padding: 0 !important; } .popup-modal__content__script form .hs-button { width: 100%; padding: 1.6rem 3.2rem; border-radius: 0.6rem; text-align: center; } .popup-modal__content__script form .inputs-list { position: relative; } .popup-modal__content__script form .inputs-list li { position: relative; } .popup-modal__content__script form input[type=checkbox] { margin-right: 1rem; width: 2rem; height: 2rem; padding: 0 !important; background: #fff; border: 1px solid #b9c8e8; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; cursor: pointer; position: relative; } .popup-modal__content__script form input[type=checkbox]:focus { outline: none; -webkit-box-shadow: 0 0 0 3px rgba(34, 46, 83, 0.2); box-shadow: 0 0 0 3px rgba(34, 46, 83, 0.2); } .popup-modal__content__script form input[type=checkbox]::after { content: ""; position: absolute; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; width: 10px; height: 5px; margin-top: -3px; border-bottom: solid 2px #c45f97; border-left: solid 2px #c45f97; -webkit-transform: rotate(-45deg) scale(0); -ms-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); } .popup-modal__content__script form input[type=checkbox]:checked::after { -webkit-transform: rotate(-45deg) scale(1); -ms-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); } .popup-modal__content__script form .hs-form-booleancheckbox-display { cursor: pointer; position: relative; } .popup-modal__content__script form .hs-form-booleancheckbox-display span { font-size: 1.4rem; color: #364d7f; font-weight: 500; } .popup-modal__content__script form .hs-form-booleancheckbox-display span .hs-form-required { color: inherit; font: inherit; } .popup-modal__content__script form .hs_firstname .hs-error-msgs, .popup-modal__content__script form .hs_email .hs-error-msgs, .popup-modal__content__script form .legal-consent-container .hs-error-msgs, .popup-modal__content__script form .hs-dependent-field .hs-error-msgs { position: initial; } .popup-modal__content__script .message { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0px; display: none; } .popup-modal__content__script .active.message { display: -webkit-box; display: -ms-flexbox; display: flex; } .popup-modal__content__script .error-message.message .message--icon { background-color: #fbe9e9; } .popup-modal__content__script .error-message.message .message--icon::before { background-color: #e25555; } .popup-modal__content__script .sucess-message.message .message--icon { background-color: #c5f1e9; } .popup-modal__content__script .sucess-message.message .message--icon::before { background-color: #27d9aa; } .popup-modal__content__script .message .message--icon { width: 118.237px; height: 118.237px; border-radius: 100%; } .popup-modal__content__script .message .message--icon::before { content: ""; position: absolute; border-radius: 100%; width: 7.3432rem; height: 7.3432rem; } .popup-modal__content__script .message .message--icon .detail { position: absolute; margin-right: -7rem; margin-top: -4rem; } .popup-modal__content__script .message .message--icon svg { z-index: 2; } .popup-modal__content__script .message .message--title { margin-top: 3.3rem; margin-bottom: 2rem; font-size: 3.2rem; font-weight: 600; font-family: "Figtree", sans-serif; line-height: 120%; color: #121029; text-align: center; display: block; } .popup-modal__content__script .message .message--description { margin-bottom: 4.8rem; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #4a4f89; text-align: center; } .popup-modal__content__script .message .message--button { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; cursor: pointer; } .conference__card { padding: 2.8rem; height: 42.3rem; border-radius: 1.2rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 20, 36, 0)), color-stop(50%, rgba(15, 20, 36, 0.61)), to(#0f1424)); background: linear-gradient(180deg, rgba(15, 20, 36, 0) 0%, rgba(15, 20, 36, 0.61) 50%, #0f1424 100%); position: relative; } .conference__card:hover .conference__card__top--arrow { margin-right: 1rem; } .conference__card__top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; } .conference__card__top--category { padding: 1rem 1.2rem; gap: 1rem; background-color: #fff; border-radius: 10rem; -webkit-backdrop-filter: blur(6.5px); backdrop-filter: blur(6.5px); font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 500; color: #22243a; } .conference__card__top--category--icon { width: 1.6rem; height: 1.6rem; } .conference__card__top--arrow { width: 4rem; height: 4rem; border-radius: 0.6rem; background-color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .conference__card__main { width: 100%; padding: 2.6rem; border-radius: 0.5rem; background-color: #fff; } .conference__card__main--title { font-size: 1.8rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 500; color: #121029; } .conference__card__main__info { margin-top: 2.2rem; padding-top: 2.2rem; border-top: 1px solid #e4ebf7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; } .conference__card__main__info__date { padding-right: 2rem; border-right: 1px solid #e4ebf7; } .conference__card__main__info--month { font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 500; text-align: center; color: #3772ff; text-transform: uppercase; } .conference__card__main__info--day { font-size: 1.8rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 600; color: #121029; text-align: center; } .conference__card__main__info--texts { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .conference__card__main__info--city { font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 500; color: #22243a; opacity: 0.8; } .conference__card__main__info--description { font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #4a4f89; } .conference__card--thumb { position: absolute; top: 0; left: 0; pointer-events: none; width: 100%; height: 100%; z-index: -1; } @media (max-width: 550px) { .conference__card { padding: 3rem 1.6rem; } .conference__card__main { padding: 2rem 1.6rem; } } @keyframes rotateBorder { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fadeIn { from { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes fadeUp { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes fadeDown { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes stroke { 0% { stroke-dashoffset: 700; } 100% { stroke-dashoffset: 0; } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes scaleUp { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes shake { 0% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 25% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 50% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes marquee { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes fade { 0%, 100% { opacity: 0; } 10%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } } .s-hero--background, .conference__card__top--category--icon figure, .conference__card--thumb { overflow: hidden; display: block; } .s-hero--background picture, .conference__card__top--category--icon figure picture, .conference__card--thumb picture { height: 100% !important; width: 100% !important; display: block; } .s-hero--background picture img, .conference__card__top--category--icon figure picture img, .conference__card--thumb picture img { height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; } .s-hero--background > img, .conference__card__top--category--icon figure > img, .conference__card--thumb > img { height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; } .s-historic__card--date, .s-events__pagination .current, .s-events__pagination a, .s-events__pagination, .s-events__main__result__box--clear, .s-events__filter__clear--value, .s-events__filter__clear, .s-hero--scroll, .popup-modal, .s-events__filter--button, .s-hero__main--link, .s-hero__main--link .content, .popup-modal__content__script form .hs-button, .popup-modal__content__script form input[type=checkbox], .popup-modal__content__script .message .message--icon, .popup-modal__content__script .message .message--button, .control-slide .button, .conference__card__top--category, .conference__card__top--arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .s-events__filter--button, .s-hero__main--link .content, .popup-modal__content__script form .hs-button, .popup-modal__content__script .message .message--button { padding: 1.4rem 2.2rem; gap: 2.2rem; border-radius: 0.6rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #fff; background-color: #3772ff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .s-events__filter--button:hover, .s-hero__main--link .content:hover, .popup-modal__content__script form .hs-button:hover, .popup-modal__content__script .message .message--button:hover { background-color: #5996ff; } .s-events__filter--button, .popup-modal__content__script form .hs-button, .popup-modal__content__script .message .message--button { gap: 1.4rem; border-radius: 1.2rem; font-size: 1.5rem; font-weight: 600; line-height: 20px; text-transform: uppercase; } .s-hero__main--link { padding: 0.1rem; position: relative; overflow: hidden; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 1.8rem; } .s-hero__main--link .content { width: 100%; font-weight: 500; border-radius: 1.8rem; z-index: 2; position: relative; border: 6px solid #0f1424; } .s-hero__main--link::after { content: ""; position: absolute; inset: -1px; border-radius: 1.8rem; pointer-events: none; background: conic-gradient(#3772ff, transparent); -webkit-animation: rotateBorder 2s linear infinite; animation: rotateBorder 2s linear infinite; width: 150%; height: 470%; left: -26%; top: -150%; } @media (max-width: 600px) { .s-hero__main--link { width: 100%; } .s-hero__main--link .content { padding: 1.4rem 1rem; gap: 1rem; } } .s-hero__main--title p { font: inherit; } .s-hero__main--title strong { font: inherit; background: linear-gradient(93deg, #5a8bff -2.9%, #89acff 35.37%, #5a8bff 64.7%); background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .s-hero__main--hat { padding: 0.6rem 1.6rem 0.6rem 3.2rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 100px; background-color: #f2f5fb; color: #3772ff; font-family: "Figtree", sans-serif; font-size: 1.3rem; font-weight: 500; line-height: 140%; letter-spacing: 0.39px; text-transform: uppercase; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .s-hero__main--hat::before { content: ""; position: absolute; left: 1.6rem; width: 0.5rem; height: 0.5rem; background-color: #3772ff; } .s-historic__slide { width: 100%; overflow: hidden; } .hide.s-historic__slide { opacity: 0; } .control-slide { width: 100%; max-width: 11.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2.4rem; } .control-slide .button { width: 4.4rem; height: 4.4rem; border-radius: 10px; border: 1px solid #3772ff; background-color: #3772ff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .control-slide .button:hover { background-color: #5996ff; } .control-slide .swiper-button-disabled { pointer-events: none; background-color: transparent !important; -webkit-filter: grayscale(100%); filter: grayscale(100%); border-color: #d4def1 !important; } .control-slide .swiper-button-disabled svg path { stroke: #d4def1 !important; } @media (max-width: 600px) { .control-slide { max-width: 100%; } } .s-historic .swiper-pagination { position: initial; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.6rem; z-index: initial; } .s-historic .swiper-pagination .swiper-pagination-bullet { width: 5rem; height: 1.5px; background-color: #e5ecf7; opacity: 1; border-radius: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .s-historic .swiper-pagination .swiper-pagination-bullet-active { background-color: #3772ff; } @media (max-width: 840px) { .s-historic .swiper-pagination .swiper-pagination-bullet { width: 5rem; } } @media (max-width: 599px) { .s-historic .swiper-pagination { gap: 1rem; } .s-historic .swiper-pagination .swiper-pagination-bullet { width: 3.2rem; } } @media (max-width: 370px) { .s-historic .swiper-pagination .swiper-pagination-bullet { width: 3rem; } } .popup-modal__content__script form { position: relative; } .popup-modal__content__script form input, .popup-modal__content__script form select, .popup-modal__content__script form textarea { padding: 1.6rem 2.5rem !important; border-radius: 0.6rem !important; border: 1px solid #222e53; background: linear-gradient(133deg, #1a2441 -23.24%, #11172a 108.64%); color: #b9c8e8; font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; } .popup-modal__content__script form input::-webkit-input-placeholder, .popup-modal__content__script form select::-webkit-input-placeholder, .popup-modal__content__script form textarea::-webkit-input-placeholder { color: #b9c8e8; } .popup-modal__content__script form input::-moz-placeholder, .popup-modal__content__script form select::-moz-placeholder, .popup-modal__content__script form textarea::-moz-placeholder { color: #b9c8e8; } .popup-modal__content__script form input:-ms-input-placeholder, .popup-modal__content__script form select:-ms-input-placeholder, .popup-modal__content__script form textarea:-ms-input-placeholder { color: #b9c8e8; } .popup-modal__content__script form input::-ms-input-placeholder, .popup-modal__content__script form select::-ms-input-placeholder, .popup-modal__content__script form textarea::-ms-input-placeholder { color: #b9c8e8; } .popup-modal__content__script form input::placeholder, .popup-modal__content__script form select::placeholder, .popup-modal__content__script form textarea::placeholder { color: #b9c8e8; } .popup-modal__content__script form input:focus, .popup-modal__content__script form select:focus, .popup-modal__content__script form textarea:focus { border-color: var(--color); } .popup-modal__content__script form select { cursor: pointer; background: url('data:image/svg+xml;charset=UTF-8,') no-repeat right 15px center, linear-gradient(133deg, #1a2441 -23.24%, #11172a 108.64%); appearance: none; -webkit-appearance: none; -moz-appearance: none; background-position-x: 95%; } .popup-modal__content__script form label { display: block; margin-bottom: 0.4rem; } .popup-modal__content__script form label span { font-size: 1.4rem; color: #22243a; } .popup-modal__content__script form .hs-error-msg { margin-top: 0.4rem; font-size: 1.2rem; color: #364d7f; } .popup-modal__content__script form .hs-error-msgs, .popup-modal__content__script form .hs_error_rollup { position: absolute; bottom: -2rem; pointer-events: none; } .popup-modal__content__script form .hs-error-msgs label, .popup-modal__content__script form .hs_error_rollup label { font-size: 1.2rem; color: #364d7f; white-space: nowrap; } .popup-modal__content__script form .hsfc-Step__Content { padding: 0 !important; } .popup-modal__content__script form .hs-button { width: 100%; padding: 1.6rem 3.2rem; border-radius: 0.6rem; text-align: center; } .popup-modal__content__script form .inputs-list { position: relative; } .popup-modal__content__script form .inputs-list li { position: relative; } .popup-modal__content__script form input[type=checkbox] { margin-right: 1rem; width: 2rem; height: 2rem; padding: 0 !important; background: #fff; border: 1px solid #b9c8e8; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; cursor: pointer; position: relative; } .popup-modal__content__script form input[type=checkbox]:focus { outline: none; -webkit-box-shadow: 0 0 0 3px rgba(34, 46, 83, 0.2); box-shadow: 0 0 0 3px rgba(34, 46, 83, 0.2); } .popup-modal__content__script form input[type=checkbox]::after { content: ""; position: absolute; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; width: 10px; height: 5px; margin-top: -3px; border-bottom: solid 2px #c45f97; border-left: solid 2px #c45f97; -webkit-transform: rotate(-45deg) scale(0); -ms-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); } .popup-modal__content__script form input[type=checkbox]:checked::after { -webkit-transform: rotate(-45deg) scale(1); -ms-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); } .popup-modal__content__script form .hs-form-booleancheckbox-display { cursor: pointer; position: relative; } .popup-modal__content__script form .hs-form-booleancheckbox-display span { font-size: 1.4rem; color: #364d7f; font-weight: 500; } .popup-modal__content__script form .hs-form-booleancheckbox-display span .hs-form-required { color: inherit; font: inherit; } .popup-modal__content__script form .hs_firstname .hs-error-msgs, .popup-modal__content__script form .hs_email .hs-error-msgs, .popup-modal__content__script form .legal-consent-container .hs-error-msgs, .popup-modal__content__script form .hs-dependent-field .hs-error-msgs { position: initial; } .popup-modal__content__script .message { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0px; display: none; } .popup-modal__content__script .active.message { display: -webkit-box; display: -ms-flexbox; display: flex; } .popup-modal__content__script .error-message.message .message--icon { background-color: #fbe9e9; } .popup-modal__content__script .error-message.message .message--icon::before { background-color: #e25555; } .popup-modal__content__script .sucess-message.message .message--icon { background-color: #c5f1e9; } .popup-modal__content__script .sucess-message.message .message--icon::before { background-color: #27d9aa; } .popup-modal__content__script .message .message--icon { width: 118.237px; height: 118.237px; border-radius: 100%; } .popup-modal__content__script .message .message--icon::before { content: ""; position: absolute; border-radius: 100%; width: 7.3432rem; height: 7.3432rem; } .popup-modal__content__script .message .message--icon .detail { position: absolute; margin-right: -7rem; margin-top: -4rem; } .popup-modal__content__script .message .message--icon svg { z-index: 2; } .popup-modal__content__script .message .message--title { margin-top: 3.3rem; margin-bottom: 2rem; font-size: 3.2rem; font-weight: 600; font-family: "Figtree", sans-serif; line-height: 120%; color: #121029; text-align: center; display: block; } .popup-modal__content__script .message .message--description { margin-bottom: 4.8rem; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #4a4f89; text-align: center; } .popup-modal__content__script .message .message--button { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; cursor: pointer; } @keyframes rotateBorder { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fadeIn { from { opacity: 0; -webkit-transform: translateX(30px); transform: translateX(30px); } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes fadeUp { from { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes fadeDown { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes stroke { 0% { stroke-dashoffset: 700; } 100% { stroke-dashoffset: 0; } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes scaleUp { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes shake { 0% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 25% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 50% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes marquee { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes fade { 0%, 100% { opacity: 0; } 10%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } } .popup-modal { position: fixed; width: 100vw; height: 100vh; inset: 0; z-index: 4; } .popup-modal.hide { display: none; pointer-events: none; } .popup-modal__overlay { position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .popup-modal__content { padding: 5.2rem 3.2rem; width: 53rem; max-height: 90%; border-radius: 1.2rem; background-color: #fff; -webkit-animation: scaleUp 0.3s linear forwards; animation: scaleUp 0.3s linear forwards; position: relative; overflow: auto; } .popup-modal__content::before { content: ""; position: absolute; width: 4rem; height: 4rem; background-color: #fff; top: 0; left: 0; pointer-events: none; z-index: 2; } .popup-modal__content::-webkit-scrollbar-track { background-color: #fff; } .popup-modal__content::-webkit-scrollbar { width: 4px; background-color: #fff; } .popup-modal__content::-webkit-scrollbar-thumb { background-color: #3772ff; } .popup-modal__content .js-main.hide { display: none; } .popup-modal__content--close { position: absolute; right: 1.4rem; top: 1.4rem; width: 2.8rem; height: 2.8rem; z-index: 2; cursor: pointer; } .popup-modal__content--title { margin-bottom: 0.8rem; text-align: center; display: block; font-size: 2.6rem; font-weight: 600; font-family: "Figtree", sans-serif; line-height: 120%; color: #121029; } .popup-modal__content--description { margin-bottom: 2.9rem; text-align: center; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #4a4f89; } .popup-modal__content__script { position: relative; } .popup-modal__content__script .submitted-message { display: none !important; } .popup-modal__content__script form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.2rem; } .popup-modal__content__script form input, .popup-modal__content__script form select { background: rgba(242, 245, 251, 0.5); width: 100%; color: #22243a; border-color: rgba(242, 245, 251, 0.5); } .popup-modal__content__script form input::-webkit-input-placeholder, .popup-modal__content__script form select::-webkit-input-placeholder { color: #22243a; } .popup-modal__content__script form input::-moz-placeholder, .popup-modal__content__script form select::-moz-placeholder { color: #22243a; } .popup-modal__content__script form input:-ms-input-placeholder, .popup-modal__content__script form select:-ms-input-placeholder { color: #22243a; } .popup-modal__content__script form input::-ms-input-placeholder, .popup-modal__content__script form select::-ms-input-placeholder { color: #22243a; } .popup-modal__content__script form input::placeholder, .popup-modal__content__script form select::placeholder { color: #22243a; } .popup-modal__content__script form input:focus, .popup-modal__content__script form select:focus { border-color: #3772ff; } .popup-modal__content__script form select { background: rgba(242, 245, 251, 0.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M8.5 10.1392C9.56206 11.601 10.8071 12.9104 12.2021 14.0334C12.3774 14.1744 12.6226 14.1744 12.7979 14.0334C14.1929 12.9104 15.4379 11.601 16.5 10.1392' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-position-x: 95%; } .popup-modal__content__script form .field { position: relative; } .popup-modal__content__script form .legal-consent-container p { font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #22243a; } .popup-modal__content__script form .legal-consent-container p a { font: inherit; color: #3772ff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .popup-modal__content__script form .legal-consent-container p a em { font: inherit; color: inherit; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .popup-modal__content__script form .legal-consent-container p a em:hover { color: #5996ff; } .popup-modal__content__script form .hs_recaptcha { margin-top: 0; } .popup-modal__content__script form .inputs-list li { position: relative; } @media (max-width: 600px) { .popup-modal__content { padding: 5.2rem 2.4rem 3.2rem; width: 95%; } .popup-modal__content--title { font-size: 2rem; } .popup-modal__content--description { margin-bottom: 2.6rem; font-size: 1.4rem; } } .s-hero { padding-top: 14.6rem; padding-bottom: 7.9rem; position: relative; background-color: #0f1424; overflow: hidden; } .s-hero::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: -webkit-gradient(linear, left bottom, left top, color-stop(57.14%, rgba(15, 20, 36, 0)), to(#0f1424)), -webkit-gradient(linear, left top, left bottom, color-stop(64.18%, rgba(15, 20, 36, 0)), color-stop(95.59%, #0f1424)), -webkit-gradient(linear, right top, left top, color-stop(22.22%, rgba(15, 20, 36, 0)), color-stop(59.1%, rgba(15, 20, 36, 0.92)), color-stop(83.68%, #0f1424)), -webkit-gradient(linear, left bottom, left top, from(rgba(15, 20, 36, 0.2)), to(rgba(15, 20, 36, 0.2))); background: linear-gradient(0deg, rgba(15, 20, 36, 0) 57.14%, #0f1424 100%), linear-gradient(180deg, rgba(15, 20, 36, 0) 64.18%, #0f1424 95.59%), linear-gradient(270deg, rgba(15, 20, 36, 0) 22.22%, rgba(15, 20, 36, 0.92) 59.1%, #0f1424 83.68%), linear-gradient(0deg, rgba(15, 20, 36, 0.2) 0%, rgba(15, 20, 36, 0.2) 100%); } .s-hero--background { position: absolute; pointer-events: none; width: 100%; height: 100%; top: 0; left: 0; } .s-hero--figure { position: absolute; right: 0; bottom: 0; pointer-events: none; } .s-hero .container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2rem; z-index: 1; } .s-hero__main { width: 100%; max-width: 74.1rem; position: relative; } .s-hero__main--hat { background-color: transparent; border: 1px solid #3772ff; color: #fff; } .s-hero__main--title { margin-top: 2.4rem; margin-bottom: 4rem; font-size: 4.4rem; font-weight: 600; font-family: "Figtree", sans-serif; line-height: 120%; color: #fff; } .s-hero__main--description { margin-bottom: 2.4rem; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #fff; } .s-hero--scroll { gap: 2rem; } .s-hero--scroll span { color: #fff; font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; line-height: 110%; letter-spacing: 0.14px; } @media (max-width: 930px) { .s-hero--scroll { display: none; } } @media (max-width: 600px) { .s-hero { padding-top: 10rem; padding-bottom: 5.2rem; } .s-hero__main--title { margin-bottom: 3.2rem; font-size: 3.2rem; } .s-hero__main--description { margin-bottom: 2.2rem; } } .s-events { position: relative; padding-bottom: 4rem; background-color: #fff; } .s-events::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 10rem; background-color: #0f1424; pointer-events: none; } .s-events .container { position: relative; z-index: 2; } .s-events__filter { margin-bottom: 7.5rem; padding: 4.8rem; background-color: #fff; border-radius: 1.4rem; border: 1px solid #e4ebf7; -webkit-box-shadow: 0px 4px 8px 0px rgba(188, 193, 210, 0.1); box-shadow: 0px 4px 8px 0px rgba(188, 193, 210, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 3rem; } .s-events__filter__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3.5rem; } .s-events__filter__box--title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 500; color: #22243a; } .s-events__filter__box__check { min-height: 5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3rem; } .s-events__filter__box__check label { color: #4a4f89; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; } .s-events__filter__box__check input[type=radio] { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .s-events__filter__box__check input[type=radio]::checked { background-color: #1b4df5; border-color: #1b4df5; } .s-events__filter__box select { padding: 1.3rem 1.8rem; min-width: 15rem; border-radius: 1rem; border: 1px solid #e4ebf7; background-color: #fff; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #4a4f89; cursor: pointer; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M8.5 10.1392C9.56206 11.601 10.8071 12.9104 12.2021 14.0334C12.3774 14.1744 12.6226 14.1744 12.7979 14.0334C14.1929 12.9104 15.4379 11.601 16.5 10.1392' stroke='%233772FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat left center; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-position-x: 95%; } .s-events__filter__box select::-webkit-input-placeholder { color: #4a4f89; } .s-events__filter__box select::-moz-placeholder { color: #4a4f89; } .s-events__filter__box select:-ms-input-placeholder { color: #4a4f89; } .s-events__filter__box select::-ms-input-placeholder { color: #4a4f89; } .s-events__filter__box select::placeholder { color: #4a4f89; } .s-events__filter__box.atuacao select { min-width: 20.5rem; } .s-events__filter--button { width: 19.3rem; -ms-flex-item-align: end; align-self: flex-end; } .s-events__filter__clear { padding: 1rem; width: 100%; height: 4.8rem; color: #e25555; border: 1px solid #e4ebf7; border-radius: 1rem; gap: 1rem; display: none; } .s-events__filter__clear--value { width: 2rem; height: 2rem; border-radius: 1rem; font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 500; color: #fff; background-color: #e25555; } .s-events__main { margin-bottom: 7.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 3rem; } .s-events__main__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2.6rem; font-weight: 600; font-family: "Figtree", sans-serif; line-height: 120%; color: #22243a; } .s-events__main__title--value { margin-left: 0.3rem; color: #3772ff; font: inherit; } .s-events__main__result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2.8rem; } .s-events__main__result--title { font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 500; color: #22243a; } .s-events__main__result__box { padding: 0.5rem; min-height: 4.5rem; max-width: 64.3rem; border-radius: 1.2rem; border: 1px solid #e4ebf7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0px; } .s-events__main__result__box .item { font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #4a4f89; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; } .s-events__main__result__box .item:first-child { padding-left: 1.5rem; } .s-events__main__result__box .item:last-child { margin-right: 2rem; } .s-events__main__result__box .item:not(:last-child)::after { content: ""; display: inline-block; width: 18px; height: 19px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M9 14.75V9.5M9 9.5V4.25M9 9.5L3.75 9.5M9 9.5L14.25 9.5' stroke='%239CABDD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; } .s-events__main__result__box__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.2rem 0.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.75rem 0; } .s-events__main__result__box--clear { padding: 0.75rem 1.6rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 3.5rem; gap: 0.8rem; border-radius: 0.7rem; background-color: #f2f5fb; font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 500; color: #121029; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .s-events__main__result__box--clear:hover { color: #e25555; } .s-events__content { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.2rem; } .s-events__content .result { font-size: 1.8rem; font-weight: 500; font-family: "Figtree", sans-serif; line-height: 120%; color: #41456e; } .s-events__pagination { margin-top: 7.2rem; gap: 0.8rem; } .s-events__pagination a { width: 4.4rem; height: 4.4rem; border-radius: 1rem; font-size: 1.6rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 500; color: #121029; } .s-events__pagination .current { background-color: #3772ff; color: #fff; width: 4.4rem; height: 4.4rem; border-radius: 1rem; } @media (max-width: 980px) { .s-events__filter { margin-bottom: 4.8rem; padding: 2.4rem; gap: 2.4rem; display: grid; grid-template-columns: repeat(2, 1fr); } .s-events__filter__box { gap: 1.6rem; } .s-events__filter--button { width: 100%; grid-column-start: 1; grid-column-end: 3; } .s-events__content { gap: 2.4rem; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 650px) { .s-events__filter { grid-template-columns: 1fr; } .s-events__filter__box__check { min-height: 5rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .s-events__filter__box__check label { padding: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #e4ebf7; border-radius: 8px; font-size: 1.4rem; font-weight: 500; background-color: transparent; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .s-events__filter__box__check label:has(input:checked) { background-color: #1b4df5; border-color: #1b4df5; color: #fff; } .s-events__filter__box__check input[type=radio] { display: none; } .s-events__filter--button { grid-column-start: initial; grid-column-end: initial; } .s-events__filter__clear { display: -webkit-box; display: -ms-flexbox; display: flex; } .s-events__main { display: none; } .s-events__content { grid-template-columns: 1fr; } .s-events__pagination { margin-top: 4rem; gap: 0.5rem; } .s-events__pagination a { width: 3.2rem; height: 3.2rem; } .s-events__pagination .current { width: 3.2rem; height: 3.2rem; } } .s-historic { padding-top: 4rem; padding-bottom: 10rem; overflow: hidden; background-color: #fff; } .s-historic__main { margin-bottom: 8rem; padding-top: 7.2rem; border-top: 1px solid #e4ebf7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 3rem; } .s-historic__main--title { font-size: 3.6rem; font-weight: 600; font-family: "Figtree", sans-serif; line-height: 120%; color: #121029; } .s-historic__card { border-radius: 1.2rem; border: 1px solid #e4ebf7; background-color: #fff; -webkit-box-shadow: 0px 4px 8px 0px rgba(188, 193, 210, 0.1); box-shadow: 0px 4px 8px 0px rgba(188, 193, 210, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .s-historic__card:hover .s-historic__card__main svg { margin-right: 1rem; } .s-historic__card--date { padding: 1.7rem; background-color: #3772ff; gap: 1.6rem; text-transform: uppercase; font-size: 1.8rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 600; color: #fff; } .s-historic__card__main { padding: 2.8rem 2.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 230px; } .s-historic__card__main--title { font-size: 1.8rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 500; color: #22243a; } .s-historic__card__main--description { margin-top: 1.2rem; margin-bottom: 2rem; font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; color: #4a4f89; } .s-historic__card__main--footer { padding-top: 2rem; margin-top: auto; border-top: 1px solid #e4ebf7; font-size: 1.4rem; font-weight: 400; font-family: "Inter", sans-serif; line-height: 140%; font-weight: 500; color: #3772ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .s-historic__card__main svg { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .s-historic .swiper-pagination { margin-top: 8rem; } .s-historic__actions { margin-top: 4rem; display: none; } @media (max-width: 599px) { .s-historic { padding-bottom: 6rem; overflow: hidden; } .s-historic__main { margin-bottom: 4.6rem; padding-top: 6rem; } .s-historic__main--title { font-size: 2.6rem; } .s-historic__main__actions { display: none; } .s-historic__slide { overflow: initial; } .s-historic .swiper-pagination { display: none; } .s-historic__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }