* {
   box-sizing: border-box;
}
body {
   font-family: 'Open Sans', sans-serif;
   background: #000000;
   background-color: #000000;
}
/* --------------------------------- header -------------------------------*/
.header_top_left_text {
   opacity: .5;
   font-weight: 600;
   font-size: 12px;
   letter-spacing: 4px;
   position: absolute;
   left: 40px;
   top: 35px;
   color: #FFFFFF;
}
header.scrolled .header_top_left_text {
   display: none;
}
.header_not_transparent {
   position: absolute;
   width: 100%;
   z-index: 10;
   background: linear-gradient(to bottom, rgb(0, 0, 0) 80%, rgba(239, 86, 0, 0.2));
}
.header_transparent {
   position: absolute;
   width: 100%;
   z-index: 10;
   background: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(239, 86, 0, 0.2));
}
header.scrolled {
   position: fixed;
   top: 0;
   height: 72px;
   background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
   backdrop-filter: blur(4px)
}
header.scrolled::before {
   display: none;
}
header.scrolled .header_hide_scrolled_content {
   display: none;
}
header::before {
   content: '';
   position: absolute;
   z-index: 13;
   width: 100%;
   height: 100%;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent 10%, transparent 80%, rgba(0, 0, 0, 0.5) 100%);
   pointer-events: none;
}
.header_container {
   z-index: 12;
   padding: 24px 40px 0px;
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
}
header.scrolled .header_container {
   padding: 0;
}
/* .header_container {
   z-index: 12;
   padding: 0px 40px 0px;
   position: relative;

   height: 72px;
} */
.header_radial_gradient_element {
   z-index: 11;
   position: absolute;
   bottom: -10%;
   max-width: 1200px;
   width: 1200px;
   height: 50%;
   border-radius: 50%;
   left: 50%;
   filter: blur(40px);
   transform: translateX(-50%);
   background: radial-gradient(50% 50% at 50% 50%, rgba(253, 35, 72, 0.6) 0%, rgba(239, 86, 0, 0.6) 100%);
   pointer-events: none;
}
header.scrolled .header_radial_gradient_element {
   display: none;
}
/* .header_radial_gradient_element {
   z-index: 11;
   position: absolute;
   bottom: -5%;
   max-width: 1200px;
   width: 1000px;
   height: 30%;
   border-radius: 50%;
   left: 50%;
   filter: blur(40px);
   transform: translateX(-50%);
   background: radial-gradient(50% 50% at 50% 50%, rgba(253, 35, 72, 0.6) 0%, rgba(239, 86, 0, 0.6) 100%);
   pointer-events: none;
} */
.header_register_button {
   border-radius: 16px;
   position: absolute;
   top: 0;
   right: 40px;
   visibility: hidden;
   opacity: 0;
   transition: all 0.2s linear;
   padding: 10px 15px;
}
.header_register_button.scrolled {
   position: absolute;
   top: 20px;
   right: 40px;
   visibility: visible;
   opacity: 1;
   transition: all 0.2s linear;
}
.header_logo_container {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 15px;
   margin-bottom: 18px;
   transition: all 0.2s linear;
}
.header_logo_container.scrolled {
   display: none;
}
.left_header_logo_container {
   position: absolute;
   top: 0px;
   left: 40px;
   transition: all 0.2s linear;
   opacity: 0;
}
header.scrolled .left_header_logo_container {
   position: absolute;
   top: 28px;
   left: 40px;
   transition: all 0.2s linear;
   opacity: 1;
}
.header_logo {
   max-height: 18px;
}
.header_games_number {
   padding: 5px;
   border: 1px solid #FFF;
   border-radius: 4px;
   line-height: 1;
   font-size: 13.5px;
}
.header_text_under_logo {
   color: #FD2348;
   font-size: 13.5px;
   font-weight: 700;
   line-height: 22.5px;
   margin-bottom: 6px;
   text-align: center;
}
.header_skils_list {
   display: inline-flex;
   gap: 10px;
   margin-bottom: 10px;
   overflow-x: auto;
   width: 100vw;
   scrollbar-width: none;
   justify-content: center;
}
.header_skils_list::-webkit-scrollbar {
   display: none;
}
.header_skils_list a {
   padding: 4px 10px;
   border-radius: 8px;
   background: #0000003D;
   border: 0.5px solid #FD2348;
   backdrop-filter: blur(40px);
   font-size: 13.5px;
   font-weight: 600;
   transition: all 0.2s ease;
   white-space: nowrap;
}
.header_skils_list a:hover {
   transition: all 0.3s ease;
   background: #FD234866;
   border: 0.5px solid #FD2348
}
.header_skils_list a:focus {
   transition: all 0.3s ease;
   background: #FD234829;
   border: 0.5px solid #FD2348
}
.header_skils_list a:active {
   transition: all 0.3s ease;
   background: #FD234829;
   border: 0.5px solid #FD2348
}
/* carousel skills */
.carousel_width_skills_container {
   overflow: hidden;
   width: 101vw;
   position: relative;
   background: #000000;
   z-index: 11;
   padding: 7px 0px;
   border-top: 0.5px solid;
   border-image-source: linear-gradient(90deg, rgba(253, 35, 72, 0) 0%, rgba(253, 35, 72, 0.5) 50%, rgba(253, 35, 72, 0) 100%);
}
.carousel_width_skills_container::before {
   z-index: 12;
   top: 0;
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.9), transparent 20%, transparent 70%, rgba(0, 0, 0, 0.9) 100%);
   pointer-events: none;
}
.carousel_width_skills {
   display: flex;
   gap: 20px;
   animation: scroll-skills 20s linear infinite;
}
.carousel_width_skills:hover {
   animation-play-state: paused;
}
.carousel_width_skills_item {
   display: flex;
   align-items: center;
   white-space: nowrap;
   text-decoration: none;
   color: #FFF;
   font-size: 15.75px;
   font-weight: 400;
   margin-right: 25px;
   text-transform: uppercase;
}
.carousel_width_skills_item img {
   width: 24px;
   height: 24px;
}
@keyframes scroll-skills {
   0% {
      transform: translateX(0);
   }
   100% {
      transform: translateX(-100%);
   }
}
/* End carousel skills */
.header_text_under_carousel_transparent {
   font-size: 13.5px;
   line-height: 22.5px;
   font-weight: 400;
   text-align: center;
   backdrop-filter: blur(40px);
   width: 100vw;
}
.header_text_under_carousel_not_transparent {
   font-size: 13.5px;
   line-height: 22.5px;
   font-weight: 400;
   text-align: center;
}
.header_text_under_carousel_transparent p,
.header_text_under_carousel_not_transparent p {
   margin-bottom: 0;
}
/* header navigation */
.header_nav {
   transition: all 0.2s linear;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   border-radius: 16px;
   border: 1px solid #FFFFFF29;
   backdrop-filter: blur(16px);
   z-index: 2147483633;
   background-color: #FFFFFF0F;
   pointer-events: none;
   opacity: 0;
   top: 20px;
}
.header_nav.scrolled {
   transition: all 0.2s linear;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   border-radius: 12px;
   border: 1px solid #FFFFFF29;
   backdrop-filter: blur(16px);
   z-index: 2147483633;
   background-color: #FFFFFF0F;
   pointer-events: initial;
   opacity: 1;
}
.header_nav ul {
   padding-left: 0;
   padding: 2px;
}
.header_nav_list {
   display: flex;
   align-items: center;
   margin-bottom: 0;
   height: 100%;
}
.header_nav_item {
   font-weight: 400;
   font-size: 16px;
   /* line-height: 24px; */
   line-height: 22px;
   color: transparent;
   position: relative;
   padding: 7px 35px;
   cursor: pointer;
}
.header_nav_item_sponsors::before {
   content: 'Sponsors';
   color: #FFFFFF;
   transition: all 0.4s ease;
   position: absolute;
   transition: 0.4s ease-out;
   left: 0;
   top: 0;
}
.header_nav_item:hover .header_nav_item_faq::before,
.header_nav_item:hover .header_nav_item_sponsors::before,
.header_nav_item:hover .header_nav_item_speakers::before,
.header_nav_item:hover .header_nav_item_agenda::before,
.header_nav_item:hover .header_nav_item_overview::before {
   top: -200%;
   transition: 0.4s ease-out;
}
.header_nav_item:hover .header_nav_item_faq::after,
.header_nav_item:hover .header_nav_item_sponsors::after,
.header_nav_item:hover .header_nav_item_speakers::after,
.header_nav_item:hover .header_nav_item_agenda::after,
.header_nav_item:hover .header_nav_item_overview::after {
   transition: all 0.4s ease;
   top: 0;
}
.header_nav_item_sponsors::after {
   transition: all 0.4s ease;
   content: 'Sponsors';
   color: #FFFFFF;
   transition: all 0.4s ease;
   position: absolute;
   top: 200%;
   left: 0;
}
/* faq */
.header_nav_item_faq::before {
   content: 'FAQs';
   color: #FFFFFF;
   transition: all 0.4s ease;
   position: absolute;
   transition: 0.4s ease-out;
   left: 0;
   top: 0;
}
.header_nav_item_faq::after {
   transition: all 0.4s ease;
   content: 'FAQs';
   color: #FFFFFF;
   transition: all 0.4s ease;
   position: absolute;
   top: 200%;
   left: 0;
}
/* end faq */
.header_nav_item_speakers::before {
   content: 'Speakers';
   color: #FFFFFF;
   transition: all 0.4s ease;
   position: absolute;
   left: 0;
   top: 0;
}
.header_nav_item_speakers::after {
   content: 'Speakers';
   color: #FFFFFF;
   transition: all 0.4s ease;
   position: absolute;
   top: 200%;
   left: 0;
}
.header_nav_item_agenda::before {
   content: 'Agenda';
   color: #FFFFFF;
   transition: all 0.4s ease;
   position: absolute;
   left: 0;
   top: 0;
}
.header_nav_item_agenda::after {
   content: 'Agenda';
   color: #FFFFFF;
   transition: all 0.4s ease;
   position: absolute;
   top: 200%;
   left: 0;
}
.header_nav_item_overview::before {
   content: 'Overview';
   color: #FFFFFF;
   transition: all 0.4s ease;
   position: absolute;
   left: 0;
   top: 0;
}
.header_nav_item_overview::after {
   content: 'Overview';
   color: #FFFFFF;
   transition: all 0.4s ease;
   position: absolute;
   top: 200%;
   left: 0;
}
/*  */
.header_nav_item.active {
   background-color: #FFFFFF52;
   border-radius: 10px;
   border: 1px solid rgba(255, 255, 255, 0.16);
}
.header_nav_item_a {
   position: relative;
   overflow-y: hidden;
}
.header_nav_item_a.previous-active::after {
   display: none;
}
.header_nav_item_a.active::after {
   display: none;
}
.header_nav_item_a:not(:last-child)::after {
   content: '';
   position: absolute;
   min-width: 1px;
   height: 100%;
   right: 0;
   bottom: 0;
   box-sizing: border-box;
   margin: 0 1px;
   background-image: linear-gradient(transparent 20%, #FFFFFF 50%, transparent 80%);
}
/* End header navigation */
/*---------- End header  -------------------------------------------------------*/
/*---------- Heading Section  -------------------------------------------------------*/
.heading_section .header_nav {
   opacity: 1;
   top: unset;
   bottom: 2vh;
   pointer-events: fill;
   z-index: 2147;
}
.heading_section .header_nav.scrolled {
   display: none;
}
.heading_section {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: auto;
   text-align: center;
   padding: 197px 40px 80px 40px;
   margin-bottom: -2px;
}
.heading_section::after {
   content: '';
   position: absolute;
   width: 100%;
   height: 70px;
   background: linear-gradient(to top, #000000, transparent);
   bottom: 0;
   left: 0;
}
.heading_section_background_video {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: -1;
}
.heading_title_content p {
   margin-bottom: 0;
}
.heading_title_content {
   max-width: 1200px;
   text-align: center;
   margin: 0 auto 13vh;
   padding-top: 11vh;
}
.heading_title_content>div:first-of-type {
   font-weight: 600;
   letter-spacing: 0.24rem;
   font-size: 18px;
   line-height: 27px;
   text-align: center;
   text-transform: uppercase;
   color: #FFF;
}
.heading_title_content .heading_title {
   font-weight: 700;
   font-size: 76.5px;
   line-height: 90px;
   text-align: center;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
   margin-top: 0;
   margin-bottom: 0;
}
.heading_title_content>div:not(:first-of-type) {
   font-weight: 400;
   font-size: 22.5px;
   line-height: 36px;
   text-align: center;
   color: #FFF;
}
h1.heading_sub_title {
   display: block;
   font-weight: 600;
   font-size: 45px;
   line-height: 63px;
   text-align: center;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
   margin-top: 0;
   margin-bottom: 1.8vh;
}
.heading_logo_link {
   display: inline-block;
}
.heading_logo {
   max-height: 64px;
   display: block;
   backdrop-filter: blur(40px);
   margin: 0 auto 16px;
}
.heading_register_button_block {
   border: 1px solid #FFFFFF1F;
   padding: 16px 16px 32px 16px;
   border-radius: 16px;
   backdrop-filter: blur(40px);
   display: inline-block;
}
/* .heading_register_button_block.scrolled {
   opacity: 0;
} */
.register_button_block_title {
   padding-bottom: 16px;
}
.register_button_block_title p {
   font-weight: 400;
   font-size: 18px;
   line-height: 31.5px;
   color: #FFF;
}
.heading_register_button_block .orange_gradient_button {
   padding: 12px 90px;
   font-size: 18px;
}
.orange_gradient_button {
   outline: none;
}
/*---------- End Heading Section  -------------------------------------------------------*/
/*   slider carts Section ---------------------------------------------------------------*/
.slider_carts_section_content_block {
   text-align: center;
   max-width: 1000px;
   margin: 80px auto 100px;
   padding: 0 40px;
}
.slider_content_block_top_text {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 4px;
   text-transform: uppercase;
   color: #FF8787;
}
.slider_carts_section_content_block h2 {
   font-weight: 600;
   font-size: 54px;
   line-height: 72px;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
   position: relative;
   z-index: 1;
   margin-top: 10px;
   margin-bottom: 25px;
}
.slider_content_block_text {
   font-size: 18px;
   font-weight: 400;
   line-height: 32px;
   text-align: center;
   color: #FFF;
   max-width: 950px;
   margin: 0 auto;
   padding: 0 16px;
}
/* background-second_section.jpg */
.slide-content {
   padding: 30px;
   display: flex;
   flex-direction: column;
   height: 100%;
}
.slide-content_top {
   display: flex;
   justify-content: space-between;
}
.slide-content_grow_block {
   flex: 1 1 auto;
}
.slide-content p {
   font-size: 18px;
   font-weight: 400;
   line-height: 28px;
   text-align: left;
   /* color: #FFFFFF; */
   color: #806661;
   opacity: 0.75;
}
.slide-content_top div {
   font-size: 40px;
   font-weight: 700;
   line-height: 48px;
   text-align: left;
   /* color: #ffffffbf; */
   color: #806661;
   opacity: 0.75;
}
.slide-content_top svg {
   width: 80px;
   height: 80px;
}
.slide-content_top svg path {
   /* fill: #ffffff; */
   fill: #806661;
   fill-opacity: 1;
}
/*       ----------------------         */
.slider_carts_section {
   background: #000000;
   overflow: hidden;
   padding: 0 0 240px 0;
   position: relative;
}
.slider_carts {
   /* height: 376px; */
   height: 280px;
   width: 500px;
   display: flex;
   position: relative;
   margin: 0 auto;
}
.slider_item {
   /* height: 376px; */
   height: 280px;
   width: 500px;
   border-radius: 16px;
   /* background-color: #E3BEA20F; */
   background-color: #FF95800F;
   backdrop-filter: blur(40px);
   position: absolute;
   transition: all ease 1s;
   left: 0;
   top: 0;
   /* border: 1px solid #E3BEA229; */
   border: 1px solid #FF95801F
}
/* ----------------- center slide ---------*/
.center_slide {
   background-color: #FFF;
   z-index: 5;
}
.center_slide .slide-content {
   padding: 32px;
}
.center_slide .slide-content p {
   font-size: 18px;
   font-weight: 400;
   line-height: 28px;
   text-align: left;
   color: #000000;
   opacity: 1;
}
.center_slide .slide-content_top {
   display: flex;
   justify-content: space-between;
}
.center_slide .slide-content_top div {
   font-size: 40px;
   font-weight: 700;
   line-height: 48px;
   text-align: left;
   color: #000000;
}
.center_slide .slide-content_top svg {
   width: 80px;
   height: 80px;
}
.center_slide .slide-content_top svg path {
   fill: #ED6137;
   fill-opacity: 1;
}
/* ----------------- center slide ---------*/
.slider_item.last_slide {
   opacity: 0;
}
.slider_item.next_center_slide_minus {
   transform: translateX(50px);
   top: 40px;
   z-index: 4;
}
.slider_item.next_center_slide_plus {
   transform: translateX(-50px);
   top: 40px;
   z-index: 4;
}
.slider_item.next_next_center_slide_minus {
   transform: translateX(100px);
   z-index: 3;
}
.slider_item.next_next_center_slide_plus {
   transform: translateX(-100px);
   z-index: 3;
}
.slider_button {
   position: absolute;
   border-radius: 12px;
   border: 1px solid #FFFFFF66;
   height: 40px;
   width: 40px;
   font-size: 0;
   transition: all .3s linear;
   cursor: pointer;
   background: #00000099;
}
.slider_button:hover {
   border: 1px solid #FFF;
   transition: all .3s linear;
}
.slider_button_left {
   left: calc(50% - 23px);
   transform: translateX(-50%);
   bottom: 150px;
   background: url(../../images/arrow_left.svg) center no-repeat !important;
   background-size: 50% !important;
}
.slider_button_right {
   right: calc(50% - 63px);
   transform: translateX(-50%);
   bottom: 150px;
   background: url(../../images/arrow_right.svg) center no-repeat !important;
   background-size: 50% !important;
}
.slider_cart_register_button {
   position: absolute;
   bottom: 30px;
   left: 50%;
   transform: translateX(-50%);
}
/*    End slider carts ----------------------------------------*/
/*---------- Agenda Section  -------------------------------------------------------*/
.agenda_section {
   background: #000000;
   padding-top: 70px;
   padding-bottom: 100px;
   position: relative;
}
.agenda_section_all_content_wrapper {}
.agenda_section_content_block {
   text-align: center;
   max-width: 1000px;
   margin: 80px auto 100px;
   padding: 0 40px;
}
.agenda_content_block_top_text {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 4px;
   text-transform: uppercase;
   color: #FF8787;
   margin-bottom: 16px;
}
.agenda_section_content_block h2 {
   font-weight: 600;
   font-size: 54px;
   line-height: 72px;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
   position: relative;
   z-index: 1;
   margin-top: 10px;
   margin-bottom: 25px;
}
.agenda_content_block_text {
   font-size: 18px;
   font-weight: 400;
   line-height: 32px;
   text-align: center;
   color: #FFF;
   max-width: 950px;
   margin: 0 auto;
   padding: 0 16px;
}
.agenda_sessions {
   display: flex;
   max-width: 1600px;
   justify-content: space-between;
   width: 100%;
   margin: 0 auto;
   gap: 24px;
   align-items: start;
   padding: 0 40px;
   overflow-y: hidden;
}
.agenda_sessions_nav {
   width: 37.5%;
   align-items: start;
   padding: 16px;
   background: #100A09;
   border: 1px solid #2D1B17;
   border-radius: 16px;
}
.agenda_sessions_nav_item {
   padding: 16px;
   border-radius: 8px;
   cursor: pointer;
   border: 1px solid transparent;
   opacity: 0.6;
}
.agenda_sessions_nav_item.active {
   border: 1px solid #422722;
   background: #1E1210;
   opacity: 1;
}
.agenda_nav_item_row1 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 5px;
}
.item_row1_session_number {
   font-weight: 700;
   font-size: 16px;
   line-height: 27px;
   color: #FFFFFF;
}
.item_row1_session_time {
   font-weight: 400;
   font-size: 14px;
   line-height: 22.5px;
   color: #FF8787;
}
.agenda_nav_item_row2 {
   font-weight: 400;
   font-size: 14px;
   line-height: 22.5px;
   color: #FFFFFF;
}
.agenda_stay_tuned_block {
   min-height: 900px;
   width: 100%;
   position: relative;
}
.agenda_stay_tuned_block span {
   display: inline-block;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   text-transform: uppercase;
   font-weight: 400;
   font-size: 20px;
   letter-spacing: 6px;
   opacity: 0.6;
}
.agenda_sessions_content {
   width: 60%;
   padding: 32px;
   background: #100A09;
   border: 1px solid #2D1B17;
   border-radius: 12px;
}
.agenda_sessions_content::-webkit-scrollbar {
   width: 6px;
   background: transparent;
}
.agenda_sessions_content::-webkit-scrollbar-track {
   background: transparent;
}
.agenda_sessions_content::-webkit-scrollbar-thumb {
   background: transparent;
   border-radius: 3px;
}
.agenda_session_content {
   display: none;
}
.agenda_session_content.active {
   display: block;
}
.sessions_content_top_content {
   padding-bottom: 24px;
   border-bottom: 1px solid #FF878780;
}
.sessions_content_title {
   font-weight: 700;
   font-size: 36px;
   line-height: 49px;
   color: #FFFFFF;
   margin-bottom: 20px;
}
.sessions_content_top_content ul {
   padding-left: 25px;
}
.sessions_content_top_content li {
   font-weight: 400;
   font-size: 18px;
   line-height: 28px;
   color: #FFFFFF;
   margin-bottom: 8px;
}
.sessions_content_top_content div:not(:first-child) {
   font-weight: 400;
   font-size: 18px;
   line-height: 28px;
   color: #FFFFFF;
   margin-bottom: 16px;
}
.sessions_content_product {
   padding: 30px 0;
}
.sessions_content_product_title {
   font-weight: 400;
   font-size: 16px;
   line-height: 27px;
   color: #FF8787;
   margin-bottom: 25px;
}
.sessions_content_product_logos {
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
   justify-content: start;
   margin-bottom: 25px;
}
.sessions_content_product_logos a {
   display: block;
   width: 48%;
}
.sessions_content_product_description {
   font-weight: 400;
   font-size: 18px;
   line-height: 32px;
   color: #FFFFFF;
   margin-bottom: 16px;
}
.sessions_content_product_screenshots {
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
   justify-content: start;
   margin-bottom: 25px;
}
.sessions_content_product_screenshot {
   width: 48%;
}
.sessions_content_presener {
   padding-bottom: 25px;
   border-bottom: 1px solid #FF878780;
}
.presener_block {}
.presener_block_person_work_name_content {
   padding: 15px 0;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   text-align: center;
   height: 180px;
}
.presener_block_title {
   font-weight: 400;
   font-size: 16px;
   line-height: 27px;
   color: #FF8787;
   margin-bottom: 25px;
}
.presener_block_person {
   max-width: 240px;
}
.presener_block_person_photo {
   width: 100%;
   border-radius: 8px;
   overflow: hidden;
   background: #0D0807;
   border: 1px solid #422722
}
/* .presener_block_person_photo img {
   height: 100%;
} */
.presener_block_person_work_title {
   padding-top: 20px;
   font-weight: 400;
   font-size: 18px;
   line-height: 32px;
   color: #FFFFFF;
}
.presener_block_person_work_name {
   text-align: center;
   padding-top: 20px;
   font-weight: 700;
   font-size: 27px;
   line-height: 40px;
   color: #FFFFFF;
}
.question_form_register_popup,
.thank_question_popup,
.question_form_popup {
   z-index: 99999;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: #FFFFFF0F;
   border: 1px solid #FFFFFF1F;
   max-width: 400px;
   width: 80%;
   border-radius: 24px;
   padding: 24px;
   text-align: center;
   backdrop-filter: blur(40px);
}
.thank_question_popup .question_form_register_popup_text {
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
   margin-bottom: 30px;
}
.question_form_register_popup_title,
.submit_question_form_title {
   text-align: center;
   font-weight: 600;
   font-size: 36px;
   line-height: 50px;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
}
.question_form_register_popup_text,
.submit_question_form_subtitle {
   text-align: center;
   font-weight: 400;
   font-size: 16px;
   line-height: 27px;
   margin-bottom: 15px;
}
.question_form_popup textarea {
   background: #00000099;
   border: 1px solid #808080;
   width: 100%;
   resize: none;
   border-radius: 16px;
   margin-bottom: 25px;
   display: inline-block;
   padding-left: 10px;
   color: #FFF;
   line-height: 20px;
   height: 80px;
}
/* button style */
.presener_block_person_work_name_content .book-btn,
.speacker_block_person_work_name_content .book-btn {
   margin-top: 25px;
}
.presener_block_person_work_name_content a.btn-watch,
.speacker_block_person_work_name_content a.btn-watch {
   position: relative;
   border: 1px solid #FFFFFF66;
   position: relative;
   padding: 8px 16px;
   border-radius: 8px;
   background: #000;
   right: 0;
   bottom: 0;
   font-size: 14px;
   line-height: 16px;
   backdrop-filter: blur(40px);
   transition: all 0.3s linear;
}
.presener_block_person_work_name_content a.btn-watch:hover,
.speacker_block_person_work_name_content a.btn-watch:hover {
   border: 1px solid #FFFFFF;
   color: #FFFFFF;
}
/* End button style */
/* scrollbar */
.question_form_popup textarea::-webkit-scrollbar {
   width: 6px;
   background: #4a2e2e;
}
.question_form_popup textarea::-webkit-scrollbar-track {
   background: #030202;
}
.question_form_popup textarea::-webkit-scrollbar-thumb {
   background: #3a2323;
   border-radius: 3px;
}
/* button style */
.question_form_popup form button {
   cursor: pointer;
   border: 1px solid #FD2348;
   padding: 12px;
   border-radius: 16px;
   background: linear-gradient(96.46deg, #EF5600 0%, #FD2348 100%);
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
   font-weight: 600;
   letter-spacing: 0.16rem;
   font-size: 16px;
   text-transform: uppercase;
   white-space: nowrap;
}
.question_form_popup form button:hover {
   background: linear-gradient(96.46deg, #FD2348 0%, #EF5600 100%);
   border: 1px solid #FFFFFF52;
   box-shadow: 0px 0px 16px 0px #FD2348;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.question_form_popup form button:focus {
   background: linear-gradient(96.46deg, #FD2348 0%, #EF5600 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24));
   box-shadow: 0px 0px 16px 0px #FD2348;
   transition: all 0.4s ease-out;
   border: 1px solid #FFFFFF52;
}
.question_form_popup form button:active {
   background: linear-gradient(96.46deg, #FD2348 0%, #EF5600 100%),
      linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24));
   box-shadow: 0px 0px 16px 0px #FD2348;
   transition: all 0.4s ease-out;
   border: 1px solid #FFFFFF52;
}
.question_form_popup form button.disabled {
   background: #333333 !important;
   color: #FFFFFF !important;
   border: 1px solid #FFFFFF0F !important;
   opacity: 0.38 !important;
   box-shadow: unset;
}
.question_form_popup form button:disabled {
   background: #333333 !important;
   color: #FFFFFF !important;
   border: 1px solid #FFFFFF0F !important;
   opacity: 0.38 !important;
   box-shadow: unset;
}
.question_form_popup form .black_button,
.question_form_popup form button {
   width: 100%;
   margin-bottom: 10px;
   display: block;
   padding: 8px;
   border-radius: 12px;
}
/* button style */
.question_form_register_popup a {
   width: 100%;
   display: block;
   margin-bottom: 8px;
}
.questions_list {
   transition: all 0.4s ease;
}
.questions_list_collapse_button {
   transition: all 0.4s ease;
}
.agenda_section_register_bottons {
   text-align: center;
   margin-top: 60px;
}
/*----------end Agenda Section -------------------------------------------------------*/
/*---------- Book_section -------------------------------------------------------*/
.book_section {
   background:
      url('../images/_promo-background-line.svg') center center no-repeat,
      linear-gradient(180deg, #111111 0%, #111111 100%);
   text-align: center;
   padding: 120px 40px;
   margin-top: -2px;
}
.book_section_container {
   padding: 0 40px;
   text-align: center;
}
.book_section_title {
   text-align: center;
   color: #FFF;
   font-weight: 600;
   font-size: 54px;
   line-height: 72px;
   text-align: center;
   margin-bottom: 24px;
}
.book_section_image {
   max-width: 740px;
   overflow: hidden;
   margin: 0 auto 24px;
}
.book_section_image img {
   height: 100%;
}
.book_section_description {
   text-align: center;
   color: #FFF;
   font-weight: 600;
   font-size: 18px;
   line-height: 31.5px;
   text-align: center;
   margin-bottom: 24px;
   max-width: 720px;
   margin: 0 auto 34px;
}
.black_button {
   margin-bottom: 16px;
}
/* slider  */
.slider-wrapper {
   max-width: 110vw;
   margin: 0 -140px;
   padding: 40px 0;
}
.slick-slider {
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   overflow: hidden;
   padding: 0 0px 120px;
}
.slider-item {
   background: #FFFFFF03;
   border: 1px solid #FFFFFF1F;
   border-radius: 16px;
   padding: 32px 32px 23px 32px;
   margin: 10px;
   backdrop-filter: blur(15px);
   text-align: center;
   height: 360px;
   display: flex !important;
   flex-direction: column;
   justify-content: space-between;
}
.slick-center {
   opacity: 1;
   background: #FFFFFF0F;
   border: 1px solid #FFFFFF1F
}
.slick-prev,
.slick-next {
   position: absolute;
   top: 80%;
   background: #00000099 !important;
   border-radius: 12px;
   border: 1px solid #FFFFFF66;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   cursor: pointer;
   z-index: 10;
   margin: 0 5px;
   transition: all 0.3s ease;
}
.slick-prev:hover,
.slick-next:hover {
   border: 1px solid #FFFFFF;
   transition: all 0.3s ease;
}
.slick-prev {
   left: 49.7%;
   transform: translateX(-99%);
}
.slick-next {
   transform: translateX(-1%);
   left: 50.3%;
}
.slider-item_text {
   text-align: left;
   color: #FFF;
   font-weight: 400;
   font-style: italic;
   font-size: 18px;
   line-height: 31.5px;
   margin-bottom: 23px;
   overflow: hidden;
   max-height: 250px;
}
.slider_item_author {
   text-align: right;
   color: #FFD5BA;
   font-weight: 600;
   font-size: 14px;
   line-height: 22.5px;
}
/* slider  */
/*----------end Book_section -------------------------------------------------------*/
/*---------- question_block -------------------------------------------------------*/
/* _questions-background-line.svg */
/* .question_section {
   background:
      url('../images/_questions-background-line.svg') center center no-repeat,
      linear-gradient(180deg, #111111 0%, #000000 100%);
   text-align: center;
   padding: 120px 0;
   margin-top: -2px;
} */
.orange_button {}
.question_section_container {
   text-align: start;
   max-width: 1020px;
   margin: 0 auto;
   position: relative;
   padding-top: 30px;
}
.question_section_title {
   text-align: start;
   color: #FFF;
   font-weight: 700;
   font-size: 27px;
   line-height: 40px;
   margin-bottom: 24px;
}
.question_section_sub_title {
   text-align: start;
   color: #FFF;
   font-weight: 400;
   font-size: 18px;
   line-height: 36px;
   margin-bottom: 32px;
}
.questions_list {
   max-width: 900px;
   padding-top: 60px;
   padding-bottom: 60px;
   overflow: hidden;
}
.questions_list_without_padding {
   padding-top: 0px;
}
.questions_list_item {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: start;
   padding: 16px;
   background: #0D0D0D;
   border: 1px solid #FFFFFF3D;
   gap: 15px;
   border-radius: 8px;
   margin-bottom: 8px;
   transition: all 0.4s ease;
}
.questions_list_item_text {
   color: #FFF;
   font-weight: 400;
   font-size: 18px;
   line-height: 31.5px;
   text-align: start;
   overflow: hidden;
}
.questions_list_item_like {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: #00000099;
   border: 1px solid #FFFFFF66;
   padding: 5px 12px 5px 8px;
   gap: 10px;
   border-radius: 8px;
}
.questions_list_item_like_opasity {
   opacity: 0.5;
}
.image_like {
   height: 16px;
   cursor: pointer;
}
.image_check {
   height: 16px;
}
.like_count {
   color: #FFF;
   font-weight: 600;
   font-size: 14px;
   line-height: 22.5px;
}
.questions_list_collapse_button {
   position: absolute;
   bottom: 1px;
   left: 50%;
   transform: translateX(-50%);
   background: #00000099;
   border: 1px solid #FFFFFF66;
   backdrop-filter: blur(40px);
   padding: 10px 16px;
   border-radius: 12px;
   cursor: pointer;
}
.questions_list_collapse_button.active svg {
   transform: rotateX(180deg);
}
.spinner {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border: 4px solid rgba(0, 0, 0, 0.1);
   border-left-color: #ffffffac;
   border-radius: 50%;
   width: 40px;
   height: 40px;
   animation: spin 1s linear infinite;
   z-index: 50;
}
.spinner_cover {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100vw;
   height: 100vh;
   background-color: #0000007c;
}
@keyframes spin {
   from {
      transform: rotate(0deg);
   }
   to {
      transform: rotate(360deg);
   }
}
.no-scroll {
   overflow: hidden !important;
}
.question_form_register_popup {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 99999;
}
.questions_list::-webkit-scrollbar {
   display: none;
   /*  Chrome, Safari, Opera */
}
.questions_list {
   scrollbar-width: none;
}
/*----------end question block -------------------------------------------------------*/
/*---------- form styles -------------------------------------------------------*/
/* thankyou_popup_register */
.thankyou_popup_register {
   max-width: 400px;
   width: 98%;
   border-radius: 24px;
   border: 1px solid #FFFFFF1F;
   backdrop-filter: blur(40px);
   background: #FFFFFF0F;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 9999999999;
   padding: 24px;
   text-align: center;
   display: none;
}
.thankyou_popup_register.active {
   display: block;
}
.thankyou_popup_register_title {
   font-weight: 600;
   font-size: 36px;
   line-height: 49.5px;
   margin-bottom: 10px;
   text-align: center;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
}
.thankyou_popup_register_subtitle {
   text-align: center;
   color: #FFF;
   font-weight: 600;
   font-size: 15.75px;
   line-height: 27px;
   margin-bottom: 35px;
}
.thankyou_popup_register_question_button {
   text-align: center;
   width: 100%;
   display: block;
   margin-bottom: 10px;
}
.thankyou_popup_register_close {
   text-align: center;
   width: 100%;
   display: block;
}
/* thankyou_popup_register */
/* recodings popup */
.recordings_popup {
   max-width: calc(100% - 30px);
   width: 1200px;
   border-radius: 24px;
   border: 1px solid #FFFFFF1F;
   backdrop-filter: blur(40px);
   background: #FFFFFF0F;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 99999;
   padding: 24px;
   text-align: center;
   display: none;
   max-height: 98vh;
   overflow-y: auto;
}
.recordings_popup.active {
   display: block;
}
.show_video_popup {
   max-width: calc(100% - 30px);
   width: 1200px;
   border-radius: 8px;
   border: 1px solid #FFFFFF1F;
   backdrop-filter: blur(40px);
   background: #FFFFFF0F;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 99999;
   padding: 16px;
   text-align: center;
   display: none;
   aspect-ratio: 16 / 9;
   max-height: 85vh;
}
.show_video_popup.active {
   display: block;
}
.video_close_button {
   position: absolute;
   z-index: 1;
   top: -40px;
   right: 0;
   padding: 3px;
   background: rgba(0, 0, 0, 0.6);
   border: 1px solid rgba(255, 255, 255, 0.4);
   border-radius: 8px;
   color: white;
   transition: all 0.5s ease;
   perspective: 50px;
}
.video_close_button:hover {
   border: 1px solid rgba(255, 255, 255, 1);
   transition: all 0.5s ease;
}
.video_close_button:hover svg {
   transform: rotateY(180deg);
   cursor: pointer;
   transition: all 0.4s ease;
}
.video_close_button svg {
   transition: all 0.4s ease;
}
.recordings_popup_title {
   font-weight: 600;
   font-size: 36px;
   line-height: 49px;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #ff7020, 0 0 64px #ff0051;
   position: relative;
   z-index: 1;
   margin-bottom: 25px;
   text-align: start;
}
.recordings_popup_session_list {
   display: flex;
   gap: 8px;
   flex-wrap: wrap;
   justify-content: start;
}
.recordings_popup_session {
   width: 49.5%;
   background: rgba(0, 0, 0, 0.64);
   border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: 12px;
   padding: 12px 16px;
}
.recordings_popup_session_title {
   font-weight: 700;
   font-size: 18px;
   line-height: 27px;
   text-align: start;
   margin-bottom: 5px;
}
.recordings_popup_session_presrnter {
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
   text-align: start;
   margin-bottom: 10px;
}
.close_recording_popup {
   position: absolute;
   top: 16px;
   right: 16px;
   z-index: 1;
   padding: 10px;
   cursor: pointer;
   transition: all 0.4s ease;
}
.close_recording_popup:hover svg {
   transform: rotateY(180deg);
   transition: all 0.8s ease;
   opacity: 0.5;
}
.close_recording_popup svg {
   transition: all 0.8s ease;
}
.recordings_popup_session_buttons_block {
   display: flex;
   justify-content: start;
   gap: 8px;
}
.recordings_popup .orange_gradient_button {
   text-transform: initial;
   display: inline-block;
   letter-spacing: 2px;
   padding: 6px 10px;
   border-radius: 8px;
   font-size: 14px;
}
.recordings_popup .black_button svg,
.recordings_popup .orange_gradient_button svg {
   margin-right: 5px;
}
.recordings_popup .black_button {
   text-transform: initial;
   display: inline-block;
   margin-bottom: 0;
   letter-spacing: 2px;
   padding: 6px 10px;
   border-radius: 8px;
   font-size: 14px;
}
/* ---------------- */
.recording_session_buttons_block {
   display: flex;
   justify-content: start;
   gap: 8px;
   flex-wrap: wrap;
}
.recording_session_buttons_block .orange_gradient_button {
   text-transform: initial;
   display: inline-block;
   letter-spacing: 2px;
   padding: 6px 10px;
   border-radius: 8px;
   font-size: 14px;
}
.recording_session_buttons_block .black_button svg,
.recording_session_buttons_block .orange_gradient_button svg {
   margin-right: 5px;
}
.recording_session_buttons_block .black_button {
   text-transform: initial;
   display: inline-block;
   margin-bottom: 0;
   letter-spacing: 2px;
   padding: 6px 10px;
   border-radius: 8px;
   font-size: 14px;
}
/* end recodings popup */
/*Form style*/
.form-block input:not([type="submit"]):focus,
.form-block select:focus,
.form-block textarea:focus {
   color: #bfbfbf;
}
.form-block input,
.form-block select,
.form-block textarea {
   padding: 23px 24px 7px;
   background-color: transparent;
   background: rgba(0, 0, 0, 0.6);
   font-size: 16px !important;
   color: #bfbfbf;
   border: 1px solid rgba(128, 128, 128, 1);
   border-radius: 16px;
   width: 100%;
   caret-color: #FD2348;
   outline: none;
   transition: all 0.3s;
   backdrop-filter: blur(40px);
}
#submit_question_form {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 99999;
}
.form-recordings form>p {
   text-align: center;
   line-height: 28px;
}
.form-recordings form .rewatch_title1>p,
.form-recordings form .rewatch_title2>p {
   font-weight: 600;
   font-size: 44px;
   line-height: 45px;
   color: #FFFAF6;
   position: relative;
   z-index: 1;
   margin-top: 10px;
   text-align: center;
}
.form-recordings form .rewatch_title1>p::before {
   content: 'Rewatch';
   position: absolute;
   font-weight: 600;
   font-size: 44px;
   line-height: 45px;
   color: #FF7020;
   filter: blur(10px);
   transform: scale(1.01, 1.3);
   z-index: -1;
}
.form-recordings form .rewatch_title2>p::before {
   content: 'AI Summit';
   position: absolute;
   font-weight: 600;
   font-size: 44px;
   line-height: 45px;
   color: #FF7020;
   filter: blur(10px);
   transform: scale(1.01, 1.3);
   z-index: -1;
}
.form-recordings form .rewatch_title1>p::after {
   content: 'Rewatch';
   position: absolute;
   font-weight: 600;
   font-size: 44px;
   line-height: 45px;
   color: #FFFAF6;
   filter: blur(6px);
   transform: scale(1.0001, 1.0001) translateX(-50%);
   z-index: -2;
   left: 50%;
   width: 100%;
}
.form-recordings form .rewatch_title2>p::after {
   content: 'AI Summit';
   position: absolute;
   font-weight: 600;
   font-size: 44px;
   line-height: 45px;
   color: #FFFAF6;
   filter: blur(6px);
   transform: scale(1.0001, 1.0001) translateX(-50%);
   z-index: -2;
   left: 50%;
   width: 100%;
}
.form,
.popup-refer-your-company {
   display: none
}
.form.active,
.popup-refer-your-company.active {
   display: block;
   z-index: 99999999999;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: rgba(255, 255, 255, 0.06);
   border: 1px solid rgba(255, 255, 255, 0.12);
   backdrop-filter: blur(40px);
   border-radius: 24px;
   padding: 32px;
   width: 400px;
   max-width: calc(100% - 30px);
   max-height: 98vh;
   overflow-y: auto;
}
.register-form form p:first-of-type {
   text-align: center;
}
.register-form form p:first-of-type span {
   font-size: 36px;
}
.form form {
   border: none;
   overflow: visible;
}
.form *+h1,
.form *+h2,
.form *+h3,
.form *+h4,
.form *+h5,
.form *+h6 {
   margin-top: 0
}
.form p {
   font-weight: 400;
   color: #bfbfbf
}
.form .form-block p {
   margin-bottom: 0
}
.form .form-block {
   max-width: 100%
}
.form .form-block .placeholder {
   top: 50%;
   transform: translateY(-50%);
   color: gray;
   font-size: 14px;
   font-weight: 400;
   line-height: 14px;
   transition: all 0.3s
}
.form .form-block .placeholder.placeholder_textarea {
   top: 16px;
   color: gray;
   font-size: 14px;
   font-weight: 400;
   line-height: 14px;
   transition: all 0.3s
}
.block input[aria-invalid=true],
.block textarea[aria-invalid=true] {
   box-shadow: 0 0 0 2px #FD2348;
   border: 1px solid transparent;
   -webkit-appearance: none;
   outline: none
}
.form .form-block .placeholder.active {
   top: 14px !important;
   font-size: 12px
}
.form .form-block input {
   line-height: 16px
}
.form .form-block .hse-field_form textarea {
   height: 64px;
   overflow: auto;
   resize: none;
   scrollbar-width: 2px;
   scrollbar-color: #828282 #fff
}
.form-block input[type=submit] {
   width: 100%;
   cursor: pointer;
   border: 1px solid #FD2348;
   padding: 12px;
   border-radius: 16px;
   background: linear-gradient(96.46deg, #EF5600 0%, #FD2348 100%);
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
   font-weight: 600;
   letter-spacing: 0.16rem;
   font-size: 16px !important;
   text-transform: uppercase;
   white-space: nowrap;
}
.form-block input[type=submit]:hover {
   background: linear-gradient(96.46deg, #FD2348 0%, #EF5600 100%);
   border: 1px solid #FFFFFF52;
   box-shadow: 0px 0px 16px 0px #FD2348;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.form-block input[type=submit].disabled {
   background: #333333 !important;
   color: #FFFFFF !important;
   border: 1px solid #FFFFFF0F !important;
   opacity: 0.38 !important;
   box-shadow: unset;
}
.form-block input[type=submit]:disabled {
   background: #333333 !important;
   color: #FFFFFF !important;
   border: 1px solid #FFFFFF0F !important;
   opacity: 0.38 !important;
   box-shadow: unset;
}
.form .form-block .wpcf7-not-valid-tip,
.form .form-block .wpcf7-not-valid-tip {
   display: none
}
.form .form-block .button-block {
   /*display: flex;*/
   margin-top: 20px;
   border-top: none;
}
.form-block .hse-field_form+.name-block,
.form-block .name-block+.hse-field_form {
   margin-top: 16px;
}
.form-block .name-block>* {
   margin: 0;
}
.form-block .name-block {
   display: block !important;
}
.form .form-block .submit-block {
   margin: 0;
   width: 100%;
}
.form .form-block .submit-block>* {
   text-align: end
}
.form .form-block .button-block>*+* {
   margin-left: 0;
   position: relative
}
button.cancel-form {
   margin: 0;
   padding: 16px 24px;
   display: flex;
   height: 48px;
   justify-content: center;
   align-items: center;
   width: max-content;
   border-radius: 24px;
   border: 1px solid var(--White, #FFF);
   background: transparent;
   color: #FFF;
   transition: all 0.3s;
   font-size: 14px;
   line-height: 16px;
   font-weight: 700
}
.button-block .cancel,
.button-block .show-cal {
   margin-left: 0;
}
.thank-you-popup.registered .button-block {
   position: relative;
}
.button-block .show-cal {
   top: -3rem;
   left: 0;
   width: 100%;
   transform: none;
}
.button-block .add-cal {
   width: 100%;
}
.button-block .cancel button {
   border-radius: 16px !important;
   width: 100%;
   margin-top: 16px;
}
button.cancel-form:hover {
   box-shadow: inset 0 0 0 1px #FFF
}
.form .form-block .cancel {
   width: 100%;
}
.form .wpcf7-spinner {
   position: absolute;
   opacity: 1;
   left: 50%;
   top: 50%;
   margin: 0;
}
.form .wpcf7-list-item {
   margin-left: 0px;
   margin-bottom: 0;
}
.acceptance_fields input {
   cursor: pointer;
}
.acceptance_fields p {
   text-align: start !important;
   padding-left: 15px;
}
.form-block input[type=submit]:hover,
.form-block input[type=submit]:active,
.form-block input[type=submit]:focus {
   background-color: #FD2348;
   outline: none
}
.form-block input[type=submit]:disabled:hover,
.form-block input[type=submit]:disabled:active,
.form-block input[type=submit]:disabled:focus {
   background-color: #777
}
.form .wpcf7-response-output {
   display: none
}
.register_form_subtitle {
   margin-bottom: 20px;
}
.form p {
   font-weight: 400;
   color: #FFFFFF;
   font-size: 18px;
   line-height: 22px;
   text-align: center;
}
.form h5 {
   font-size: 24px;
   line-height: 28px
}
.form span {
   font-size: 24px;
   line-height: 28px;
   font-weight: 700;
   margin-bottom: .8rem;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
}
.request-coaching-form form>p:first-of-type {
   text-align: center;
}
.btn-dismiss {
   padding: 15px 24px;
   border-radius: 24px;
   border: 1px solid var(--White, #FFF);
   background: transparent;
   color: #FFF;
   transition: all 0.3s;
   font-size: 14px;
   line-height: 16px;
   margin-top: 0;
   font-weight: 700
}
.btn-dismiss:hover {
   box-shadow: inset 0 0 0 1px #FFF
}
.bg-popup.active {
   background: #000000CC;
}
/* register popup first step */
.register_popup_first_step {
   text-align: center;
   display: none;
   z-index: 99999999999;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: rgba(255, 255, 255, 0.06);
   border: 1px solid #002C23;
   backdrop-filter: blur(40px);
   border-radius: 24px;
   padding: 32px;
   width: 400px;
   max-width: calc(100% - 30px);
   max-height: 98vh;
   overflow-y: auto;
}
.register_popup_first_step.active {
   display: block;
}
.register_popup_first_step input {
   padding: 10px 24px 10px;
   background-color: transparent;
   background: rgba(0, 0, 0, 0.6);
   font-size: 16px !important;
   color: #bfbfbf;
   border: 1px solid rgba(128, 128, 128, 1);
   border-radius: 16px;
   width: 100%;
   caret-color: #FD2348;
   outline: none;
   transition: all 0.3s;
   backdrop-filter: blur(40px);
}
.register_popup_first_step input:focus {
   background: rgba(0, 0, 0, 0.3);
}
.register_popup_first_step_title {
   font-size: 36px;
   line-height: 28px;
   font-weight: 700;
   margin-bottom: 20px;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
}
.register_popup_first_step_subtitle {
   font-weight: 400;
   color: #FFFFFF;
   font-size: 18px;
   line-height: 22px;
   text-align: center;
   margin-bottom: 15px;
}
.register_popup_first_step_button_continue {
   width: 100%;
   cursor: pointer;
   border: 1px solid #0000000F;
   padding: 12px;
   border-radius: 16px;
   background: linear-gradient(96.46deg, #EF5600 0%, #FD2348 100%);
   color: #000000;
   transition: all 0.4sease-out;
   box-sizing: border-box;
   font-weight: 600;
   letter-spacing: 0.16rem;
   font-size: 16px !important;
   text-transform: uppercase;
   white-space: nowrap;
   text-align: center;
   margin-top: 40px;
   margin-bottom: 10px;
   height: 42px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}
.register_popup_first_step_button_continue:hover {
   background: linear-gradient(96.46deg, #FD2348 0%, #EF5600 100%);
   border: 1px solid #0000000F;
   box-shadow: 0px 0px 16px 0px #76D8FF;
   transition: all 0.4sease-out;
   box-sizing: border-box;
}
button.register_popup_first_step_button_cancel {
   margin: 0;
   padding: 12px 24px;
   display: flex;
   height: 42px;
   justify-content: center;
   align-items: center;
   width: max-content;
   border-radius: 24px;
   border: 1px solid var(--White, #FFF);
   background: transparent;
   color: #FFF;
   transition: all 0.3s;
   font-size: 14px;
   line-height: 16px;
   font-weight: 700;
   width: 100%;
   cursor: pointer;
   border-radius: 16px;
   text-transform: uppercase;
}
.spinner_register_first_step {
   position: absolute;
   display: inline-block;
   width: 22px;
   height: 22px;
   border: 2px solid rgba(255, 255, 255, 1);
   border-radius: 50%;
   border-top-color: #2a0ea3;
   animation: spin_reg 0.8s linear infinite;
}
@keyframes spin_reg {
   from {
      transform: rotate(0deg);
   }
   to {
      transform: rotate(360deg);
   }
}
/* form style */
/*----------end form styles -------------------------------------------------------*/
/*----------slack_section  -------------------------------------------------------*/
.slack_section {
   background: #000000;
   overflow: hidden;
   padding: 50px 0 200px;
}
.slack_section_container {
   padding: 0 40px;
   max-width: 1200px;
   margin: 0 auto;
   text-align: center;
}
.slack_section_container img {
   width: 100%;
   margin-bottom: 25px;
}
.slack_section_container svg {
   width: 20px;
   height: 20px;
   margin-right: 5px;
}
.slack_section_title {
   font-weight: 600;
   font-size: 54px;
   line-height: 72px;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
   position: relative;
   z-index: 1;
   margin-top: 10px;
   margin-bottom: 25px;
   text-align: center;
}
.slack_section_text {
   font-weight: 400;
   font-size: 18px;
   line-height: 32px;
   color: #FFFFFF;
   margin: 0 auto 40px;
   text-align: center;
   max-width: 720px;
}
.black_button {}
/*---------- End slack_section  -------------------------------------------------------*/
/*---------- sponsors_section  -------------------------------------------------------*/
.button-container {
   text-align: center;
}
.sponsors_section {
   overflow: hidden;
   position: relative;
   padding: 80px 40px 150px 40px;
   background: #000000;
}
.sponsors_section .headeng_botton_register {
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   bottom: 100px;
}
.sponsors_section_top_content {
   margin: 0 auto;
   max-width: 800px;
   padding: 0 15px;
   position: relative;
   bottom: 60px;
}
.sponsors_section_top_content_top_text {
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: 4px;
   color: #FF8787;
   text-align: center;
   text-transform: uppercase;
}
.sponsors_section_top_content_title {
   font-weight: 600;
   font-size: 54px;
   line-height: 72px;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
   position: relative;
   z-index: 1;
   margin-top: 10px;
   margin-bottom: 25px;
   text-align: center;
}
.sponsors_section_top_content_text {
   font-size: 18px;
   font-weight: 400;
   line-height: 28px;
   text-align: center;
   color: #FFF;
   margin-bottom: 40px;
}
.sponsors_section_logos_block {
   margin: 0 auto;
   width: 100%;
   max-width: 990px;
   margin-bottom: 50px;
   border-radius: 16px;
   background: #100A09;
   backdrop-filter: blur(40px);
   border: 1px solid #2D1B17;
   padding: 40px;
}
.logos_block_silver_title,
.logos_block_gold_title,
.logos_block_platinum_title {
   text-align: center;
   margin-bottom: 30px;
   font-size: 18px;
   font-weight: 600;
   line-height: 28px;
   letter-spacing: 6px;
   color: #EF5600;
   text-transform: uppercase;
}
.logos_block_silver_images,
.logos_block_gold_images,
.logos_block_platinum_images {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 15px;
   margin-bottom: 55px;
}
.logos_block_silver_images {
   margin-bottom: 0px;
}
.logos_block_platinum_images img {
   width: 100%;
}
.logos_block_platinum_images img:hover {
   opacity: 0.7;
}
.logos_block_gold_images {
   max-width: 70%;
}
.logos_block_gold_images img {
   max-width: 100%;
}
.logos_block_gold_images img:hover {
   opacity: 0.7;
}
.logos_block_silver_images a {
   max-width: 50%;
}
.logos_block_silver_images img {
   max-width: 100%;
}
.logos_block_silver_images img:hover {
   opacity: 0.7;
}
/*---------- End sponsors_section  -------------------------------------------------------*/
/*   speakers section ------------------------------------------------------*/
.agenda-section {
   overflow: hidden;
   padding: 80px 0 100px;
   background-color: #000000;
   margin-bottom: -2px;
}
.text_block {
   margin: 0 auto;
   max-width: 1000px;
   text-align: center;
}
.text_block>div:first-child {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 4px;
   text-transform: uppercase;
   color: #FF8787;
   margin-bottom: 16px;
}
.text_block>h2 {
   font-weight: 600;
   font-size: 54px;
   line-height: 72px;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
   position: relative;
   z-index: 1;
   margin-top: 10px;
   margin-bottom: 25px;
   text-align: center;
}
.text_block>div:last-child {
   font-size: 18px;
   font-weight: 400;
   line-height: 32px;
   text-align: center;
   color: #FFF;
   max-width: 950px;
   margin: 0 auto;
   padding: 0 16px;
}
.text_block_wrapper {
   margin-bottom: 40px;
   padding: 0 30px;
}
.player {
   width: 320px;
   position: relative;
   text-align: center;
   margin-bottom: 40px;
}
.player__photo {
   width: 320px;
   height: 320px;
   overflow: hidden;
   position: relative;
   border-radius: 8px;
   border: 1px solid #2D1B17
}
.players-item .player__photo {
   background: #100A09;
}
.players-item a.btn-watch {
   border: 1px solid #FFFFFF66;
   position: relative;
   padding: 8px 16px;
   border-radius: 8px;
   background: #000;
   right: 0;
   bottom: 0;
   font-size: 14px;
   line-height: 16px;
   backdrop-filter: blur(40px);
   transition: all 0.3s linear;
}
.players-item a.btn-watch:hover {
   border: 1px solid #FFFFFF;
   transition: all 0.3s linear;
   color: #FFFFFF;
}
.player__photo_ai_agent img {
   z-index: 1;
}
.player__photo_ai_agent_background {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.player__photo img {
   width: auto;
   height: 100%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   max-width: unset;
}
.player__info {
   height: 225px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.players-item {
   display: flex;
   flex-wrap: wrap;
   gap: 25px;
   justify-content: center;
}
.player__info .logo-block {
   position: absolute;
   max-height: 80px;
   height: 80px;
   right: 15px;
   top: 403px;
}
.caption-regular p {
   font-size: 18px;
   font-weight: 600;
   line-height: 32px;
   text-align: center;
   color: #FF8787;
   padding-top: 10px;
   margin-bottom: 0;
   height: fit-content;
   overflow: hidden;
   padding-bottom: 5px;
}
.player__info .dynamic-title {
   font-size: 36px;
   font-weight: 700;
   line-height: 49px;
   text-align: center;
   margin-bottom: 30px;
}
.player__info .book-btn {
   font-size: 20px;
}
.debaters-number-4 {
   width: 92%;
}
/* ---  end speakers section ------------------------------------------------------*/
/*---------- bottom_section -------------------------------------------------------*/
.bottom_section {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: auto;
   text-align: center;
   padding: 280px 40px;
   position: relative;
}
.decore_shadow_block {
   position: absolute;
   z-index: 1;
   background: linear-gradient(to bottom, #000000, transparent);
   width: 100%;
   height: 150px;
   top: 0;
   left: 0;
}
.bottom_section_background_video {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: -1;
}
.bottom_section_content {
   margin-bottom: 50px;
}
.bottom_section_content h2 {
   text-align: center;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px #FD2348, 0 0 64px #FC2744;
   font-weight: 600;
   font-size: 45px;
   line-height: 63px;
   text-align: center;
}
.bottom_section_content div:first-of-type {
   font-weight: 400;
   font-size: 22.5px;
   line-height: 36px;
   text-align: center;
}
.white_button {}
/*----------end bottom_section -------------------------------------------------------*/
/*  footer  */
.hse-footer {
   padding: 2rem 25px 2rem;
   background: transparent;
   position: absolute;
   bottom: 0;
   width: 100%;
}
button.rcw-launcher {
   background-color: transparent !important;
}
.bg-popup {
   -webkit-transition: all 0.1s ease;
   transition: all 0.1s ease;
}
.bg-popup.active {
   opacity: 1;
   background: rgba(20, 17, 15, 0.90);
}
.container-default {
   max-width: 1700px;
}
.main_container {
   max-width: 1720px;
   margin: 0 auto;
   padding-left: 60px;
   padding-right: 60px;
}
footer .container-fluid.container-default>.row:first-child {
   display: none;
}
.hse-footer {
   padding: 2rem 25px 2rem;
   background: transparent;
}
.decore_shadow_bottom_block {
   background: linear-gradient(to top, #0000009c, transparent);
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 240px;
   z-index: 1;
   pointer-events: none;
}
.hse-footer .footer-bottom:before {
   background: #FD2348;
   content: "";
   display: block;
   height: 2px;
   position: relative;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   margin: 1.2rem 0 1.2rem 9px;
}
.copyright.body-2>p>span {
   color: #FFFFFF !important;
   font-size: 14px;
   font-weight: 400;
}
.hse-footer ul li a {
   color: #FFFFFF;
   font-size: 14px;
   line-height: 22px;
   font-weight: 400;
}
footer .social-block>p {
   color: #FFFFFF;
   font-weight: 600;
   font-size: 14px;
   line-height: 22px;
}
.icon-twitterx:before {
   content: '\e999';
   color: #FFFFFF !important;
}
.icon-twitterx:before:hover {
   content: '\e999';
   color: #f97750 !important;
}
.icon-linkedin-1:before {
   content: '\e998';
   color: #FFFFFF !important;
}
.icon-linkedin-1:before:hover {
   content: '\e998';
   color: #f97750 !important;
}
.icon-youtube-play:before {
   content: '\f16a';
   color: #FFFFFF !important;
   font-size: 26px !important;
   position: relative;
   bottom: 1px;
}
.icon-youtube-play:before:hover {
   content: '\f16a';
   color: #FFA68B !important;
}
/* End footer  */
/* responsive  ---------------------------------------------------------------------------*/
@media(max-width:1450px) {
   .heading_title_content {
      padding-top: 60px;
      margin: 0 auto 8vh;
   }
}
@media(max-width:1200px) {
   .header_logo {
      max-height: 16px;
   }
   .header_nav_item {
      font-size: 16px;
      line-height: 22px;
      padding: 5px 30px;
   }
   .header_register_button {
      font-size: 14px;
      padding: 8px 15px;
      border-radius: 8px;
   }
   .header_nav.scrolled {
      border-radius: 8px;
   }
}
@media(max-width:1100px) {
   header.scrolled {
      position: fixed;
      top: 0;
      height: 136px;
      background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
      backdrop-filter: blur(4px);
      padding: 0 16px;
   }
   .header_nav.scrolled {
      top: 90px;
   }
   header.scrolled .header_container {
      padding: 0 20px;
      margin: 0 auto;
      height: 100%;
   }
   .header_container {
      margin: 0 auto;
   }
   header.scrolled .left_header_logo_container {
      left: 0px;
   }
   .header_register_button.scrolled {
      top: 22px;
      right: 0px;
   }
}
@media(max-width:900px) {
   .recordings_popup_session {
      width: 100%;
   }
   .sponsors_section_top_content_text {
      margin-bottom: 0px;
   }
   .sponsors_section_logos_block {
      padding: 24px;
   }
   .agenda_sessions_nav::-webkit-scrollbar {
      display: none;
      /*  Chrome, Safari, Opera */
   }
   .agenda_sessions_nav_item {
      border: 1px solid #2D1B17;
      flex: 0 0 47%;
      flex-shrink: 0;
   }
   .agenda_sessions {
      flex-wrap: wrap;
   }
   .agenda_sessions_nav {
      width: 100%;
      display: flex;
      overflow-x: auto;
      gap: 8px;
      align-items: stretch;
      scrollbar-width: none;
      -ms-overflow-style: none;
   }
   .agenda_sessions_content {
      width: 100%;
   }
}
@media(max-width:767px) {
   header .header_top_left_text {
      display: none;
   }
   .social-block {
      justify-content: center;
   }
   .footer-bottom .custom_menu_shortcode {
      justify-content: center;
   }
   .hse-footer .copyright {
      text-align: center;
   }
   .hse-footer .menu-bottom {
      margin-bottom: 10px;
   }
   .logos_block_gold_images,
   .logos_block_platinum_images {
      margin-bottom: 35px;
   }
   .center_slide .slide-content {
      padding: 24px;
   }
   .slide-content {
      padding: 24px;
   }
   .slider_carts_section {
      padding: 0 0 200px 0;
   }
   .slider_carts_section_content_block {
      margin: 80px auto 20px;
   }
   .slider_carts {
      transform: scale(0.8);
   }
   .heading_title_content .heading_title {
      font-size: 60.75px;
      line-height: 81px;
      margin-bottom: 0;
   }
   .heading_title_content {
      margin: 0 auto 6vh;
   }
   h1.heading_sub_title {
      font-size: 36px;
      line-height: 49px;
   }
   .heading_title_content>div:not(:first-of-type) {
      font-weight: 400;
      font-size: 20.25px;
      line-height: 33.75px;
      text-align: center;
      color: #FFF;
   }
}
@media(max-width:650px) {
   .sponsors_section_top_content_title,
   .slack_section_title,
   .agenda_section_content_block h2 {
      font-weight: 600;
      font-size: 45px;
      line-height: 63px;
   }
   .header_nav_item.header_nav_item_width_faq {
      padding: 5px 15px;
   }
   .slider_carts_section_content_block h2 {
      font-weight: 600;
      font-size: 45px;
      line-height: 63px;
      margin-top: 10px;
      margin-bottom: 25px;
   }
   .slider_content_block_text {
      font-size: 16px;
      font-weight: 400;
      line-height: 27px;
      padding: 0;
   }
   .slider_carts_section_content_block {
      padding: 0 16px;
   }
}
@media(max-width:600px) {
   .sponsors_section {
      padding: 80px 16px 150px 16px;
   }
   .sponsors_section_logos_block {
      padding: 12px;
   }
   .agenda_sessions {
      padding: 0 16px;
   }
   .agenda_sessions_nav_item {
      padding: 8.25px;
   }
   .agenda_nav_item_row1 {
      flex-wrap: wrap-reverse;
      justify-content: start;
   }
   .item_row1_session_number {
      width: 100%;
   }
   .item_row1_session_time {
      width: 100%;
   }
   .agenda_sessions_nav_item {
      flex: 0 0 70%;
   }
}
@media(max-width:540px) {
   .heading_register_button_block .orange_gradient_button {
      font-size: 16px;
      width: 100%;
      display: inline-block;
      padding: 12px;
   }
   .register_button_block_title {
      padding-bottom: 0px;
   }
   .header_nav_item {
      padding: 5px 15px;
   }
   .heading_title_content .heading_title {
      font-size: 36px;
      line-height: 49.5px;
   }
   h1.heading_sub_title {
      font-size: 22.5px;
      line-height: 36px;
   }
   .heading_title_content>div:not(:first-of-type) {
      font-weight: 400;
      font-size: 15.75px;
      line-height: 27px;
   }
   .heading_title_content {
      margin: 0 auto 4.2vh;
   }
   .heading_section {
      padding: 197px 16px 80px 16px;
   }
}
@media(max-width:500px) {
   .presener_block_title {
      text-align: center;
   }
   .bottom_section {
      padding: 200px 40px 280px;
   }
   .sponsors_section_top_content_top_text {
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
   }
   .logos_block_silver_title,
   .logos_block_gold_title,
   .logos_block_platinum_title {
      text-align: center;
      margin-bottom: 20px;
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
      letter-spacing: 4px;
      color: #EF5600;
      text-transform: uppercase;
   }
   .sponsors_section_top_content_title,
   .slack_section_title,
   .agenda_section_content_block h2 {
      font-size: 36px;
      line-height: 50px;
   }
   .sponsors_section_top_content_text,
   .slack_section_text,
   .agenda_content_block_text {
      font-size: 16px;
      font-weight: 400;
      line-height: 28px;
   }
   .question_section_sub_title,
   .question_section_title,
   .question_section_container {
      text-align: center;
   }
   .presener_block_person {
      margin: 0 auto;
   }
   .sessions_content_product_logos {
      justify-content: center;
      gap: 8px;
   }
   .sessions_content_product_screenshots {
      justify-content: center;
      gap: 8px;
   }
   .sessions_content_product_logos a {
      width: 47%;
   }
   .sessions_content_product_screenshot {
      width: 47%;
   }
   .slider_carts_section_content_block {
      margin: 80px auto 0px;
   }
   .slider_carts_section {
      padding: 0 0 180px 0;
   }
   .slider_carts {
      transform: scale(0.65);
   }
   .header_nav_item.header_nav_item_width_faq {
      padding: 5px 10px;
   }
   .center_slide .slide-content p,
   .slide-content p {
      font-size: 24px;
      line-height: 32px;
   }
}
@media(max-width:450px) {
   .recordings_popup_session_presrnter,
   .recordings_popup_session_title {
      text-align: center;
   }
   .recordings_popup_session_buttons_block {
      justify-content: center;
   }
   .recordings_popup .orange_gradient_button,
   .recordings_popup .black_button {
      width: 49%;
      letter-spacing: 0px;
   }
}
@media(max-width:430px) {
   .sponsors_section_logos_block {
      padding: 8px;
   }
   .header_nav_item.header_nav_item_width_faq {
      padding: 5px 5px;
   }
   .header_nav_item {
      padding: 5px 12px;
   }
   .header_register_button.scrolled {
      letter-spacing: 0.1rem;
   }
   .slider_carts_section_content_block h2 {
      font-size: 36px;
      line-height: 50px;
   }
   .slider_content_block_text {
      font-size: 14px;
      line-height: 23px;
   }
   .slider_content_block_top_text {
      font-size: 14px;
      font-weight: 400;
      line-height: 22.5px;
   }
}
@media(max-width:390px) {
   .register_button_block_title p {
      font-size: 16px;
      line-height: 27px;
   }
   .header_nav_item {
      padding: 5px 10px;
   }
}
@media(max-width:370px) {}