/* agent */
.agent_button:hover,
.agent_button {
   background: var(--gradient_button_collor1, #E50000) !important;
}
.agent_button:hover {
   box-shadow: 0px 0px 16px 0px var(--gradient_button_collor1, #E50000) !important;
}
.agent_ava_button .hover_effect_block svg path {
   fill: var(--bright_title_color, #E50000) !important;
}
.agent_ava {
   box-shadow: 0px 0px 64px 0px var(--bright_title_color, #E50000) !important;
   box-shadow: 0px 0px 24px 0px var(--bright_title_color2, #E50000) !important;
   border: 1px solid var(--bright_title_color2, #E50000) !important;
}
.message_question {
   background: var(--bright_title_color, #E50000) !important;
}
.agent_ava_button {
   box-shadow: 0px 0px 64px 0px var(--bright_title_color, #E50000) !important;
   box-shadow: 0px 0px 24px 0px var(--bright_title_color2, #E50000) !important;
   border: 1px solid var(--bright_title_color2, #E50000) !important;
   border-radius: 50%;
}
.ai_summit_agent_popup {
   background: var(--adgenda_content_and_nav_back, #83001614) !important;
   border: 1px solid var(--adgenda_content_and_nav_border, #FF809529) !important;
}
.message_ansver {
   background: var(--bright_title_color2, #FF809529) !important;
}
.ai_summit_agent_input_container .orange_gradient_button {
   background: linear-gradient(96.46deg, var(--gradient_button_collor1, #FF7020) 0%, var(--gradient_button_collor2, #FF0051)) !important;
}
.close_ai_summit_agent_popup {
   border: 1px solid var(--adgenda_content_and_nav_border, #FF809529) !important;
}
.messages_container {
   border: 1px solid var(--adgenda_content_and_nav_border, #FF809529) !important;
}
.agent_modal {
   background: var(--adgenda_content_and_nav_back, #83001614) !important;
   border: 1px solid var(--adgenda_content_and_nav_border, #FF809529) !important;
}
/*End agent */
/* --------------------------------- header -------------------------------*/
header {
   overflow-x: unset;
   height: unset;
}
.header_not_transparent {
   position: absolute;
   width: 100%;
   z-index: 10;
   background: linear-gradient(to bottom, var(--header_background_color_gradient1, rgb(0, 0, 0)) 80%, var(--header_background_color_gradient2, rgb(0, 0, 0)));
}
.header_transparent {
   position: absolute;
   width: 100%;
   z-index: 10;
   background: linear-gradient(to bottom, var(--header_background_color_gradient1, rgb(0, 0, 0)) 80%, var(--header_background_color_gradient2, rgb(0, 0, 0)));
}
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%, var(--header_background_radial_gradient1, rgba(253, 35, 72, 0.6)) 0%, var(--header_background_radial_gradient2, 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: var(--primary_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 var(--primary_color, #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: var(--header_skils_list_button_background, #FD2348);
   border: 0.5px solid var(--primary_color, #FD2348);
}
.header_skils_list a:focus {
   transition: all 0.3s ease;
   background: var(--header_skils_list_button_background, #FD2348);
   border: 0.5px solid var(--primary_color, #FD2348);
}
.header_skils_list a:active {
   transition: all 0.3s ease;
   background: var(--header_skils_list_button_background, #FD2348);
   border: 0.5px solid var(--primary_color, #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, var(--header_carousel_width_skills_container_gradient1, #fd234800) 0%, var(--header_carousel_width_skills_container_gradient2, #fd234880) 50%, var(--header_carousel_width_skills_container_gradient3, #fd234800) 100%);
}
.carousel_width_skills_container::before {
   z-index: 12;
   top: 0;
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background: linear-gradient(to right, var(--header_carousel_width_skills_container_gradient_before, #000000e6), transparent 20%, transparent 70%, var(--header_carousel_width_skills_container_gradient_before, #000000e6) 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;
}
/* ---------------------------------End header -------------------------------*/
/*---------- Heading Section  -------------------------------------------------------*/
.all_content_section_wrapper {
   padding-top: 193px;
   position: relative;
}
.all_content_section_container h1 {
   margin-top: 10px;
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px var(--bright_title_color, #FD2348), 0 0 64px var(--bright_title_color2, #FC2744);
}
.all_content_section_container {
   padding-top: 50px;
}
#heading_section_background_video {
   height: 100vh;
   width: 100vw;
   position: absolute;
   top: 0px;
   left: 50%;
   transform: translateX(-50%);
   z-index: -1;
   object-fit: cover;
}
#heading_section_background_video {
   -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-position: bottom;
   -webkit-mask-size: 100% 100%;
}
.heading_section_padial_shape {
   position: absolute;
   width: 960px;
   max-width: 100%;
   height: 100%;
   border-radius: 50%;
   opacity: 0.8;
   background: #2e000096;
   filter: blur(64px);
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   z-index: -1;
}
.main_content_nav_wrapper li.active a,
.under_title2,
.headeng_content_top_text {
   color: var(--primary_color, #ff8787);
}
.btn-watch.btn-rewatch {
   cursor: pointer;
   border: 1px solid #FFFFFF66;
   padding: 8px 12px !important;
   backdrop-filter: blur(40px);
   border-radius: 8px;
   background: #00000099;
   color: #FFFFFF;
   transition: all 0.4s ease-out;
   box-sizing: border-box;
   font-weight: 600;
   letter-spacing: 0.16rem;
   font-size: 16px;
   white-space: nowrap;
}
.sponsor_logo_title {
   color: var(--primary_color, #FD2348);
}
.main_content_nav_wrapper ul li svg path {
   fill: var(--primary_color, #FD2348);
}
.main_content_transcripts_wrapper ul li span {
   color: var(--primary_color, #FD2348);
}
/*----------End Heading Section  -------------------------------------------------------*/
.last_section_content_block_button {
   cursor: pointer;
   border: 1px solid #FFFFFF0F;
   padding: 12px 16px;
   border-radius: 12px;
   background: #FFFFFF;
   color: var(--primary_color, #FD2348);
   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;
}
.last_section_content_block_button a {
   color: var(--primary_color, #FD2348);
}
.last_section_content_block_button:hover {
   background: #000000;
   border: 1px solid var(--primary_color, #FD2348);
   transition: all 0.4s ease-out;
   box-sizing: border-box;
}
.last_section {
   padding-top: 280px;
}
.decore_shadow_block {
   position: absolute;
   z-index: 1;
   background: linear-gradient(to bottom, #000000, transparent);
   width: 100%;
   height: 150px;
   top: 0;
   left: 0;
}
.last_section_content_block_title {
   color: #FFFAF6;
   text-shadow: 0 0 8px #FFFFFF, 0 0 24px var(--bright_title_color, var(--bright_title_color, #FD2348)), 0 0 64px var(--bright_title_color2, #FC2744);
}
/* form */
.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: var(--bright_title_color, #FD2348);
   outline: none;
   transition: all 0.3s;
   backdrop-filter: blur(40px);
}
.form form {
   border: none;
   overflow: visible;
}
.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);
}
.form .name-block,
.form .name-block+.hse-field_form {
   margin-top: 16px !important;
}
.register-form form p:first-of-type span {
   font-size: 36px;
}
.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 var(--bright_title_color, #FD2348), 0 0 64px #FC2744;
}
.form p {
   font-weight: 400;
   color: #FFFFFF;
   font-size: 18px;
   line-height: 22px;
   text-align: center;
}
.form .name-block {
   display: block !important;
}
.form 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] {
   width: 100%;
   cursor: pointer;
   border: 1px solid var(--bright_title_color, #FD2348);
   padding: 12px;
   border-radius: 16px;
   background: linear-gradient(96.46deg, #EF5600 0%, var(--bright_title_color, #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;
}
/* End form */
/*  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: var(--primary_color, #FD2348) !important;
   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 !important;
   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: #FFFFFF !important;
}
.icon-linkedin-1:before {
   content: '\e998';
   color: #FFFFFF !important;
}
.icon-linkedin-1:before:hover {
   content: '\e998';
   color: #FFFFFF !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: #FFFFFF !important;
}
/* End footer  */
@media(max-width:767px) {
   .footer-bottom .custom_menu_shortcode {
      justify-content: center;
   }
   .social-block.d-flex.align-items-center {
      justify-content: center;
   }
   .hse-footer .copyright {
      text-align: center;
      margin-top: 20px;
   }
}