/* ================================================== */





/* AIvent

/* created by designesia



@charset "utf-8";



Table of content:



* body

* header

* subheader

* navigation

* content

* section

* footer

* sidebar

* contact

* elements

  * border

  * breadcrumb

  * button and link

  * columns

  * counter

  * divider

  * dropcap

  * heading

  * list

  * map

  * page heading

  * pagination

  * preloader

  * progress bar

  * social icons

  * spacer

  * tabs

  * testimonial

* plugins

* media query

*/



/* ================================================== */



@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100..900;1,100..900&family=DM+Sans:ital,wght@0,100..1000;1,100..1000&family=Goldman:wght@400;700&family=Lexend+Deca:wght@100..900&family=Zen+Dots&display=swap');


/* ================================================== */





/* import fonts icon */





/* ================================================== */



@import url("../fonts/fontawesome4/css/font-awesome.css");

@import url("../fonts/fontawesome6/css/fontawesome.css");

@import url("../fonts/fontawesome6/css/brands.css");

@import url("../fonts/fontawesome6/css/solid.css");

@import url("../fonts/elegant_font/HTML_CSS/style.css");

@import url("../fonts/et-line-font/style.css");

@import url("../fonts/icofont/icofont.min.css");



* {
  /* body font */
  --body-font: "DM Sans", "Lexend Deca", "Be Vietnam Pro", "Manrope", Helvetica, Arial, sans-serif;
  --body-font-size: 16px;
  --body-font-color: rgba(0, 0, 0, .6);
  --body-font-color-dark: rgba(255, 255, 255, .75);
  --body-font-weight: 500;
  /* heading font */
  --heading-font: "Zen Dots", "Goldman", "Be Vietnam Pro", Helvetica, Arial, sans-serif;
  --heading-alt-font: "Goldman", "Zen Dots", "Be Vietnam Pro", Helvetica, Arial, sans-serif;
  --heading-font-weight: 400;
  --heading-alt-font-weight: 700;
  --heading-font-color: #000000;
  --heading-text-transform: none;
  /* h1 */

  --h1-font-size: 60px;

  --h1-font-weight: var(--heading-font-weight);

  --h1-letter-spacing: -0.02em;

  --h1-line-height: 1.25em;

  --h1-margin-bottom: 20px;

  /* h2 */

  --h2-font: var(--heading-font);

  --h2-font-size: 48px;

  --h2-font-weight: var(--heading-font-weight);

  --h2-letter-spacing: -0.015em;

  --h2-line-height: 1.2em;

  --h2-margin-bottom: 25px;

  /* h3 */
  --h3-font-size: 26px;
  --h3-font-weight: var(--heading-alt-font-weight);
  --h3-letter-spacing: 0;
  --h3-line-height: 1.5em;
  --h3-margin-bottom: 10px;
  /* h4 */
  --h4-font-size: 20px;
  --h4-font-weight: var(--heading-alt-font-weight);
  --h4-letter-spacing: 0;
  --h4-line-height: 1.6em;
  --h4-margin-bottom: 10px;
  /* h5 */
  --h5-font-size: 18px;
  --h5-font-weight: var(--heading-alt-font-weight);
  --h5-letter-spacing: 0;
  --h5-line-height: 1.6em;
  --h5-margin-bottom: 10px;
  /* h6 */
  --h6-font-size: 16px;
  --h6-font-weight: var(--heading-alt-font-weight);
  --h6-letter-spacing: 0;
  --h6-line-height: 1.6em;
  --h6-margin-bottom: 10px;
  /* mainmenu */
  --mainmenu-font: var(--heading-alt-font);
  --mainmenu-font-size: 15px;

  --mainmenu-font-weight: 700;

  --mainmenu-letter-spacing: 0;

  --mainmenu-text-transform: none;

  /* header logo */

  --logo-width: 170px;

  --logo-footer-width: 150px;

  /* misc */

  --border-default: solid 1px rgba(30, 30, 30, 1);

  --bg-color-even: #E8E8E8;

  --bg-color-odd: #F4F4F4;

  --bg-light: #F8F9FA;

  --bg-dark-1: #101435;

  --bg-dark-2: #1A1E42;

  --bg-dark-3: #1e1e1e;

  --bg-dark-1-rgb: 16, 20, 53;

  --bg-grey: #eeeeee;

  --bg-gradient-1: 0deg, rgba(var(--primary-color-rgb), .1) 0%, rgba(var(--secondary-color-rgb), .2) 100%;

  --swiper-theme-color: var(--secondary-color);

  --rounded-1: 10px;

  --border-color: #bbbbbb;

  --container-max-width: 1240px;

  /* button */

  --btn-color: #fff;

  --btn-hover-bg: var(--bg-dark-1);

  --btn-font-family: var(--body-font);

  --btn-font-size: 15px;

  --btn-font-weight: 800;

  --btn-letter-spacing: 2px;

  --btn-padding: 8px 30px;

  --btn-rounded: 6px;

  --btn-text-decoration: none;

  --btn-text-transform: uppercase;

  --gradient-text: 0deg, #888888 0%, #ffffff 75%;

}



/* base background color */

.bg-color {

  background: var(--primary-color)

}



.bg-color-2 {

  background: var(--secondary-color)

}



.bg-dark {

  background-color: var(--bg-dark-1) !important

}



/* base color */

.id-color {

  color: var(--primary-color)

}



.rounded-1 {

  border-radius: var(--rounded-1) !important;

  -moz-border-radius: var(--rounded-1) !important;

  -webkit-border-radius: var(--rounded-1) !important;

}



/* ================================================== */





/* body */





/* ================================================== */



html {

  position: relative;

  overflow-x: hidden;

  padding: 0;

  margin: 0;

}



body {

  overflow: hidden;

  font-family: var(--body-font);

  font-size: var(--body-font-size);

  font-weight: var(--body-font-weight);

  ;

  color: var(--body-font-color);

  padding: 0;

  line-height: 1.8em;

  word-spacing: 0px;

}



body.dark-scheme {

  color: var(--body-font-color-dark);

  background: var(--bg-dark-1);

  height: auto !important;

}



a,

a:hover {

  color: var(--body-font-color);

  text-decoration: none;

  outline: none;

}



.dark-scheme a,

.dark-scheme a:hover,

.text-light a,

.text-light a:hover {

  color: var(--body-font-color-dark);

  text-decoration: none;

  outline: none;

}





/* ================================================== */





/*  header  */





/* ================================================== */



header {

  width: 100%;

  position: absolute;

  left: 0;

  z-index: 1001;

  background: var(--bg-dark-1);

  margin: 0;

}



header.transparent {

  background: none;

}



header.autoshow {

  top: -120px;

  height: 70px !important;

}



header.autoshow.scrollOn,

header.autoshow.scrollOff {

  -o-transition: .5s;

  -ms-transition: .5s;

  -moz-transition: .5s;

  -webkit-transition: .5s;

  transition: .5s;

  outline: none;

}



header.autoshow.scrollOn {

  top: 0;

}



header.autoshow.scrollOff {

  /* opacity: ; */

  top: -120px;

}



header div#logo {

  color: white;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}



header .logo-scroll {

  display: none;

}



header .logo {

  font-family: var(--body-font);

  color: #fff;

  font-size: 40px;

  font-weight: 300;

}



header nav a {

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}



header nav a:hover {

  color: #555;

}



header.smaller #mainmenu ul ul {

  top: 0px;

}



header.smaller {

  position: fixed;

  top: 0px;

  background: var(--bg-dark-1);

  -webkit-backdrop-filter: blur(10px);

  -o-backdrop-filter: blur(10px);

  -moz-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

  border: none;

}



.scroll-down {

  margin-top: -90px;

}



/* header.smaller div#logo,

header.s2 div#logo {} */



header.smaller #topbar {

  margin-top: -42px;

  overflow: hidden;

}



header .logo-mobile {

  display: none;

}



.logo-smaller div#logo {

  width: 150px;

  height: 30px;

  line-height: 65px;

  font-size: 30px;

}



.logo-smaller div#logo img {

  font-size: 30px;

}



div#logo img {

  max-width: var(--logo-width);

}



/* left col header */



/* middle col header */



/* subheader */





/* ================================================== */





/* navigation */





/* ================================================== */



#mainmenu {

  font-size: 13px;

  margin: 0 auto;

  padding: 0;

  float: none;

  counter-reset: my-awesome-counter;

}



#mainmenu ul {

  margin: 0px 0px;

  padding: 0px;

  height: 30px;

  background: #ffffff;

  color: var(--body-font-color);

}



#mainmenu ul:not(.mega) {

  border: solid 1px #dddddd;

}



.dark-scheme #mainmenu ul {

  background: var(--bg-dark-1);

  border: solid 1px rgba(255, 255, 255, .1);

}



#mainmenu li {

  margin: 0px 0px;

  padding: 0px 0px;

  float: left;

  display: inline;

  list-style: none;

  position: relative;

}



#mainmenu>li {

  margin-right: 30px;

}



#mainmenu>li:last-child {

  margin-right: 0;

}



#mainmenu>li {

  counter-increment: my-awesome-counter;

}



#mainmenu li a.new:before {

  content: "NEW";

  font-size: 12px;

  padding: 1px 4px;

  border-radius: 3px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  margin-right: 5px;

  color: #ffffff;

  background: var(--primary-color);

}



/*

#mainmenu>li::before {

  content: counter(my-awesome-counter) ' —';

  right: 8px;

  top: 5px;

  color:var(--secondary-color);

  margin-right: 5px;

  font-weight: 500;

  font-family: var(--heading-font);

}

*/



header.smaller #mainmenu>li::before {

  transform: scale(0);

}



#mainmenu>li.has-child:after {

  font-family: FontAwesome;

  content: "\f078";

  padding-left: 5px;

  font-size: 8px;

  position: relative;

  top: -2px;

  color: rgba(255, 255, 255, .75);

}



.rtl #mainmenu li.has-child:after {

  padding-left: 15px;

}



#mainmenu>li>a {
  padding-right: 6px;
  font-family: var(--mainmenu-font);
  font-size: var(--mainmenu-font-size);
  font-weight: var(--mainmenu-font-weight);
  text-transform: var(--mainmenu-text-transform);
  letter-spacing: var(--mainmenu-letter-spacing);
}


#mainmenu li.has-child>a {

  padding-right: 0px;

}



#mainmenu a {

  position: relative;

  display: inline-block;

  padding-top: 25px;

  padding-bottom: 25px;

  text-decoration: none;

  color: #ffffff;

  text-align: center;

  outline: none;

}



#mainmenu p {

  line-height: 1.8em;

  margin-bottom: 0;

}



#mainmenu a span:not(.badge) {

  position: relative;

  width: 0%;

  color: #ffffff;

  display: block;

  font-size: 10px;

  text-transform: uppercase;

  line-height: 14px;

  border-bottom: solid 2px #ffffff;

}



#mainmenu li:hover a span:not(.badge) {

  width: 100%;

}



#mainmenu li li a span:not(.badge) {

  float: right;

  margin-top: 5px;

}



#mainmenu a.active span:not(.badge) {

  width: 100%;

  margin-left: 0%;

}



#mainmenu li li {

  font-family: var(--body-font);

  font-size: 14px;

}



#mainmenu li li:last-child {

  border-bottom: none;

}



#mainmenu li li a {

  padding: 5px 15px;

  border-top: none;

  color: #606060;

  width: 100%;

  border-left: none;

  text-align: left;

  font-weight: normal;

  border-bottom: solid 1px rgba(255, 255, 255, .1);

  letter-spacing: 0;

}



#mainmenu li li a:hover {

  background: var(--primary-color);

}



#mainmenu li:last-child>a {

  border-bottom: none;

}



.dark-scheme #mainmenu li li a {

  color: #ffffff;

}



.rtl #mainmenu li li a {

  text-align: right;

}



#mainmenu li li a:hover {

  color: #111;

}



#mainmenu li li a:after {

  content: none;

}



#mainmenu li li a:hover,

#mainmenu ul li:hover>a {

  color: #fff;

}



#mainmenu li a {

  position: relative;

}



#mainmenu li a:before {

  content: '';

  width: 0;

  height: 3px;

  position: absolute;

  left: 0;

  bottom: 20px;

  background: var(--primary-color);

}



#mainmenu li a.active:before {

  width: calc(100% - 5px);

}



#mainmenu li ul {

  width: 190px;

  height: auto;

  position: absolute;

  left: 0px;

  z-index: 10;

  visibility: hidden;

  opacity: 0;

  border-radius: 3px;

}



#mainmenu ul li b {

  background: #333;

  color: #ffffff;

  padding: 0 3px;

  padding-bottom: 3px;

  font-size: 10px;

  margin-right: 3px;

  border-radius: 2px;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

}



#mainmenu li li {

  font-size: 14px;

  display: block;

  float: none;

  text-transform: none;

}



#mainmenu li:hover>ul {

  visibility: visible;

  opacity: 1;

  margin-top: 0px;

}



#mainmenu li ul ul:not(.ul-list) {

  top: 0px;

  margin-left: 188px;

}



#mainmenu select {

  padding: 10px;

  height: 36px;

  font-size: 14px;

  border: none;

  background: #ff4200;

  color: #eceff3;

}



#mainmenu select option {

  padding: 10px;

}



#mainmenu .btn-type {

  padding: 0;

  margin: 0;

}



#mainmenu .btn-type a {

  background: #eee;

  padding: 0;

  margin: 0;

}



#mainmenu>li ul.mega {

  position: fixed;

  left: 0;

  height: 0%;

  width: 100%;

  visibility: hidden;

  opacity: 0;

  overflow: hidden;

  padding: 0;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  background: none;

}



#mainmenu>li ul.mega>li {

  padding: 0;

  margin: 0;

}



#mainmenu>li ul.mega .sb-menu {

  background: #fff;

  border-radius: 6px;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border: solid 1px #dddddd;

}



.dark-scheme #mainmenu>li ul.mega .sb-menu {

  background: var(--bg-dark-1);

  border-color: rgba(255, 255, 255, .1);

}



#mainmenu li:hover ul.mega {

  visibility: visible;

  opacity: 1;

}



#mainmenu li ul.mega>li,

#mainmenu li ul.mega>li a {

  width: 100%;

}



#mainmenu li ul.mega li.title {

  padding: 0px 10px 15px 10px;

  text-align: left;

  color: #fff;

  font-weight: bold;

}



#mainmenu li ul.mega>li ul {

  position: static;

  visibility: visible;

  opacity: 1;

  left: 0;

  float: none;

  width: 100%;

}



#mainmenu ul.mega>li ul li {

  margin: 0;

  padding: 0;

}



#mainmenu ul.mega>li ul li:last-child {

  border-bottom: none;

}



#mainmenu li ul.mega li.title {

  font-family: var(--main-font);

  padding: 0px;

  text-align: left;

  font-weight: bold;

  color: #586383;

}



#mainmenu ul.mega>li ul {

  border: none;

}



#mainmenu li ul.mega ul li a {

  background: none;

  padding: 2px 0;

}



#mainmenu li ul.mega ul li a:hover {

  color: #35404e;

}



header.header-mobile #mainmenu>li ul.mega {

  visibility: visible;

  opacity: 1;

}



header:not(.header-mobile) #mainmenu>li:hover ul.mega {

  height: auto;

}



/* menu toggle for mobile */



#menu-btn {

  line-height: 1.5em;

  display: none;

  float: right;

  width: 32px;

  height: 32px;

  padding: 4px;

  text-align: center;

  cursor: poInter;

  color: #fff;

  margin-top: 0px;

  margin-left: 20px;

}



#menu-btn:before {

  font-family: FontAwesome;

  content: "\f0c9";

  font-size: 20px;

}



#menu-btn.menu-open:before {

  content: "\f068";

}



.rtl #menu-btn {

  float: left;

}





#btn-extra {

  position: relative;

  margin-left: 20px;

  width: 24px;

  height: 12px;

  cursor: pointer;

}



#btn-extra span {

  content: '';

  display: block;

  position: absolute;

  top: 0;

  width: 100%;

  border-bottom: solid 2px #ffffff;

}



#btn-extra.img {

  width: 32px;

  height: 32px;

}



#btn-extra img {

  width: 100%;

}





#btn-extra span:nth-child(2) {

  top: auto;

  bottom: 0;

  right: 0;

}



#btn-extra:hover span {

  width: 70%;

}



#extra-wrap {

  position: fixed;

  z-index: 1002;

  top: 0;

  right: -500px;

  width: 500px;

  height: 100%;

  overflow: hidden;

  background: rgba(var(--bg-dark-1-rgb), .75);

  -webkit-backdrop-filter: blur(10px);

  -o-backdrop-filter: blur(10px);

  -moz-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

}



#extra-wrap.open {

  right: 0;

}



#extra-content {

  padding: 50px;

  color: #ffffff;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: -17px;

  overflow-y: scroll;

}



#btn-close {

  top: 50px;

  right: 50px;

  position: absolute;

  z-index: 1001;

  width: 26px;

  height: 26px;

  cursor: pointer;

}



#btn-close span {

  content: '';

  display: block;

  position: absolute;

  top: 50%;

  width: 100%;

  height: 2px;

  background: #ffffff;

  transform: rotate(45deg);

}



#btn-close span:nth-child(2) {

  transform: rotate(-45deg);

}



/* ================================================== */





/* content */





/* ================================================== */



#content {

  width: 100%;

  background: #ffffff;

  padding: 90px 0 90px 0;

  z-index: 100;

}



.dark-scheme #content {

  background: var(--bg-dark-1);

}



.dark-scheme #content {

  background: var(--bg-dark-1);

}



/* ================================================== */





/* section */





/* ================================================== */



section {

  padding: 50px 0 50px 0;

}



/* section:not(.relative) {} */





.dark-scheme section {

  background: var(--bg-dark-1);

}



/* ================================================== */





/* footer */





/* ================================================== */



footer {

  color: var(--body-font-color-dark);

  background: var(--bg-dark-1);

  padding: 100px 0 0 0;

}



footer p {

  line-height: 1.8em;

}



.dark-scheme footer a {

  color: var(--body-font-color-dark);

}



footer h5 {

  color: #fff;

  font-size: 18px;

  text-transform: none;

}



footer a {

  color: var(--body-font-color-dark);

  text-decoration: none !important;

}



header.header-mobile {

  position: fixed !important;

  background: var(--heading-font-color);

  top: 0;

  padding-top: 10px;

  padding-bottom: 10px;

}



header.header-mobile .container {

  max-width: 100% !important;

  padding-left: 20px;

  padding-right: 20px;

}



.dark-scheme header.header-mobile {

  background: var(--bg-dark-1);

}



header.header-mobile nav {

  float: none;

}



header.header-mobile .logo {

  display: none;

}



header.header-mobile #mainmenu ul {

  padding: 0;

}



/* topbar start here */



#topbar {

  z-index: 1000;

  width: 100%;

  overflow: hidden;

  top: 0;

  background: var(--bg-dark-3);

}



#topbar a {

  text-decoration: none;

}



#topbar.text-light a {

  color: #ffffff;

}



/* topbar left content */



.menu_side_area .btn-line {

  display: inline-block;

}



/* topbar widget */



/* topbar end here */



/* ================================================== */





/* blog */





/* ================================================== */



/* blog list */



/* de-bloglist-type-1 */





/* de-post-type-1 */



#blog-carousel .item.item {

  width: 100%;

}



/* blog comment */



/* #blog-comment li li .comment {} */



/* .comment-info span {} */



/* .blog-list .post-wrapper {} */



.blog-carousel ul,

.blog-carousel li {

  margin: 0;

  list-style: none;

}



.blog-carousel h4 {

  margin-bottom: 0px;

}



.blog-carousel p {

  margin-bottom: 10px;

}



/* blog comment form */





.blog-slide {

  padding: 0;

  margin: 0;

}



/* ================================================== */



/* ratings */





/* ================================================== */



/* ================================================== */





/* contact form */





/* ================================================== */



.error {

  display: none;

  margin-top: 30px;

  color: #e7505a;

  clear: both;

  padding-top: 20px;

  padding: 20px;

  background: rgba(231, 80, 90, .1);

  border: solid 1px #e7505a;

}



.success {

  display: none;

  position: relative;

  color: #ffffff;

  background: var(--bg-dark-2);

  clear: both;

  padding: 30px;

  padding-left: 90px;

  border-radius: var(--rounded-1);

  -moz-border-radius: var(--rounded-1);

  -webkit-border-radius: var(--rounded-1);

}



.success:before {

  font-size: 40px;

  position: absolute;

  font-family: "FontAwesome";

  content: "\f00c";

  margin-right: 15px;

  left: 30px;

  top: 40px;

}



.error img {

  vertical-align: top;

}



/* #contact_form textarea {

  height: calc(100% - 20px);

} */



#contact_form input[type=checkbox] {

  position: relative;

  border: solid 1px var(--primary-color);

  background: none;

  cursor: pointer;

  line-height: 0;

  margin: 4px .6em 0 0;

  outline: 0;

  padding: 0 !important;

  vertical-align: text-top;

  height: 15px;

  width: 15px;

  -webkit-appearance: none;

  opacity: .5;

}



.form-control {

  padding: 10px;

  border: solid 1px rgba(0, 0, 0, 0.05);

  background: rgba(0, 0, 0, .025);

  border-radius: var(--rounded-1) !important;

  -moz-border-radius: var(--rounded-1) !important;

  -webkit-border-radius: var(--rounded-1) !important;

}



.text-light .form-control {

  color: #ffffff;

  border: solid 1px rgba(255, 255, 255, 0.2);

  background: rgba(255, 255, 255, .025);

}



.text-light select.form-control option {

  color: var(--heading-font-color);

}







#contact_form input[type=checkbox]:checked {

  background: var(--primary-color);

  opacity: 1;

}



.text-light ::placeholder {

  color: #ffffff;

  opacity: 1;

  /* Firefox */

}



.text-light::-ms-input-placeholder {

  /* Edge 12 -18 */

  color: #ffffff;

}



.error_input {

  border-bottom: solid 1px #ff0000 !important;

}



.arrow-up,

.arrow-down {

  width: 0;

  height: 0;

  border-left: 40px solid transparent;

  border-right: 40px solid transparent;

  border-bottom: 40px solid #fff;

  position: fixed;

  margin-left: auto;

  margin-right: auto;

  left: 0;

  right: 0;

  bottom: 0;

  cursor: poInter;

  z-index: 101;

}



.arrow-down {

  border-top: 40px solid #fff;

  border-bottom: none;

  position: fixed;

  z-index: 102;

  top: -40px;

}



.arrow-up:before {

  font-family: "FontAwesome";

  font-size: 20px;

  content: "\f067";

  color: #222;

  position: relative;

  top: 12px;

  margin: 0 0 0 -8px;

}



.arrow-down:before {

  font-family: "FontAwesome";

  font-size: 20px;

  content: "\f068";

  color: #222;

  position: relative;

  top: -35px;

  margin: 0 0 0 -8px;

}



/* ================================================== */





/* elements */





/* ================================================== */





/* border */





/* ------------------------------ */



/* breadcrumb */





/* ------------------------------ */



/* button and link */





/* ------------------------------ */



a {

  text-decoration: none;

}



a.btn-text {

  text-decoration: none;

  display: inline-block;

  color: #111;

  font-weight: 600;

  padding: 0;

}



a.btn-text:after {

  font-family: FontAwesome;

  content: "\f054";

  padding-left: 10px;

}



a.btn-text {

  color: #fff;

}



a.btn-big {

  font-size: 14px;

  color: #eceff3;

  letter-spacing: 1px;

  line-height: normal;

  font-weight: bold;

  text-transform: uppercase;

  border: solid 1px #fff;

  padding: 10px 30px 10px 30px;

}



a.btn-big:after {

  font-family: FontAwesome;

  content: "\f054";

  margin-left: 20px;

}



a.btn,

.btn {

  position: relative;

  z-index: 1;

  overflow: hidden;

}



a.btn:before {

  content: "";

  background: rgba(0, 0, 0, 0);

  width: 0;

  height: 100%;

  position: absolute;

  z-index: -1;

}



a.btn-fx:after {

  font-family: FontAwesome;

  content: "\f178";

  margin-left: 15px;

  position: absolute;

  right: -20px;

  margin-top: 0px;

}



a.btn-fx {

  font-size: 14px;

  color: #eceff3;

  letter-spacing: 1px;

  line-height: normal;

  font-weight: bold;

  text-transform: uppercase;

  border: solid 1px #fff;

  padding: 10px 30px 10px 30px;

}



a.btn-fx:hover {

  padding-left: 20px;

  padding-right: 40px;

}



a.btn-fx:before {

  width: 0;

  height: 100%;

  left: 0;

  top: 0;

  position: absolute;

}



a.btn-fx:hover:after {

  right: 15px;

}



a.btn-fx:hover:before {

  width: 100%;

  background: rgba(0, 0, 0, 1);

}



a.btn-fx.light:hover:before {

  width: 100%;

  background: rgba(255, 255, 255, 1);

}



.btn-fullwidth {

  display: block;

  width: 100%;

}



a.btn-slider {

  font-size: 14px;

  font-weight: bold;

  color: #fff;

  line-height: normal;

  text-decoration: none;

  text-transform: uppercase;

  border: solid 2px #fff;

  padding: 10px 30px 10px 30px;

  border-radius: 60px;

}



a.btn-slider:hover {

  color: #222;

  background: #fff;

  border-color: #000;

  border: solid 2px #fff;

}



a.btn-main:hover,

.btn-main:hover,

a.btn-main.btn-line:hover {

  color: #fff;

  background: var(--btn-hover-bg);

}



a.btn-slider:hover:after {

  color: #222;

}



a.btn-id,

a.btn-id:hover {

  border: none;

}



a.btn-light.btn-id {

  color: #222;

}



a.btn-dark.btn-id {

  color: #fff;

}



.btn-main.btn-small {

  padding: 5px 20px 5px 20px;

  font-weight: bold;

  text-transform: uppercase;

}



.btn-fx.btn-main {

  text-transform: normal;

}



a.btn-bg-dark {

  background: #222;

}



a.btn-text-light {

  color: #fff;

}



.btn-icon-left i {

  margin-right: 12px;

  color: #fff;

}



.btn-add_to_cart,

a.btn-add_to_cart {

  border: solid 1px #bbb;

  font-size: 12px;

  border-radius: 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  padding: 3px;

  padding-left: 40px;

  padding-right: 20px;

  display: inline-block;

  text-align: center;

  text-decoration: none;

  color: #555;

}



.btn-add_to_cart:before,

a.btn-add_to_cart:before {

  font-family: "FontAwesome";

  content: "\f07a";

  position: absolute;

  left: 20px;

}



a.btn-main,

a.btn-main:active,

a.btn-main:focus,

a.btn-main:visited,

.btn-main,

input[type=button].btn-main,

a.btn-line,

#mainmenu li ul.mega a.btn-main {

  width: 260px;

  background: var(--primary-color);

  color: var(--btn-color);

  font-family: var(--btn-font-family);

  font-size: var(--btn-font-size);

  font-weight: var(--btn-font-weight);

  letter-spacing: var(--btn-letter-spacing);

  padding: var(--btn-padding);

  text-decoration: var(--btn-text-decoration);

  text-transform: var(--btn-text-transform);

  border-radius: var(--btn-rounded);

  -moz-border-radius: var(--btn-rounded);

  -webkit-border-radius: var(--btn-rounded);

  border: none;

  position: relative;

  display: inline-block;

  text-align: center;

  outline: 0;

}



a.btn-main.fx-slide {

  overflow: hidden;

}



a.btn-main.fx-slide span {

  display: block;

  position: relative;

  transition: all .3s ease-in-out;

}



a.btn-main.fx-slide:hover span {

  transform: translate(0, 40px);

  opacity: 0;

}



a.btn-main.fx-slide:hover:before {

  opacity: 1;

  transform: translate(0, 0);

}



a.btn-main.fx-slide:before {

  content: attr(data-hover);

  position: absolute;

  left: 0;

  width: 100%;

  opacity: 0;

  transform: translate(0, -100%);

  transition: all 0.3s ease-in-out;

}



a.btn-main.btn-dark-trans {

  background: rgba(255, 255, 255, .1);

}



a.btn-main.btn-dark-trans:hover {

  background: var(--primary-color);

}





a.btn-main.btn-light-trans {

  color: var(--heading-font-color);

  background: rgba(0, 0, 0, .05);

}



a.btn-main.btn-light-trans:hover {

  color: #ffffff;

  background: var(--primary-color);

}



a.btn-main.btn-trans.light {

  background: rgba(255, 255, 255, .25);

}



a.btn-topbar {

  display: inline-block;

  padding: 5px 20px;

  font-size: 14px;

  font-weight: bold;

}



a.btn-sc {

  display: inline-block;

  font-family: var(--heading-font);

  font-weight: bold;

  padding: 6px;

  font-size: 14px;

  color: #222;

  border-radius: 30px;

  -moz-border-radius: 30px;

  -webkit-border-radius: 30px;

  background: #f2f2f2;

}



a.btn-sc img {

  width: 20px;

  margin-top: -4px;

  margin-right: 8px;

}



a.btn-line,

a.btn-line:hover {

  background: none;

  color: #35404e;

  border: solid 1px rgba(255, 255, 255, .5);

}



a.btn-line:hover {

  border: solid 1px rgba(255, 255, 255, 0);

}



.text-light .btn-line {

  color: #ffffff;

}





a.btn-line:hover {

  color: #ffffff;

}



header:not(.header-light) a.btn-line,

.dark-scheme a.btn-line {

  color: #ffffff;

}



a.btn-main.btn-white {

  background: #ffffff;

}



a.btn-border {

  border: solid 2px rgba(255, 255, 255, .3);

  border-radius: 0px;

  -moz-border-radius: 0px;

  -webkit-border-radius: 0px;

  min-width: 120px;

  outline: 0;

  font-weight: bold;

  text-decoration: none;

  padding: 10px 30px;

  min-width: 120px;

  text-transform: uppercase;

  font-size: 12px;

  letter-spacing: 2px;

}



a.btn-border:hover {

  color: #ffffff;

  border-color: rgba(255, 255, 255, 0);

  margin-top: -2px;

  margin-bottom: 2px;

  box-sizing: border-box

}



a.btn-border.light {

  border: solid 1px #ffffff;

  color: #ffffff;

}



a.btn-border.light:hover {

  background: #ffffff;

}



a.btn-border:hover a {

  color: #ffffff !important;

}



a.btn-link {

  display: block;

  text-decoration: none;

  margin-top: 10px;

}



a.btn-lg {

  font-size: 24px;

  padding: 15px 30px 10px 30px;

}



.btn-plus {

  font-size: 15px;

  font-weight: bold;

  display: inline-block;

  position: relative;

  text-align: center;

  max-width: 36px;

  height: 36px;

  border-radius: 36px;

  -moz-border-radius: 36px;

  -webkit-border-radius: 36px;

  overflow: hidden;

  border: solid 1px var(--heading-font-color);

  color: var(--heading-font-color);

  ;

}



.btn-plus:hover {

  max-width: 100%;

  color: var(--heading-font-color);

  ;

}



.btn-plus i {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 10px;

}



.btn-plus span {

  opacity: 0;

  display: inline-block;

  overflow: hidden;

  margin-left: 36px;

  line-height: 2.2em;

  padding-right: 15px;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.btn-plus:hover span {

  opacity: 1;

}





.text-light .btn-plus {

  border: solid 1px #ffffff;

  color: #ffffff;

  ;

}



.text-light .btn-plus:hover {

  color: #ffffff;

  ;

}



a.btn-main.btn-with-arrow {

  padding-right: 40px;

}



.btn-with-arrow {

  position: relative;

}



.btn-with-arrow:after {

  position: absolute;

  content: url(../images/ui/arrow-top-right-white.svg);

  top: 12px;

}



.btn-with-arrow:hover:after {

  top: 8px;

}



.btn-with-arrow:before {

  position: absolute;

  content: url(../images/ui/arrow-top-right-white.svg);

  top: 16px;

  left: 8px;

  opacity: 0;

}



a.btn-main.btn-with-arrow:hover {

  padding-right: 25px;

  padding-left: 40px;

}



.btn-with-arrow:hover:after {

  opacity: 0;

}



.btn-with-arrow:hover:before {

  opacity: 1;

  top: 12px;

  left: 12px;

}



.cover a.btn-link:hover {

  color: #fff;

}







/* divider */





/* ------------------------------ */



.spacer-single {

  width: 100%;

  height: 30px;

  display: block;

  clear: both;

}



hr {

  display: block;

  clear: both;

  border-top: solid 1px #ddd;

  margin: 40px 0 40px 0;

}



/* dropcap */





/* ------------------------------ */



/* form */





/* ------------------------------ */



.dark-scheme ::-webkit-calendar-picker-indicator {

  filter: invert(1);

}





/* heading */





/* ------------------------------ */



h1,
h2,
.h1,
.h2 {
  margin-top: 0;
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  color: var(--heading-font-color);
  text-transform: var(--heading-text-transform);
}

h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
  font-family: var(--heading-alt-font);
  font-weight: var(--heading-alt-font-weight);
  color: var(--heading-font-color);
  text-transform: var(--heading-text-transform);
}


.dark-scheme h1,

.dark-scheme h2,

.dark-scheme h4,

.dark-scheme h3,

.dark-scheme h5,

.dark-scheme h6,

.dark-scheme .h1,

.dark-scheme .h2,

.dark-scheme .h3,

.dark-scheme .h4,

.dark-scheme .h5,

.dark-scheme .h6 {

  color: #ffffff;

}



footer h1,

footer h2,

footer h4,

footer h4,

footer h5,

footer h6 {

  color: #fff;

}



h2.text-light,

footer h4,

footer h4,

footer h5,

footer h6 {

  color: #fff;

}



h1 {

  font-size: var(--h1-font-size);

  font-weight: var(--h1-font-weight);

  letter-spacing: var(--h1-letter-spacing);

  line-height: var(--h1-line-height);

  margin-bottom: var(--h1-margin-bottom);

}



h2 {

  font-size: var(--h2-font-size);

  font-weight: var(--h2-font-weight);

  letter-spacing: var(--h2-letter-spacing);

  line-height: var(--h2-line-height);

  margin-bottom: var(--h2-margin-bottom);

}



h3 {

  font-size: var(--h3-font-size);

  font-weight: var(--h3-font-weight);

  letter-spacing: var(--h3-letter-spacing);

  line-height: var(--h3-line-height);

  margin-bottom: var(--h3-margin-bottom);

}



h4 {

  font-size: var(--h4-font-size);

  font-weight: var(--h4-font-weight);

  letter-spacing: var(--h4-letter-spacing);

  line-height: var(--h4-line-height);

  margin-bottom: var(--h4-margin-bottom);

}



h5 {

  font-size: var(--h5-font-size);

  font-weight: var(--h5-font-weight);

  letter-spacing: var(--h5-letter-spacing);

  line-height: var(--h5-line-height);

  margin-bottom: var(--h5-margin-bottom);

}





h6 {

  font-size: var(--h6-font-size);

  font-weight: var(--h6-font-weight);

  letter-spacing: var(--h6-letter-spacing);

  line-height: var(--h6-line-height);

  margin-bottom: var(--h6-margin-bottom);

}



h1.title {

  font-size: 64px;

  letter-spacing: 10px;

}



h1.title strong {

  text-transform: none;

  letter-spacing: 0;

  font-weight: normal;

}





h5.new:before {

  content: "NEW";

  font-size: 12px;

  padding: 1px 6px 2px 6px;

  border-radius: 3px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  margin-right: 5px;

  color: #ffffff;

  background: var(--primary-color);

}



h5 span.label {

  display: inline-block;

  margin-right: 10px;

  background: #222222;

  color: #ffffff;

  padding: 0 5px;

  border-radius: 3px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

}



.text-light,

.text-light p {

  color: var(--body-font-color-dark);

}



.text-white {

  color: #fff;

}



.text-light h1,

.text-light h2,

.text-light h3,

.text-light h4,

.text-light h5,

.text-light h6 {

  color: #fff;

}



.text-light h1,

.text-light h2,

.dark-scheme h1,

.dark-scheme h2 {

  background: -webkit-linear-gradient(var(--gradient-text));

  background: -moz-linear-gradient(var(--gradient-text));

  background: linear-gradient(var(--gradient-text));

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.text-white h1,

.text-white h2,

.text-white h4,

.text-white h4,

.text-white h5,

.text-white h6 {

  color: #fff;

}



/* list */



.ul-check {

  padding: 0;

  list-style: none;

}



.ul-check li {

  margin: 5px 0 5px 0;

}



.ul-check li:before {

  font-family: "FontAwesome";

  content: "\f00c";

  margin-right: 15px;

  color: var(--primary-color);

}



.dark-scheme .ul-check li a {

  color: rgba(255, 255, 255, .7);

}



/* pagination */



.spinner {

  display: table-cell;

  vertical-align: middle;

  margin: 100px auto 0;

  width: 70px;

  text-align: center;

}



.spinner>div {

  width: 18px;

  height: 18px;

  background-color: #fff;



  border-radius: 100%;

  display: inline-block;

  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;

  animation: sk-bouncedelay 1.4s infinite ease-in-out both;

}



@-webkit-keyframes sk-bouncedelay {



  0%,

  80%,

  100% {

    -webkit-transform: scale(0)

  }



  40% {

    -webkit-transform: scale(1.0)

  }

}



@keyframes sk-bouncedelay {



  0%,

  80%,

  100% {

    -webkit-transform: scale(0);

    transform: scale(0);

  }



  40% {

    -webkit-transform: scale(1.0);

    transform: scale(1.0);

  }

}



/* ================================================== */



/* preloader */



/* ================================================== */



#de-loader {

  position: fixed;

  z-index: 20000;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #ffffff;

  text-align: center;

  display: flex;

  justify-content: center;

  align-items: center;

}



.dark-scheme #de-loader {

  background: var(--bg-dark-1);

}



.lds-roller {

  display: inline-block;

  position: relative;

  width: 80px;

  height: 80px;

}



.lds-roller div {

  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;

  transform-origin: 40px 40px;

}



.lds-roller div:after {

  content: " ";

  display: block;

  position: absolute;

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background: var(--primary-color);

  margin: -2px 0 0 -2px;

}



.lds-roller div:nth-child(1) {

  animation-delay: -0.036s;

}



.lds-roller div:nth-child(1):after {

  top: 63px;

  left: 63px;

}



.lds-roller div:nth-child(2) {

  animation-delay: -0.072s;

}



.lds-roller div:nth-child(2):after {

  top: 68px;

  left: 56px;

}



.lds-roller div:nth-child(3) {

  animation-delay: -0.108s;

}



.lds-roller div:nth-child(3):after {

  top: 71px;

  left: 48px;

}



.lds-roller div:nth-child(4) {

  animation-delay: -0.144s;

}



.lds-roller div:nth-child(4):after {

  top: 72px;

  left: 40px;

}



.lds-roller div:nth-child(5) {

  animation-delay: -0.18s;

}



.lds-roller div:nth-child(5):after {

  top: 71px;

  left: 32px;

}



.lds-roller div:nth-child(6) {

  animation-delay: -0.216s;

}



.lds-roller div:nth-child(6):after {

  top: 68px;

  left: 24px;

}



.lds-roller div:nth-child(7) {

  animation-delay: -0.252s;

}



.lds-roller div:nth-child(7):after {

  top: 63px;

  left: 17px;

}



.lds-roller div:nth-child(8) {

  animation-delay: -0.288s;

}



.lds-roller div:nth-child(8):after {

  top: 56px;

  left: 12px;

}



@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Homepage Splash Screen */

.home-splash-page.splash-locked {
  overflow: hidden;
}

.home-splash-page .site-splash {
  position: fixed;
  inset: 0;
  z-index: 26000;
  display: grid;
  place-items: center;
  background: #060a22;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.home-splash-page .site-splash.is-exit {
  opacity: 0;
  visibility: hidden;
}

.home-splash-page .site-splash__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 60% center;
  opacity: 0.9;
  z-index: 0;
  pointer-events: none;
}

.home-splash-page .site-splash__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(52% 44% at 14% 16%, rgba(67, 37, 143, 0.46), transparent 72%),
    radial-gradient(44% 36% at 86% 14%, rgba(103, 126, 255, 0.24), transparent 74%),
    linear-gradient(145deg, rgba(5, 9, 27, 0.86) 0%, rgba(7, 12, 35, 0.78) 46%, rgba(9, 15, 42, 0.9) 100%);
}

.home-splash-page .site-splash__frame {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: grid;
  place-items: center;
  padding: 16px;
  width: 100%;
  pointer-events: none;
}

.home-splash-page .site-splash__logo {
  width: clamp(180px, 22vw, 320px);
  height: auto;
  filter: drop-shadow(0 12px 28px rgba(67, 37, 143, 0.28));
}

@media (max-width: 767.98px) {
  .home-splash-page .site-splash__logo {
    width: clamp(160px, 52vw, 240px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-splash-page .site-splash {
    transition: none !important;
  }
}

/* progress bar */




/* ================================================== */



.de-progress {

  width: 100%;

  height: 8px;

  background: #ddd;

  margin-top: 20px;

  margin-bottom: 20px;

  border-radius: 8px;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  overflow: hidden;

}



.de-progress .progress-bar {

  background: #333;

  height: 8px;

  box-shadow: none;

}



.de-progress {

  background: #ffffff;

}





/* social-icons */





/* ================================================== */



/* ================================================== */



/* accordion



/* ================================================== */





.accordion-section-title {

  color: #35404e;

  width: 100%;

  padding: 15px 0;

  cursor: poInter;

  font-family: var(--body-font);

  width: 100%;

  display: inline-block;

  font-size: 17px;

  transition: all linear 0.5s;

  text-decoration: none;

  font-weight: 600;

  overflow: none;

  border-bottom: solid 1px #dddddd;

}



.dark-scheme .accordion-section-title,

.text-light .accordion-section-title {

  color: #ffffff;

  border-bottom: solid 1px rgba(255, 255, 255, .4) !important;

}



.accordion-section-title:before {

  font-family: "FontAwesome";

  content: "\f107";

  float: right;

  color: var(--bg-dark-1);

  text-align: center;

  padding: 0 8px 0 8px;

  font-size: 15px;

  border-radius: 8px;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  width: 30px;

}



.dark-scheme .accordion-section-title:before,

.text-light .accordion-section-title:before {

  color: #ffffff;

}



.rtl .accordion-section-title:before {

  float: left;

}



.accordion-section-title.active:before {

  content: "\f106";

}



.accordion-section-title.active {

  margin-bottom: 0px;

  text-decoration: none;

}



.accordion-section-title:hover {

  text-decoration: none;

}



.accordion-section-content {

  padding-top: 15px;

  padding-bottom: 5px;

  display: none;

  margin-bottom: 10px;

}





/* bs */



.de_tab .de_nav {

  overflow: hidden;

  padding-left: 0;

  margin: 0;

  padding: 0;

  font-weight: bold;

}



.de_tab .de_nav li {

  float: left;

  list-style: none;

  margin-right: 10px;

  border-radius: 0px;

  -moz-border-radius: 0px;

  -webkit-border-radius: 0px;

}



.rtl .de_tab .de_nav li {

  float: right;

  margin-right: 0;

  margin-left: 0;

}



.de_tab .de_nav li span {

  border: solid 1px rgba(0, 0, 0, .2);

  display: block;

  text-decoration: none;

  color: #646464;

  font-size: 15px;

  cursor: poInter;

}



.dark-scheme .de_tab .de_nav li span {

  color: rgba(255, 255, 255, .3);

  background: #292F45;

}



.de_tab .de_nav li span {

  border-radius: 3px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

}



.de_tab .de_tab_content {

  padding-top: 30px;

}



.de_tab .de_nav li.active span {

  background: #FFF;

  color: #222;

}



.de_tab .de_nav li.active span .v-border {

  display: none;

}



.de_tab .de_nav li.active span {

  background: #27282b;

}



/* new added */







/* tab de_light */



/* .de_light .de_tab.tab_style_2 .de_nav {} */



/* tab de_light */



.de_tab h3 {

  font-size: 18px;

  margin-bottom: 10px;

}



.de_tab h3 span {

  font-size: 40px;

}



.de_tab p {

  margin-bottom: 0;

}



.de_nav h3 {

  text-transform: uppercase;

  font-size: 24px;

  line-height: 1em;

  margin-bottom: 0;

}





/* tab de_light */



.btn-left,

.btn-right {

  background: none;

  border: solid 1px rgba(255, 255, 255, .2);

  padding: 10px 20px 10px 20px;

  margin: 5px;

  font-family: var(--body-font);

  text-transform: uppercase;

  letter-spacing: 5px;

}



.btn-right:after {

  font-family: FontAwesome;

  content: "\f054";

  padding-left: 10px;

}



.btn-left:before {

  font-family: FontAwesome;

  content: "\f053";

  padding-right: 10px;

}



a.btn-left,

a.btn-right {

  text-decoration: none;

}



/* testimonial

    /* ================================================== */



/*

.de_testi blockquote:before {

  font-family: FontAwesome;

  content: "\f10d";

  padding-bottom: 10px;

  font-size: 20px;

  display: inline-block;

  padding: 10px 20px 10px 20px;

  font-style: normal;

  background: #000;

  position: absolute;

  left: 15px;

  font-weight: normal;

}

*/



/* new timeline */



/* close new timeline */







/* css attributes */



.overflow-hidden {

  overflow: hidden;

}



/* ================================================== */





/* anim */





/* ================================================== */



header,

header *,

.hover,

.hover *,

.de_tab .de_nav li span,

a.btn-line:after,

.mfp-close,

.mfp-close:hover,

.text-rotate-wrap,

.text-rotate-wrap .text-item,

.owl-slider-nav .next,

.owl-slider-nav .prev,

#back-to-top.show,

#back-to-top.hide,

.de_tab .de_nav li span,

#popup-box.popup-show,

#popup-box.popup-hide,

.btn-main,

#mainmenu *,

#mainmenu a span,

#mainmenu a.active span,

#mainmenu li a.active:before,

.error_input,

a.btn-border,

#contact_form input,

.dropdown *,

.d-carousel *,

#slider-carousel *,

.d_demo_img *,

.show-on-scroll,

#mainmenu>li::before,

.btn-plus,

.btn-plus *,

.btn-with-arrow:after,

.btn-with-arrow:before,

#topbar,

#extra-wrap,

#btn-extra,

#btn-extra *,

.de-tab * {

  -o-transition: all 1s cubic-bezier(0.6, 0.03, 0.28, 0.98);

  -ms-transition: all 1s cubic-bezier(0.6, 0.03, 0.28, 0.98);

  -moz-transition: all 1s cubic-bezier(0.6, 0.03, 0.28, 0.98);

  -webkit-transition: all 1s cubic-bezier(0.6, 0.03, 0.28, 0.98);

  transition: all 1s cubic-bezier(0.6, 0.03, 0.28, 0.98);

  outline: none;

}



a.btn-fx:after,

a.btn-fx:hover:after,

a.btn-fx:before,

a.btn-fx:hover:before,

#mainmenu li,

#mainmenu li ul,

.owl-prev,

.owl-next {

  -o-transition: .2s ease;

  -ms-transition: .2s ease;

  -moz-transition: .2s ease;

  -webkit-transition: .2s ease;

  transition: .2s ease;

  outline: none;

}



header.header-mobile #mainmenu>li>span {

  -o-transition: none;

  -ms-transition: none;

  -moz-transition: none;

  -webkit-transition: none;

  transition: none;

  outline: none;

}



@-webkit-keyframes scaleIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(1.5, 1.5, 1.5);

    transform: scale3d(1.5, 1.5, 1.5);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



@keyframes scaleIn {

  from {

    opacity: 0;

    -webkit-transform: scale3d(1.5, 1.5, 1.5);

    transform: scale3d(1.5, 1.5, 1.5);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



.scaleIn {

  -webkit-animation-name: scaleIn;

  animation-name: scaleIn;

}



@-webkit-keyframes scaleInFade {

  from {

    opacity: 0;

    -webkit-transform: scale3d(1.5, 1.5, 1.5);

    transform: scale3d(1.5, 1.5, 1.5);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



@keyframes scaleInFade {

  from {

    opacity: 0;

    -webkit-transform: scale3d(1.5, 1.5, 1.5);

    transform: scale3d(1.5, 1.5, 1.5);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

  }

}



@-webkit-keyframes scaleOutFade {

  from {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale(1, 1, 1);

    transform: scale(1, 1, 1);

  }

}



@keyframes scaleOutFade {

  from {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale(1, 1, 1);

    transform: scale(1, 1, 1);

  }

}



@-webkit-keyframes widthInFade {

  from {

    opacity: 0;

    width: 1px;

  }



  100% {

    opacity: 1;

    width: 100px;

  }

}



@keyframes widthInFade {

  from {

    opacity: 0;

    width: 1px;

  }



  100% {

    opacity: 1;

    width: 100px;

  }

}



/* ================================================== */





/* video */





/* ================================================== */



video,

object {

  display: inline-block;

  vertical-align: baseline;

  min-width: 100%;

  min-height: 100%;

}



.de-video-container {

  top: 0%;

  left: 0%;

  height: 500px;

  width: 100%;

  overflow: hidden;

}



/* youtube, vimeo */



.de-video-container .btn-line:hover:after,

.de-video-container a.btn-line:hover:after,

.de-video-container a.btn-line.hover:after {

  color: #eceff3;

}



/* ================================================== */





/* map */





/* ================================================== */





/* --------------- map --------------- */



#map {

  width: 100%;

  height: 500px;

}



.map iframe {

  width: 100%;

  border: solid 1px #ccc;

  padding: 2px;

  background: #fff;

}



@-webkit-keyframes pulsate {

  0% {

    -webkit-transform: scale(0.1, 0.1);

    opacity: 0.0;

  }



  50% {

    opacity: 1.0;

  }



  100% {

    -webkit-transform: scale(1.2, 1.2);

    opacity: 0.0;

  }

}



/* ================================================== */





/* overide bootstrap */





/* ================================================== */



.dark-scheme .modal-header {

  border-bottom-color: rgba(255, 255, 255, .2);

}



.dark-scheme .modal-content {

  background: var(--bg-dark-1);

}



.dark-scheme .modal-footer {

  border-top-color: rgba(255, 255, 255, .2);

}



.btn-primary {

  text-shadow: none;

  border: none;

}



.btn.btn-primary:hover {

  background: #555;

}



p {

  margin-top: 0;

}



p.lead {

  font-size: 18px;

  line-height: 32px;

  margin-top: 0;

  font-weight: 400;

  letter-spacing: -0.2px;

  margin-bottom: 30px;

}



p.small {

  line-height: 1.8em;

}



.dark-scheme p.lead {

  color: rgba(255, 255, 255, .75);

}



.dark-scheme strong {

  color: #ffffff;

}



.progress {

  background: #27282B;

}



/* Vertical line */



/* ================================================== */





/* widget */





/* ================================================== */



.widget {

  margin-bottom: 30px;

  padding-bottom: 30px;

}



footer .widget {

  margin-bottom: 0;

}





.widget ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.widget ul li {

  margin: 3px 0;

}



footer .widget {

  border: none;

  margin-bottom: 0;

}



footer .widget h5 {

  margin-bottom: 20px;

}



#cookit {

  position: fixed;

  width: 100%;

  bottom: 0;

  padding: 1rem 2rem;

  display: flex;

  z-index: 1022;

  background: rgba(20, 20, 20, 1) !important;

}



.dark-scheme #cookit {

  border-top: solid 1px rgba(255, 255, 255, .15);

}



#cookit.hidden {

  display: none;

}



#cookit #cookit-container {

  margin: auto;

  width: 1300px;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}



#cookit #cookit-container>* {

  margin: .4rem;

}



#cookit #cookit-container p {

  line-height: 1.4rem;

}



#cookit #cookit-container a {

  text-decoration: none;

}



#cookit #cookit-container a:hover {

  opacity: .9;

}



#cookit #cookit-container #cookit-button {

  color: #ffffff !important;

  font-size: 14px;

  font-weight: bold;

  padding: .25rem 2rem;

  margin-left: auto;

  border-radius: 30px;

  -moz-border-radius: 30px;

  -webkit-border-radius: 30px;

}



/* marquee */





.d-flex {

  display: flex;

  white-space: nowrap;

}



/* marquee */



.bg-blur {

  background: rgba(0, 0, 0, .15);

  -webkit-backdrop-filter: blur(10px);

  -o-backdrop-filter: blur(10px);

  -moz-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

}



/* marquee plugin close */



.gradient-edge-top {

  z-index: 1;

  position: absolute;

  top: 0;

  width: 100%;

  height: 30%;

  background: linear-gradient(180deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);

}



.gradient-edge-top.light {

  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);

}



.gradient-edge-bottom {

  z-index: 1;

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 30%;

  background: linear-gradient(0deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);

}



.gradient-edge-top.color {

  background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 1) 0%, rgba(var(--primary-color-rgb), 0) 100%);

}



.gradient-edge-bottom.color {

  background: linear-gradient(0deg, rgba(var(--primary-color-rgb), 1) 0%, rgba(var(--primary-color-rgb), 0) 100%);

}



.show-on-scroll {

  opacity: 0;

}



.show-on-scroll.show {

  opacity: 1;

}



.show-on-scroll.hide {

  opacity: 0;

}



/* select2 begin */



.select2-dropdown {

  border-radius: 0;

  box-shadow: #444 0px 3px 5px;

  border: 0;

}



/* select2 end */



/* ================================================== */



/* declass */



/* ================================================== */



/* background */



/* width (percent) */



.w-80 {

  width: 80%;

}



.w-100 {

  width: 100%;

}



/* width (px) */



/* height (percent) */



.h-50 {

  height: 50%;

}



.h-100 {

  height: 100%;

}



/* height (px) */



/* top (percent) */



/* top (px) */



/* bottom (percent) */

.bottom-10 {

  bottom: 10%;

}



/* bottom (px) */



/* top negative (px) */



/* bottom negative (px) */



/* left pos (percent) */



/* left pos (px) */



/* right  pos (percent) */



/* right  pos (px) */



/* margin-left (percent) */





/* margin-left (px) */





/* margin top (px) */



.mt-50 {

  margin-top: 50px;

}



.mt-100 {

  margin-top: 100px;

}



/* margin top negative (px) */



.mt-min-20 {

  margin-top: -20px;

}



/* margin bottom (px) */



/* margin bottom negative (px) */



/* margin left negative (px) */



/* margin top negative (px) */



/* font-size (px) */



.fs-18 {

  font-size: 18px;

}



.fs-40 {

  font-size: 40px;

}



.fs-60 {

  font-size: 60px;

}



.fs-72 {

  font-size: 72px;

}



.fs-96 {

  font-size: 96px;

}





/* font-weight */



.fw-bold {

  font-weight: bold !important;

}



/* margin left (px) */



/* padding (px) */



.p-40 {

  padding: 40px;

}



/* padding bottom (px) */



.pb-40 {

  padding-bottom: 40px;

}



/* padding top (px) */



.pt-50 {

  padding-top: 50px;

}



.pt-80 {

  padding-top: 80px;

}



/* padding left (px) */



/* border white */



/* border bottom white with transparency */



/* border bottom grey */



/* border bottom dark */



/* border bottom dark */



/* hover effects */



.hover:hover .hover-scale-1-1 {

  transform: scale(1.1);

}



.inline-block {

  display: inline-block;

}



.infinite {

  animation-iteration-count: infinite;

}



/* opacity */



.op-2 {

  opacity: .2;

}



.op-5 {

  opacity: .5;

}



.op-6 {

  opacity: .6;

}



.op-8 {

  opacity: .8;

}





/* line height em */

.lh-1 {

  line-height: 1em;

}



.lh-1-1 {

  line-height: 1.1em;

}



.lh-1-5 {

  line-height: 1.5em;

}



/* min height (px) */



.mh-500 {

  min-height: 500px;

}



.mh-700 {

  min-height: 700px;

}



/* max height (px) */



/* background dark */



/* overlay-black */



/* overlay-black */



/* overlay-white */



/* rotation */



.rot-2 {

  transform: rotateZ(2deg);

}



.rot-min-1 {

  transform: rotateZ(-1deg);

}



/* positions */

.absolute,

.abs {

  position: absolute;

}



.relative,

.position-relative {

  position: relative;

}



/* z-index */



.z-2 {

  z-index: 2

}



.z-3 {

  z-index: 3

}



.border-white-op-3 {

  border: solid 1px rgba(255, 255, 255, .3);

}



/* declass end */



/* custom tabs */

.de-tab .d-tab-nav {

  padding: 0;

  list-style: none;

  position: relative;

}



.de-tab .d-tab-nav .active-tab {

  border-bottom: none;

  font-weight: 500;

  position: relative;

  color: #ffffff;

  background: var(--primary-color);

}



.de-tab .d-tab-nav li {

  display: block;

  cursor: pointer;

  padding: 10px;

}



.de-tab .d-tab-content {

  padding: 0;

  margin: 0;

  list-style: none;

}



.de-tab .d-tab-content>li {

  display: none;

}



.de-tab .d-tab-nav li {

  display: inline-block;

  padding: 8px 20px;

}



.de-tab.pill .d-tab-nav {

  background: rgba(var(--primary-color-rgb), .2);

}



.text-light .de-tab.pill .d-tab-nav {

  background: rgba(255, 255, 255, .05);

}



.de-tab.pill .d-tab-nav {

  display: flex;

  justify-content: space-around;

  border: none;

  border-radius: 30px;

  -moz-border-radius: 30px;

  -webkit-border-radius: 30px;

  overflow: hidden;

}



.de-tab.pill .d-tab-nav li {

  font-weight: 500;

  text-align: center;

  flex-grow: 1;

  opacity: .5;

}



.de-tab.pill .d-tab-nav li:not(.active-tab):hover {

  opacity: 1;

}



.de-tab.pill .d-tab-nav .active-tab {

  background: var(--primary-color);

  color: #ffffff;

  border: none;

  opacity: 1;

}



.de-tab.plain .d-tab-nav li {

  font-weight: 500;

  color: #000000;

  text-align: center;

  padding: 0;

  margin: 0;

  opacity: .4;

}



.text-light .de-tab.plain .d-tab-nav li {

  color: #ffffff;

}



.de-tab.plain .d-tab-nav .active-tab {

  background: none;

  font-weight: bold;

  opacity: 1;

}





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



  .d-tab-nav,

  .d-tab-nav li {

    display: block !important;

  }

}



/* custom tabs end */



/* de-dot */





@keyframes dot-pulse {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }



  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2.2);

    opacity: 0;

  }

}



/* de-vertical-nav begin */



/* de-vertical-nav end */





/* timeline begin */



@keyframes pulsing {

  from {

    box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb), 1);

  }



  70% {

    box-shadow: 0 0 0 15px rgba(var(--secondary-color-rgb), 0);

  }



  to {

    box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb), 0);

  }

}



/* de-timeline end */



/* timeline-s2 begin */



@keyframes pulsing {

  from {

    box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb), 1);

  }



  70% {

    box-shadow: 0 0 0 15px rgba(var(--secondary-color-rgb), 0);

  }



  to {

    box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb), 0);

  }

}



/* de-timeline end */





/* swiperjs */



.swiper {

  background: var(--bg-dark-1);

}



.swiper,

.sw-overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

}



.swiper-slide {

  position: relative;

  background: var(--bg-dark-1);

}



.sw-overlay {

  background: -webkit-linear-gradient(0deg, rgba(var(--bg-dark-1-rgb), .8) 0%, rgba(var(--bg-dark-1-rgb), .8) 70%);

  background: -moz-linear-gradient(0deg, rgba(var(--bg-dark-1-rgb), .8) 0%, rgba(var(--bg-dark-1-rgb), .8) 70%);

  background: linear-gradient(0deg, rgba(var(--bg-dark-1-rgb), .8) 0%, rgba(var(--bg-dark-1-rgb), .8) 70%);

}



.swiper-inner {

  display: block;

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

}



.swiper-pagination {

  width: 100px;

  font-size: 20px;

  text-align: right;

  position: absolute;

  left: auto;

  right: 40px;

  bottom: 40px;

  font-weight: 400;

}



.swiper-pagination-total {

  font-size: 20px;

  opacity: .5;

}



.swiper-pagination-current {

  color: #ffffff;

  font-size: 20px;

}



.swiper-button-next,

.swiper-button-prev {

  color: #ffffff;

  display: none;

}



.swiper-button-next:after,

.swiper-button-prev:after {

  font-size: 24px;

}



.swiper-button-next {

  right: 20px;

}



.swiper-button-prev {

  left: 20px;

}





/* swiper end */





/* swiper #2 begin */



.swiper-container {

  overflow: hidden;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

}



@media (min-width: 480px) {

  .swiper-container {

    min-height: 320px;

  }

}



.swiper-container-wrapper {

  display: flex;

  flex-flow: column nowrap;

  height: 100vh;

  width: 100vw;

}



@media (min-width: 480px) {

  .swiper-container-wrapper {

    flex-flow: row nowrap;

  }

}



#swiper-s2 .swiper-slide {

  text-align: center;

  background-size: cover;

  background-position: center;

  background-color: var(--bg-dark-1);

  /* Center slide text vertically */

  display: flex;

  flex-flow: column nowrap;

  justify-content: center;

  align-items: center;

  /* Slide content */

}



.swiper-slide .description,

.swiper-slide .title {

  display: block;

  opacity: 0;

  transition: 0.5s ease 0.5s;

}



.swiper-slide-active .description,

.swiper-slide-active .title {

  opacity: 1;

}



.swiper-slide-active .title {

  margin-bottom: 0.5rem;

  font-size: 24px;

  color: #000;

  transition: opacity 0.5s ease 0.5s;

}



.swiper-slide-active .description {

  font-size: 16px;

  color: #777;

  transition: opacity 0.5s ease 0.75s;

}



/* swiper #2 end */





.player {

  margin: 0 auto;

  background: none;

  width: 120px;

  height: 120px;

  border: solid 2px #fff;

  position: relative;

  text-indent: -9999px;

}



.player span {

  width: 0;

  height: 0;

  border-top: 15px solid transparent;

  border-left: 20px solid #ffffff;

  border-bottom: 15px solid transparent;

  position: absolute;

  top: 37.5%;

  left: 45%;

}



.player:hover {

  background: var(--primary-color);

  cursor: pointer;

  border: none;

  box-shadow: none;

}



.player:hover span {

  transform: scale(.8);

}



.player.invert span {

  border-left: 20px solid #000;

}





.player.invert:hover span {

  border-left: 20px solid #fff;

}



.de-flex #mainmenu {

  margin: 0;

}





.subtitle {
  position: relative;
  font-weight: 500;
  position: relative;
  display: inline-block;
  font-size: 20px;
  padding: 2px 10px;
  font-family: var(--heading-alt-font);
  /*background: rgba(var(--bg-dark-1-rgb), .05);*/

  color: var(--heading-font-color);

  text-transform: none;

  letter-spacing: 0;

  line-height: 1.5em;

  margin-bottom: 20px;

  border-radius: 2px;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

}



.subtitle:before {

  content: "[  ";

  color: var(--primary-color);

  font-weight: bold;

}



.subtitle:after {

  content: "  ]";

  color: var(--primary-color);

  font-weight: bold;

}



/* .dark-scheme .subtitle,

.text-light .subtitle {

  background: rgba(255,255,255, .15);

} */



.dark-scheme .subtitle:not(.id-color),

.text-light .subtitle:not(.id-color) {

  color: #ffffff;

}



@keyframes blinkingText {

  0% {

    background: var(--primary-color);

  }



  50% {

    background: rgba(var(--primary-color-rgb), 0);

  }



  100% {

    background: var(--primary-color);

  }

}



.scrollbar {

  position: fixed;

  bottom: 0;

  left: 0;

  height: 4px;

  transition: all linear 0.1s;

  min-width: 0%;

  z-index: 1000;

}



.scrollbar-v {

  background: var(--secondary-color);

  position: fixed;

  top: calc(50% + 60px);

  left: 43px;

  width: 2px;

  transition: all linear 0.1s;

  min-height: 0%;

  z-index: 1000;

}



.scrollbar-v:before {

  content: "";

  position: absolute;

  left: 0;

  width: 2px;

  min-height: 100px;

  background: rgba(0, 0, 0, .15);

}





.scrollbar-v.dark:before {

  background: rgba(255, 255, 255, .2);

}



.float-text {

  font-family: var(--heading-font);

  width: 20px;

  position: fixed;

  z-index: 1002;

  margin-left: 30px;

  text-align: center;

  font-size: 12.5px;

  top: 70%;

  left: 16px;

  transform: translate(-50%, -50%);

  font-weight: 500;

}



.float-text a {

  color: #000000;

}



.float-text.dark a {

  color: #ffffff;

}



.float-text span {

  margin-left: -5px;

  margin-top: 20px;

  writing-mode: vertical-rl;

  letter-spacing: .75px;

  -webkit-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  transform: rotate(-180deg);

  color: #222;

}





.dark-scheme .float-text span {

  color: #ffffff;

}



/* de-number begin */



.de-number {

  margin-top: 8px;

}



.d-minus,

.d-plus {

  margin-top: -6px;

  cursor: pointer;

  color: #ffffff;

  font-size: 24px;

  width: 36px;

  height: 36px;

  padding: 3px 5px 3px 5px;

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  -webkit-user-select: none;

  /* Safari */

  -ms-user-select: none;

  /* IE 10 and IE 11 */

  user-select: none;

  /* Standard syntax */

  background: var(--primary-color);

}



.d-minus:active,

.d-plus:active {

  background: #ffffff;

  color: #000;

}



.de-number input {

  width: 40px;

  text-align: center;

  font-size: 20px;

  border: none;

  padding: 3px !important;

  background: none;

  color: #ffffff;

  border: solid 1px var(--primary-color);

}



/* de-number close */



.carousel-indicators [data-mdb-target] {

  background: none !important;

  margin: 0 10px;

}



.carousel-indicators [data-mdb-target] img {

  margin-top: 20px;

}



.d_demo_img {

  position: relative;

  overflow: hidden;

  display: block;

  margin: 5px;

  margin-bottom: 15px;

  border-radius: var(--rounded-1);

  -moz-border-radius: var(--rounded-1);

  -webkit-border-radius: var(--rounded-1);



  box-shadow: 5px 20px 40px 5px rgba(0, 0, 0, .1);

  -webkit-box-shadow: 5px 20px 40px 5px rgba(0, 0, 0, .1);

  -moz-box-shadow: 5px 20px 40px 5px rgba(0, 0, 0, .1);

}



.d_demo_img:hover {

  border-color: rgba(var(--primary-color-rgb), 1);

}



.d_demo_img:hover img {

  transform: scale(1.1);

}



.soft-shadow {

  box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 5%), 0 1.5rem 2.2rem rgb(0 0 0 / 10%);

}



.rtl .owl-carousel {

  direction: ltr;

}



.rtl .owl-carousel .owl-item {

  direction: rtl;

}



#item-carousel-big {

  padding: 0 25px;

}



.de-flex {

  display: flex;

  justify-content: space-between;

}



.de-flex>.de-flex-col {

  display: flex;

  justify-content: center;

  align-items: center;

}



#loadmore {

  display: inline-block;

  margin-top: 10px;

}



.d-item {

  display: none;

}





.filter__r {

  font-family: var(--heading-font);

}



.filter__r {

  float: right;

  cursor: pointer;

}



/*Cookie Consent Begin*/

#cookieConsent {

  background-color: rgba(255, 255, 255, 0.8);

  min-height: 26px;

  font-size: 14px;

  line-height: 26px;

  font-weight: 500;

  padding: 10px 30px 10px 30px;

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

  display: none;

  z-index: 9999;

}



#cookieConsent a {

  text-decoration: none;

}



#closeCookieConsent {

  float: right;

  display: inline-block;

  cursor: poInter;

  height: 20px;

  width: 20px;

  margin: -15px 0 0 0;

  font-weight: bold;

}



#closeCookieConsent:hover {

  color: #FFF;

}



#cookieConsent a.cookieConsentOK {

  color: #fff;

  display: inline-block;

  border-radius: 3px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  padding: 0 20px;

  cursor: poInter;

}



#cookieConsent a.cookieConsentOK:hover {

  opacity: .8;

}



/*Cookie Consent End*/



@keyframes shadow-pulse {

  0% {

    box-shadow: 0 0 0 0px rgba(120, 169, 56, 0.2);

  }



  100% {

    box-shadow: 0 0 0 20px rgba(120, 169, 56, 0);

  }

}



.opt-1 {

  display: inline-block;

}



.opt-2 {

  display: none;

}



.border {

  border-color: #EFEFEF !important;

}



.text-light .border {

  border-color: rgba(255, 255, 255, .1) !important;

}



.owl-carousel {

  position: relative;

  margin-top: -5px;

  bottom: -5px;

  margin-bottom: -15px;

}



.owl-thumbs img {

  padding: 3px;

}



#slider-carousel .owl-thumbs {

  padding: 3px;

  margin-bottom: 30px;

  width: auto;

}



#slider-carousel .owl-thumbs button {

  opacity: 1;

  border: none !important;

  padding: 0;

  margin-right: 15px;

  margin-bottom: 20px;

  opacity: 1;

  overflow: hidden;

  opacity: .5;

}



#slider-carousel .owl-thumb-item.active {

  opacity: 1;

}



#slider-carousel button.owl-thumb-item.active {

  -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.5);

  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.5);

}



#slider-carousel .owl-thumb-item img {

  background: #fff;

  padding: 0;

  width: 120px;

}



strong {

  font-weight: bold;

}



.text-light strong {

  color: #fff;

}



.border-top {

  border-top: solid 1px #e5e5e5;

}



#navigation {

  position: fixed;

  width: 100%;

  height: 60px;

  top: 0;

  right: 20px;

  text-align: center;

  margin-bottom: 60px;

  z-index: 1000;

}



.no-bottom {

  margin-bottom: 0;

  padding-bottom: 0;

}



p {

  margin-bottom: 20px;

}



/* .no-bottom .col-md-12 {} */



.no-bottom {

  padding-bottom: 0 !important;

}



.no-top {

  padding-top: 0 !important;

}



#filters i {

  margin-right: 10px;

}



.form-control:focus {

  box-shadow: none;

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

}



.d-carousel {

  position: relative;

  display: flex;

  align-items: center;

}



.d-arrow-left,

.d-arrow-right {

  display: none;

  cursor: pointer;

  position: absolute;

  margin-top: -10px;

  z-index: 100;

  width: 30px;

  height: 60px;

  background-color: rgba(255, 255, 255, 1.0);

}



.d-arrow-left {

  left: 0px;

  border-top-right-radius: 110px;

  border-bottom-right-radius: 110px;

}



.d-arrow-right {

  right: 0px;

  border-top-left-radius: 110px;

  border-bottom-left-radius: 110px;

}



.d-arrow-left i,

.d-arrow-right i {

  position: absolute;

  z-index: 1000;

  top: 20px;

  color: #ffffff;

  font-size: 20px;

  font-weight: bold;

}



.d-arrow-left i {

  left: 8px;

}



.d-arrow-right i {

  right: 8px;

}



.owl-nav {

  display: flex;

}



.owl-prev,

.owl-next {

  cursor: pointer;

  position: absolute;

  top: 27.5%;

  z-index: 100;

  width: 40px;

  height: 40px;

  background-color: rgba(255, 255, 255, 1.0);

  border: solid 1px #ccc;

}



.dark-scheme .owl-prev,

.dark-scheme .owl-next {

  background: var(--bg-color-even);

  color: #ffffff;

  border-color: rgba(255, 255, 255, .1);

}



.owl-prev:hover,

.owl-next:hover {

  transform: scale(1.1);

  -webkit-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2);

  box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2);

}



.owl-prev {

  left: -12px;

  border-radius: 60px;

  padding-left: 4px;

}



.owl-next {

  right: -12px;

  border-radius: 60px;

  padding-right: 4px;

}



.owl-next i {

  top: 12px;

  left: 16px;

}



/* new owl */



.owl-theme .owl-nav.disabled+.owl-dots {

  margin-top: 0px;

}



.owl-dots button {

  border: none;

  outline: none;

  padding: 0;

  width: 8px;

  height: 8px;

  margin: 0 5px;

  border-radius: 30px;

  background: rgba(0, 0, 0, .15);

}



.owl-theme .owl-dots .owl-dot span {

  display: none;

}



/* new owl close */



.text-item i {

  font-size: 60px;

  margin-top: 5px;

}



.text-rotate-wrap {

  display: inline-block;

}



.text-rotate-wrap .text-item {

  display: none;

}



.wow {

  visibility: hidden;

}



#back-to-top {

  background: var(--primary-color);

  position: fixed;

  bottom: -40px;

  right: 20px;

  z-index: 1020;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 30px;

  cursor: poInter;

  padding-top: 3px;

  border: 0;

  text-decoration: none;

  transition: opacity 0.2s ease-out;

  outline: none;

  opacity: 0;

  border-radius: 30px;

  -moz-border-radius: 30px;

  -webkit-border-radius: 30px;

}



#back-to-top:hover {

  transform: scale(1.1);

}



#back-to-top.show {

  bottom: 20px;

  opacity: 1;

}



#back-to-top.hide {

  bottom: -40px;

}



#back-to-top:before {

  font-family: "FontAwesome";

  font-size: 18px;

  content: "\f106";

  color: #fff !important;

  position: relative;

}



/* mouse scroll icon begin */



.mouse {

  position: absolute;

  width: 22px;

  height: 42px;

  bottom: 40px;

  left: 50%;

  margin-left: -12px;

  border-radius: 15px;

  border: 2px solid #fff;

  -webkit-animation: intro 1s;

  animation: intro 1s;

}



.scroll {

  display: block;

  width: 3px;

  height: 3px;

  margin: 6px auto;

  border-radius: 4px;

  background: #fff;

  -webkit-animation: finger 1s infinite;

  animation: finger 1s infinite;

}



@-webkit-keyframes intro {

  0% {

    opacity: 0;

    -webkit-transform: translateY(40px);

    transform: translateY(40px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes intro {

  0% {

    opacity: 0;

    -webkit-transform: translateY(40px);

    transform: translateY(40px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@-webkit-keyframes finger {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

  }

}



@keyframes finger {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

  }

}



/* mouse scroll icon close */



@-moz-keyframes bounce {



  0%,

  20%,

  50%,

  80%,

  100% {

    -moz-transform: translateY(0);

    transform: translateY(0);

  }



  40% {

    -moz-transform: translateY(-30px);

    transform: translateY(-30px);

  }



  60% {

    -moz-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}



@-webkit-keyframes bounce {



  0%,

  20%,

  50%,

  80%,

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }



  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }



  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}



@keyframes bounce {



  0%,

  20%,

  50%,

  80%,

  100% {

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }



  40% {

    -moz-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }



  60% {

    -moz-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}



.bounce {

  -moz-animation: bounce 2s infinite;

  -webkit-animation: bounce 2s infinite;

  animation: bounce 2s infinite;

}



/* owl */



.owl-custom-nav .btn-prev:before,

.owl-custom-nav .btn-next:before {

  display: block;

  font-family: "FontAwesome";

  content: "\f105";

  color: #ffffff;

  padding: 10px 0;

  font-size: 20px;

  width: 40px;

  height: 50px;

  background: var(--primary-color);

  text-align: center;

}



.owl-custom-nav .btn-prev:before {

  content: "\f104";

  border-radius: 0 30px 30px 0;

  -moz-border-radius: 0 30px 30px 0;

  -webkit-border-radius: 0 30px 30px 0;

}



.owl-custom-nav .btn-next:before {

  border-radius: 30px 0 0 30px;

  -moz-border-radius: 30px 0 0 30px;

  -webkit-border-radius: 30px 0 0 30px;

}



.owl-custom-nav.dark .btn-prev:before,

.owl-custom-nav.dark .btn-next:before {

  color: #000000;

}



.owl-custom-nav a {

  text-decoration: none;

}



.owl-prev,

.owl-next {

  display: none;

}



#custom-owl-slider {

  display: block;

  overflow: hidden;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  z-index: -1;

  background: #fff;

}



#custom-owl-slider .items {

  width: 100%;

  height: 100%;

  overflow: hidden;

  z-index: 20;

  visibility: inherit;

  opacity: 1;

}



#custom-owl-slider .item img {

  display: block;

  width: 100%;

  height: 100%;

}



.owl-slider-nav {

  position: absolute;

  width: 100%;

}



.owl-slider-nav,

.owl-slider-nav div {

  position: absolute;

  z-index: 10;

  cursor: poInter;

}



.owl-slider-nav .next {

  right: -50px;

  width: 0;

  height: 0;

  border-top: 50px solid transparent;

  border-bottom: 50px solid transparent;

  border-right: 50px solid transparent;

}



.owl-slider-nav .prev {

  left: -50px;

  width: 0;

  height: 0;

  border-top: 50px solid transparent;

  border-bottom: 50px solid transparent;

  border-left: 50px solid transparent;

}



.owl-slider-nav .next:before {

  font-family: "FontAwesome";

  font-size: 24px;

  content: "\f0da";

  color: #fff;

  position: absolute;

  right: -40px;

  top: -13px;

}



.owl-slider-nav .prev:before {

  font-family: "FontAwesome";

  font-size: 24px;

  content: "\f0d9";

  color: #fff;

  position: absolute;

  left: -40px;

  top: -13px;

}



.owl-dots {

  text-align: center;

  margin-top: 30px !important;

}



.owl-dot {

  background: #ccc;

  border: none;

  margin: 5px;

  width: 6px;

  height: 6px;

  padding: 0;

  border-radius: 60px;

  -moz-border-radius: 60px;

  -webkit-border-radius: 60px;

}



.dark-scheme .owl-dot,

.text-light .owl-dot {

  background: rgba(255, 255, 255, .2);

}



.owl-stage {

  overflow: none;

}



.typed-cursor {

  opacity: 1;

  -webkit-animation: blink 0.5s infinite;

  -moz-animation: blink 0.5s infinite;

  animation: blink 0.5s infinite;

}



@keyframes blink {

  0% {

    opacity: 1;

  }



  50% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



@-webkit-keyframes blink {

  0% {

    opacity: 1;

  }



  50% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



@-moz-keyframes blink {

  0% {

    opacity: 1;

  }



  50% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}



.list {

  margin: 0;

  padding: 0;

}



.list li {

  list-style: none;

}



.rtl .list.s1 li:after,

.list.s1 li:before {

  font-family: FontAwesome;

  content: "\f00c";

  margin-right: 10px;

}



.rtl .list.s1 li:after {

  margin-right: 0;

  margin-left: 10px;

}



.rtl .list.s1 li:before {

  display: none;

}



.dark-scheme .switch {

  background: rgba(255, 255, 255, .1);

}



.switch {

  margin-bottom: -5px;

  -webkit-appearance: none;

  height: 22px;

  width: 42px;

  background-color: #F4F4F4;

  border-radius: 60px;

  position: relative;

  cursor: poInter;

  border: none;

}



.switch::after {

  content: "";

  width: 18px;

  height: 18px;

  background-color: #ffffff;

  position: absolute;

  border-radius: 100%;

  transition: .5s;

  margin: 2px 0 0 2px;

}



.switch-with-title h5 {

  float: left;

}



.switch:checked::after {

  transform: translateX(20px);

}



.switch:focus {

  outline-color: transparent;

}



.menu_side_area {

  display: flex;

  align-items: center;

}



.rtl .menu_side_area {

  margin-left: 0;

}



.hide-content {

  display: none;

}



.ul-check {

  padding: 0;

  list-style: none;

}



.ul-check li {

  position: relative;

  display: block;

  margin-top: 0;

  padding: 0px;

  padding-left: 30px;

  border-radius: 0px;

  -moz-border-radius: 0px;

  -webkit-border-radius: 0px;

  line-height: 1.6em;

}



.ul-check li h4 {

  font-size: 18px;

  font-weight: 500;

}



.ul-check li:before {

  position: absolute;

  left: 0;

  font-family: "FontAwesome";

  content: "\f00c";

  margin-right: 12px;

  width: 20px;

  line-height: 1;

  padding: 4px 0;

  font-size: 15px;

  display: inline-block;

  text-align: center;

  border-radius: 0px;

  -moz-border-radius: 0px;

  -webkit-border-radius: 0px;

}



.rtl .ul-check li:before {

  margin-right: 0;

  margin-left: 12px;

}





/* shadow */



.circle {

  border-radius: 100%;

  -moz-border-radius: 100%;

  -webkit-border-radius: 100%;

}



.carousel-indicators [data-mdb-target] {

  background-color: var(--primary-color);

  border-radius: 100%;

  -moz-border-radius: 100%;

  -webkit-border-radius: 100%;

}





/* css animation */



@-webkit-keyframes move-up-down {

  0% {

    transform: translateY(0);

  }



  100% {

    transform: translateY(-10px);

  }

}



@keyframes move-up-down {

  0% {

    transform: translateY(0);

  }



  100% {

    transform: translateY(-10px);

  }

}



.scale-in-mask {

  animation: scale-in-mask 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s forwards;

  -moz-transform: scale(1.5);

  -ms-transform: scale(1.5);

  -webkit-transform: scale(1.5);

  transform: scale(1.5);

  opacity: 0;

}



@keyframes scale-in-mask {

  0% {

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    clip-path: inset(30% 30% 30% 30%);

    opacity: 0;

  }



  100% {

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

    clip-path: inset(0 0 0 0);

    opacity: 1;

  }

}



.mask-right {

  animation: mask-right 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s forwards;

  -moz-transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

  opacity: 0;

}



@keyframes mask-bottom {

  0% {

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -webkit-transform: translateY(0%);

    transform: translateY(0%);

    opacity: 0;

  }



  100% {

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

  }

}





@keyframes mask-left {

  0% {

    -moz-transform: translateX(0%);

    -ms-transform: translateX(0%);

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

    clip-path: inset(0 0 0 100%);

    opacity: 0;

  }



  100% {

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -webkit-transform: translateX(0);

    transform: translateX(0);

    clip-path: inset(0 0 0 0);

    opacity: 1;

  }

}





@keyframes mask-right {

  0% {

    -moz-transform: translateX(0%);

    -ms-transform: translateX(0%);

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

    clip-path: inset(0 100% 0 0);

    opacity: 0;

  }



  100% {

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -webkit-transform: translateX(0);

    transform: translateX(0);

    clip-path: inset(0 0 0 0);

    opacity: 1;

  }

}



.rotate-animation {

  animation: rotate-animation 30s infinite linear;

}



@keyframes rotate-animation {

  0% {

    transform: rotate(0deg);

  }



  50% {

    transform: rotate(180deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



/* price list */



#search {

  float: left;

  width: 70%;

  margin-bottom: 0;

}



#btn-search {

  border: none;

  padding: 7px;

  background: #222;

  float: left;

  width: 30%;

  height: 42px;

}



#btn-search:before {

  font-family: FontAwesome;

  content: "\f002";

  font-size: 24px;

  color: #111;

}



#btn-search:hover {

  background: #fff;

}



/* dropdown */

/* ------------------------------ */

.dropdown {

  position: relative;

  z-index: 500;

  font-weight: 600;

  display: inline-block;

  border-radius: 0px;

  -moz-border-radius: 0px;

  -webkit-border-radius: 0px;

  text-align: left;

}



.dropdown a,

.dropdown a:hover {

  text-decoration: none;

  outline: none;

  display: inline-block;

}



.dropdown a {

  color: #333;

}



.dark-scheme .dropdown a {

  color: #ffffff;

}



.dropdown>a {

  display: inline-block;

  padding: 7px 12px 7px 12px;

  min-width: 140px;

  border: solid 1px rgba(0, 0, 0, .2);

  border-radius: 0px;

  -moz-border-radius: 0px;

  -webkit-border-radius: 0px;

  font-weight: bold;

}



.dark-scheme .dropdown>a {

  border: solid 1px rgba(255, 255, 255, .2);

}



.dropdown>a:after {

  font-family: "FontAwesome";

  font-size: 16px;

  content: "\f107";

  position: relative;

  float: right;

  margin-left: 10px;

}



.rtl .dropdown>a:after {

  margin-left: 0;

  float: left;

}



.dropdown ul,

.dropdown li {

  list-style: none;

  display: block;

  padding: 0;

  margin: 0;

}



.dropdown ul {

  background: #ffffff;

  padding: 10px;

  position: absolute;

  min-width: 140px;

  display: none;

  cursor: pointer;

  border: solid 1px rgba(0, 0, 0, .1);

}



.dropdown li span {

  background: #ffffff;

  display: block;

  padding: 5px 10px 5px 10px;

  border-top: none;

  width: 100%;

  font-weight: 400;

  font-size: 14px;

}



.dark-scheme .dropdown li span {

  background: var(--bg-dark-1);

  border: solid 1px rgba(255, 255, 255, .1);

}



.dark-scheme .dropdown li span:hover {

  background: var(--bg-color-even);

  color: #fff;

}



.dropdown li span:hover {

  color: #ffffff;

  background: #eeeeee;

}



.dropdown li.active {

  display: none;

}



/* .dropdown ul.d-col-3 li span {} */



.text-light .dropdown {

  background: none;

  border: solid 1px rgba(255, 255, 255, .1);

}



.text-light .dropdown a {

  color: #ffffff;

}



a.btn-search-big {

  text-align: center;

  display: inline-block;

  width: 100%;

  padding: 20px;

  font-weight: bold;

  color: #ffffff;

  font-size: 20px;

  border: solid 1px #ffffff;

}



a.btn-search-big:hover {

  background: #ffffff;

  color: #35404e;

}



/* --------------------------------------------------

* plugin

* --------------------------------------------------*/



/* ================================================== */





/* isotope */





/* ================================================== */



.isotope {

  -webkit-transition-duration: 1s;

  -moz-transition-duration: 1s;

  -ms-transition-duration: 1s;

  -o-transition-duration: 1s;

  transition-duration: 1s;

}



.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  -ms-transition-property: height, width;

  -o-transition-property: height, width;

  transition-property: height, width;

}



/**** disabling Isotope CSS3 transitions ****/



#filters {

  font-family: var(--body-font);

  padding: 0;

  margin: 0;

  margin-bottom: 20px;

  font-weight: 400;

}



#filters li {

  display: inline-block;

  margin-right: 10px;

  margin-bottom: 25px;

}



#filters a {

  outline: none;

  text-decoration: none;

  padding: 8px 20px;

  border-radius: 6px;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  font-weight: 600;

}



.text-light #filters a {

  color: rgba(255, 255, 255, .5);

}



#filters a:hover {

  background: rgba(255, 255, 255, .2);

}



#filters a.selected {

  color: #fff;

}



.text-light #filters a:hover {

  color: #fff;

}



.text-light #filters a.selected {

  color: #fff;

}



.text-light #filters a.selected {

  color: #fff;

}



a,

img {

  outline: 0;

}



/* overwrite bootstrap */



@-webkit-keyframes grow {

  to {

    transform: translateX(-50%) scale(0);

  }

}



@keyframes grow {

  to {

    transform: translateX(-50%) scale(0);

  }

}





/* -------------------------Line Preloader--------------------- */



@keyframes anim4 {

  to {

    transform: rotate(360deg);

  }

}



/* countdown-begin */



/* ================================================== */





/* media query */





/* ================================================== */



@media (min-width: 1000px) {



  .container {

    max-width: var(--container-max-width);

  }

}





@media (min-width: 1200px) {



  .container {

    max-width: 1200px;

  }

}





@media (min-width: 1400px) {



  .container {

    max-width: 1304px;

  }

}





/* bootstrap cols 5 */



@media (min-width: 1200px) {

  .col-lg-1-5 {

    width: 20%;

  }

}



/* bootstrap cols 5 end */



@media(min-width:980px) and (max-width: 1199px) {

  #mainmenu li a:after {

    margin-left: 15px;

  }



  .container {

    min-width: 95%;

  }

}



/* -------------------------------------------------- 

    design for 768px

    /* ================================================== */



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



  .container {

    max-width: 100%;

  }



  #menu-btn {

    display: block;

    float: right;

    z-index: 1000;

    top: 0;

    right: 0;

  }



  .header-col-mid #mainmenu {

    position: absolute;

    top: 90px;

    width: 100%;

    padding: 0 0 0 0;

    left: 20px;

  }



  #mainmenu>li::before {

    display: none;

  }



  header {

    display: none;

  }



  header,

  header.fixed {

    display: block;

    position: inherit;

    margin: 0;

    padding: 0;

    margin-top: 0;

    height: auto;

    background: var(--bg-dark-1);

  }



  header.autoshow {

    height: auto;

    top: 0;

  }



  header.autoshow #mainmenu li a {

    background: none;

  }



  #logo,

  #logo .inner {

    vertical-align: middle;

    height: auto;

  }



  nav {

    height: 0;

  }



  #mainmenu {

    position: fixed;

    height: 100%;

    z-index: 200;

    width: 200px;

    margin: 0;

    margin-top: 10px;

    padding: 0;

    padding-top: 20px;

    padding-bottom: 100px !important;

    overflow-y: auto;

    top: 100px;

  }



  #mainmenu ul {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

  }



  #mainmenu a.menu-item {

    text-align: left;

    padding-left: 0;

    padding-top: 10px;

    padding-bottom: 10px;

  }



  #mainmenu li.has-child:after {

    display: none;

  }



  #mainmenu li li a.menu-item,

  #mainmenu li li li a.menu-item {

    padding-left: 0;

  }



  #mainmenu a.menu-item:hover {

    background: #111;

  }



  #mainmenu a.menu-item:hover {

    background: #111;

  }



  #mainmenu li ul {

    display: block;

    position: inherit;

    margin: 0;

    width: 100%;

  }



  #mainmenu li {

    border-bottom: solid 1px var(--bg-dark-3);

    margin: 0;

    width: 100%;

    display: block;

  }



  #mainmenu li a.menu-item:after {

    display: none;

  }



  #mainmenu li:last-child {

    margin-bottom: 30px;

  }



  #mainmenu li ul {

    border-top: solid 1px #eee;

    top: auto;

    width: auto;

    height: auto;

    position: inherit;

    visibility: visible;

    opacity: 1;

  }



  #mainmenu>li.menu-item-has-children>a.menu-item {

    position: relative;

    padding-right: 15px;

  }



  #mainmenu>li.menu-item-has-children>a.menu-item:after {

    content: "\f107";

    font-family: "FontAwesome";

    display: inline-block;

    position: absolute;

    top: 0;

    right: 0;

  }



  #mainmenu li ul a.menu-item {

    width: 100%;

    background: none;

    border: none;

  }



  #mainmenu li ul li {

    border: none;

    padding-left: 40px;

  }



  #mainmenu li ul li a.menu-item {

    display: block;

  }



  #mainmenu li ul li:last-child {

    border-bottom: none;

    margin: 0;

  }



  #mainmenu li ul li:last-child a.menu-item {

    border-bottom: none;

  }



  #mainmenu li a {

    color: #eceff3;

  }



  #mainmenu li li a.menu-item:hover {

    color: #fff;

  }



  #mainmenu ul:not(.mega) {

    border: none;

  }



  #mainmenu>li ul.mega .sb-menu {

    border: none;

  }



  #back-to-top {

    display: none;

  }



  header.header-mobile {

    overflow: hidden;

    position: relative;

  }



  header.header-mobile #mainmenu {

    width: 100%;

    padding-right: 30px;

    position: absolute;

  }



  header.header-mobile #mainmenu ul {

    background: none;

  }



  header.header-mobile #mainmenu a.menu-item {

    text-align: left;

    padding-top: 10px;

    padding-bottom: 10px;

  }



  header.header-mobile #mainmenu a.menu-item:hover {

    background: none;

  }



  header.header-mobile #mainmenu li ul {

    display: block;

    position: inherit;

    margin: 0;

    width: 100%;

  }



  header.header-mobile #mainmenu li {

    border-bottom: solid 1px rgba(255, 255, 255, .2);

    margin: 0;

    width: 100%;

    display: block;

  }



  .dark-scheme header.header-mobile #mainmenu li {

    border-bottom-color: rgba(255, 255, 255, .1);

  }



  header.header-mobile #mainmenu li ul.mega ul {

    height: auto;

  }



  header.header-mobile #mainmenu li a.menu-item:after {

    display: none;

  }



  header.header-mobile #mainmenu li:last-child {

    margin-bottom: 30px;

  }



  header.header-mobile #mainmenu li ul {

    border-top: none;

    top: auto;

  }



  header.header-mobile #mainmenu li ul a.menu-item {

    width: 100%;

    background: none;

    border: none;

  }



  header.header-mobile #mainmenu li ul li {

    border: none;

    padding-left: 40px;

  }



  header #mainmenu li ul li:first-child {

    border-top: solid 1px var(--bg-dark-3);

  }



  .dark-scheme header #mainmenu li ul li:first-child {

    border-top-color: rgba(255, 255, 255, .1);

  }



  header.header-mobile #mainmenu li ul li a.menu-item {

    display: block;

    border-bottom: solid 1px var(--bg-dark-3);

  }



  header.header-mobile #mainmenu li ul li:last-child {

    border-bottom: none;

    margin: 0;

  }



  header.header-mobile #mainmenu li ul li:last-child a.menu-item {

    border-bottom: none;

  }



  header.header-mobile #mainmenu li a {

    color: #ffffff;

  }



  .dark-scheme header.header-mobile #mainmenu li a.menu-item {

    color: #ffffff;

  }



  header.header-mobile #mainmenu li a.menu-item:hover {

    color: var(--secondary-color);

  }



  .dark-scheme header.header-mobile #mainmenu li a.menu-item:hover {

    color: #fff;

  }



  header.header-mobile #mainmenu li ul {

    height: 0;

    overflow: hidden;

    position: relative;

    left: 0;

  }



  header.header-mobile #mainmenu li ul li ul {

    margin-bottom: 10px;

  }



  header.header-mobile #mainmenu>li>span {

    width: 36px;

    height: 36px;

    background: url(../images/ui/arrow-down-light.png) center no-repeat;

    position: absolute;

    right: 0;

    margin-top: 10px;

    z-index: 1000;

    cursor: poInter;

  }



  .dark-scheme header.header-mobile #mainmenu>li>span {

    background: url(../images/ui/arrow-down-light.png) center no-repeat;

  }



  header.header-mobile #mainmenu li span.active {

    background: url(../images/ui/arrow-up-light.png) center no-repeat;

  }



  .dark-scheme header.header-mobile #mainmenu li span.active {

    background: url(../images/ui/arrow-up-light.png) center no-repeat;

  }



  header.header-mobile #mainmenu li>ul>li>span {

    width: 36px;

    height: 36px;

    background: url(../images/ui/arrow-down.png) center no-repeat;

    position: absolute;

    right: 0;

    margin-top: -45px;

    z-index: 1000;

    cursor: poInter;

  }



  header.header-mobile #mainmenu>li>ul>li>span.active {

    background: url(../images/ui/arrow-up.png) center no-repeat;

  }



  header.header-mobile #mainmenu li ul li a.menu-item {

    border-bottom: solid 1px rgba(255, 255, 255, .2);

  }



  .dark-scheme header.header-mobile #mainmenu li ul li a.menu-item {

    border-bottom-color: rgba(255, 255, 255, .1);

  }



  header.header-mobile #mainmenu li ul li:last-child>a.menu-item {

    border-bottom: none;

  }



  #mainmenu li ul.mega {

    position: fixed;

    left: 0;

    width: 100%;

    margin-top: 30px;

    display: block;

  }



  #mainmenu li ul.mega>li {

    width: 100%;

  }



  #mainmenu li ul.mega>li ul {

    position: static;

    visibility: visible;

    opacity: 1;

    left: 0;

    float: none;

    width: 100%;

  }



  #mainmenu ul.mega>li ul li {

    margin: 0;

    padding: 0;

  }



  /* header light */



  #mainmenu a.menu-item span {

    display: none;

  }



  .dropdown {

    display: inline-block;

    margin-bottom: 10px;

  }



  section {

    padding: 60px 0;

  }



  /* title tablet */



  h1 {

    font-size: 60px;

  }



  h2 {

    font-size: 40px;

  }



  /* padding top (px) */



  /* padding top (px) */



  /* margin top (px) */



  /* margin top (px) */



  .fs-sm-3vw {

    font-size: 3vw

  }



  .fs-sm-7vw {

    font-size: 7vw

  }



  .fs-sm-10vw {

    font-size: 10vw

  }



  #content {

    margin-top: 50px;

  }



  #btn-extra {

    display: none;

  }



  #mainmenu li a:before {

    display: none;

  }



}



/* -------------------------------------------------- 

    custom for 320px & 480px 

    /* -------------------------------------------------- */



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



  header .logo-main {

    display: none;

  }



  header .logo-mobile {

    display: block;

  }



  header .btn-main {

    display: none;

  }



  #topbar {

    display: none;

  }



  .menu_side_area {

    margin-left: 20px;

    width: 100%;

    position: relative;

    right: 0;

    text-align: right;

    z-index: 0;

    display: block;

  }



  header .container {

    min-width: 100%;

  }



  .container {

    padding-left: 20px;

    padding-right: 20px;

  }



  .text-item {

    font-size: 48px;

    line-height: 48px;

  }



  .text-item i {

    font-size: 36px;

  }



  header a.btn-main {

    display: none !important;

  }



  .scrollbar-v,

  .float-text {

    top: 70%;

    left: 0%;

  }



  section {

    padding: 40px 0;

  }



  /* title phone */



  h1 {

    font-size: 48px;

  }



  h2 {

    font-size: 36px;

  }



  /* padding top (px) */



  /* padding top (px) */



  /* margin top (px) */



  /* margin top (px) */



}



/* -------------------------------------------------- 

    design for 480px

    /* -------------------------------------------------- */



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

  .container {

    padding-left: 30px;

    padding-right: 30px;

  }

}



/* -------------------------------------------------- 

    design for 320px

    /* -------------------------------------------------- */



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



  .text-item {

    font-size: 32px;

    line-height: 32px;

  }



  .text-item i {

    font-size: 24px;

  }



  header a.btn-main i {

    display: inline-block;

  }



}



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

  #topbar {

    display: none;

  }

}



/* section control */

@media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait) {

  section {

    -webkit-background-size: auto 100%;

    -moz-background-size: auto 100%;

    -o-background-size: auto 100%;

    background-size: auto 100%;

    background-attachment: scroll;

  }

}



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



  section {

    -webkit-background-size: auto 100%;

    -moz-background-size: auto 100%;

    -o-background-size: auto 100%;

    background-size: auto 100%;

    background-attachment: scroll;

  }

}



/* new added */



/* New styles */



#who-should-attend {
  overflow: hidden;
}

#who-should-attend .sw-overlay {
  background: linear-gradient(145deg, rgba(8, 12, 38, 0.72), rgba(8, 12, 38, 0.84));
  opacity: 1;
}

#who-should-attend .who-attend-grid {
  margin-top: clamp(26px, 4vw, 48px) !important;
  counter-reset: attendee-item;
}

#who-should-attend .who-attend-grid > [class*="col-"] {
  counter-increment: attendee-item;
}

#who-should-attend .attendee-box {
  position: relative;
  height: 100%;
  min-height: 218px;
  padding: clamp(20px, 2.2vw, 28px);
  border-radius: 20px;
  border: 1px solid rgba(168, 196, 255, 0.18);
  background: linear-gradient(152deg, rgba(23, 33, 94, 0.7), rgba(12, 20, 62, 0.76) 54%, rgba(8, 14, 40, 0.86));
  box-shadow: 0 18px 34px rgba(2, 8, 28, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  isolation: isolate;
  overflow: hidden;
  transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s ease, box-shadow 0.35s ease, background-color 0.35s ease;
}

#who-should-attend .attendee-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(110% 74% at 0% 0%, rgba(var(--primary-color-rgb), 0.28), transparent 58%),
    radial-gradient(80% 60% at 96% 100%, rgba(var(--secondary-color-rgb), 0.25), transparent 70%);
  pointer-events: none;
  z-index: 0;
}

#who-should-attend .attendee-box::after {
  content: counter(attendee-item, decimal-leading-zero);
  position: absolute;
  top: 14px;
  right: 16px;
  font-family: var(--heading-alt-font);
  font-size: 11px;
  letter-spacing: 0.14em;
  color: rgba(220, 232, 255, 0.45);
  z-index: 1;
}

#who-should-attend .attendee-box:hover {
  transform: translateY(-8px);
  border-color: rgba(var(--primary-color-rgb), 0.72);
  box-shadow: 0 24px 42px rgba(2, 8, 28, 0.52), 0 0 0 1px rgba(var(--primary-color-rgb), 0.2);
}

#who-should-attend .attendee-box .icon {
  position: relative;
  z-index: 1;
  width: 58px;
  height: 58px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  margin: 0 0 18px;
  font-size: 24px;
  color: #fff;
  background: linear-gradient(145deg, rgba(var(--primary-color-rgb), 0.96), rgba(var(--secondary-color-rgb), 0.9));
  box-shadow: 0 12px 22px rgba(var(--secondary-color-rgb), 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.26);
  transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.34s ease;
}

#who-should-attend .attendee-box:hover .icon {
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 16px 28px rgba(var(--secondary-color-rgb), 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

#who-should-attend .attendee-box h4 {
  position: relative;
  z-index: 1;
  margin: 0;
  max-inline-size: 26ch;
  font-family: var(--heading-alt-font);
  font-size: clamp(16px, 1.08vw, 18px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.01em;
  color: rgba(245, 251, 255, 0.98);
}

@media screen and (max-width: 991.98px) {
  #who-should-attend .attendee-box {
    min-height: 198px;
  }
}

@media screen and (max-width: 575.98px) {
  #who-should-attend .attendee-box {
    min-height: 0;
    text-align: center;
    align-items: center;
  }

  #who-should-attend .attendee-box::after {
    top: 12px;
    right: 14px;
  }
}




.video-wrapper {

  width: 100%;

  height: 100%;

  overflow: hidden;

  border-radius: 12px;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);

}



.about-video {

  width: 100%;

  height: auto;

  display: block;

  border-radius: 12px;

}







/* Focused Industries Revamp */

#section-focused-industries {
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  padding-top: clamp(74px, 9vw, 112px);
  padding-bottom: clamp(82px, 10vw, 126px);
}

#section-focused-industries::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(44% 38% at 10% 16%, rgba(var(--primary-color-rgb), 0.2), transparent 74%),
    radial-gradient(42% 34% at 90% 8%, rgba(var(--secondary-color-rgb), 0.16), transparent 76%);
  pointer-events: none;
}

#section-focused-industries .sw-overlay {
  background:
    radial-gradient(64% 56% at 14% 12%, rgba(var(--primary-color-rgb), 0.48), transparent 72%),
    radial-gradient(56% 50% at 86% 16%, rgba(var(--secondary-color-rgb), 0.42), transparent 74%),
    radial-gradient(76% 58% at 50% 100%, rgba(var(--primary-color-rgb), 0.34), transparent 74%),
    linear-gradient(140deg, rgba(9, 13, 42, 0.82), rgba(10, 17, 50, 0.88));
  opacity: 0.92;
}

#section-focused-industries .focused-industries-shell {
  position: relative;
  z-index: 3;
}

#section-focused-industries .focused-industries-head {
  max-width: 900px;
  margin: 0 auto clamp(28px, 3.8vw, 44px);
}

#section-focused-industries .focused-industries-head h2 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: clamp(28px, 2.9vw, 44px);
  line-height: 1.16;
  letter-spacing: 0.01em;
  color: #f7fbff;
  text-wrap: balance;
}

#section-focused-industries .focused-industries-grid {
  margin-top: clamp(10px, 1.2vw, 18px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 1.7vw, 22px);
}

#section-focused-industries .industry-box {
  position: relative;
  min-height: 214px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(18px, 1.6vw, 24px);
  border-radius: 18px;
  border: 1px solid rgba(170, 200, 255, 0.24);
  background: linear-gradient(158deg, rgba(20, 31, 90, 0.66), rgba(10, 18, 58, 0.86) 58%, rgba(7, 13, 39, 0.92));
  box-shadow: 0 18px 32px rgba(2, 8, 28, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  overflow: hidden;
  transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease, border-color 0.28s ease;
}

#section-focused-industries .industry-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(84% 62% at 0% 0%, rgba(var(--primary-color-rgb), 0.24), transparent 64%),
    radial-gradient(72% 56% at 100% 100%, rgba(var(--secondary-color-rgb), 0.2), transparent 70%);
  pointer-events: none;
  z-index: 0;
}

#section-focused-industries .industry-box::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--primary-color-rgb), 0.05), rgba(var(--primary-color-rgb), 0.64), rgba(var(--secondary-color-rgb), 0.64), rgba(var(--primary-color-rgb), 0.05));
  opacity: 0.86;
  pointer-events: none;
}

#section-focused-industries .industry-box:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--primary-color-rgb), 0.72);
  box-shadow: 0 24px 38px rgba(2, 8, 28, 0.52), 0 0 0 1px rgba(var(--primary-color-rgb), 0.18);
}

#section-focused-industries .industry-index {
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 1;
  font-family: var(--body-font);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: rgba(188, 210, 248, 0.66);
}

#section-focused-industries .industry-icon-wrap {
  position: relative;
  z-index: 1;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border: 1px solid rgba(176, 205, 255, 0.32);
  background: rgba(13, 22, 64, 0.74);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

#section-focused-industries .industry-box .industry-icon-wrap .icon {
  font-size: 20px;
  color: rgba(244, 250, 255, 0.96);
  margin: 0;
  line-height: 1;
}

#section-focused-industries .industry-box h4 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-family: var(--heading-font);
  font-size: clamp(17px, 1.05vw, 20px);
  font-weight: 700;
  line-height: 1.34;
  color: #ffffff;
}

#section-focused-industries .industry-box p {
  position: relative;
  z-index: 1;
  margin: 10px 0 0;
  font-family: var(--body-font);
  font-size: clamp(13px, 0.84vw, 14px);
  font-weight: 400;
  line-height: 1.58;
  color: rgba(216, 228, 251, 0.9);
}

@media screen and (max-width: 991.98px) {
  #section-focused-industries .focused-industries-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #section-focused-industries .industry-box {
    min-height: 204px;
  }
}

@media screen and (max-width: 575.98px) {
  #section-focused-industries {
    padding-top: 58px;
    padding-bottom: 72px;
  }

  #section-focused-industries .focused-industries-head h2 {
    font-size: clamp(24px, 7vw, 32px);
  }

  #section-focused-industries .focused-industries-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  #section-focused-industries .industry-box {
    min-height: 0;
    padding: 17px;
  }
}


/* Conference Objectives */

#section-conference-objectives {
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  padding-top: clamp(72px, 9.2vw, 114px);
  padding-bottom: clamp(62px, 7.4vw, 96px);
}

#section-conference-objectives::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 26%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 12vw);
  opacity: 0.14;
  pointer-events: none;
}

#section-conference-objectives .conference-objectives-shell {
  position: relative;
  z-index: 3;
}

#section-conference-objectives .conference-objectives-panel {
  position: relative;
  border-radius: 26px;
  border: 1px solid rgba(176, 205, 255, 0.24);
  padding: clamp(22px, 2.4vw, 34px);
  background: linear-gradient(145deg, rgba(15, 24, 74, 0.78), rgba(9, 16, 52, 0.88) 54%, rgba(8, 14, 42, 0.94));
  box-shadow: 0 24px 44px rgba(2, 8, 28, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.11);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  overflow: hidden;
  isolation: isolate;
}

#section-conference-objectives .conference-objectives-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(112deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 26%),
    radial-gradient(92% 74% at 0% 0%, rgba(var(--primary-color-rgb), 0.18), transparent 66%),
    radial-gradient(84% 70% at 100% 100%, rgba(var(--secondary-color-rgb), 0.14), transparent 72%);
  pointer-events: none;
}

#section-conference-objectives .conference-objectives-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(138deg, rgba(9, 15, 48, 0.42) 6%, rgba(9, 15, 48, 0.22) 46%, rgba(9, 15, 48, 0.42) 94%),
    url(../images/objective1.png) 18% center / cover no-repeat,
    url(../images/objective2.png) 18% center / cover no-repeat;
  opacity: 0.17;
  mix-blend-mode: soft-light;
  filter: saturate(0.68) contrast(0.92) brightness(0.92);
  pointer-events: none;
  z-index: 0;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.9) 38%, rgba(0, 0, 0, 0.52) 66%, rgba(0, 0, 0, 0.16) 84%, transparent 100%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.9) 38%, rgba(0, 0, 0, 0.52) 66%, rgba(0, 0, 0, 0.16) 84%, transparent 100%);
}

#section-conference-objectives .conference-objectives-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
  gap: clamp(22px, 3.2vw, 46px);
  align-items: start;
}

#section-conference-objectives .conference-objectives-intro {
  max-width: 460px;
}

#section-conference-objectives .conference-objectives-intro .subtitle {
  margin-bottom: 10px !important;
}

#section-conference-objectives .conference-objectives-intro h2 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: clamp(34px, 3.4vw, 50px);
  line-height: 1.05;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: rgba(247, 252, 255, 0.99);
}

#section-conference-objectives .conference-objectives-lead {
  margin: 14px 0 0;
  max-width: 39ch;
  font-family: var(--body-font);
  font-size: clamp(16px, 1.02vw, 18px);
  font-weight: 400;
  line-height: 1.6;
  color: rgba(218, 232, 255, 0.9);
}

#section-conference-objectives .conference-objectives-support {
  margin: 18px 0 0;
  padding-top: 14px;
  border-top: 1px solid rgba(166, 194, 246, 0.26);
  max-width: 40ch;
  font-family: var(--heading-alt-font);
  font-size: clamp(13px, 0.84vw, 14px);
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.55;
  text-transform: uppercase;
  color: rgba(203, 222, 252, 0.84);
}

#section-conference-objectives .conference-objectives-flow {
  position: relative;
}

#section-conference-objectives .conference-objectives-list {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#section-conference-objectives .conference-objectives-list li {
  position: relative;
  display: grid;
  grid-template-columns: minmax(56px, 64px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 20px;
  border-radius: 14px;
  border: 1px solid rgba(170, 200, 255, 0.28);
  background: linear-gradient(154deg, rgba(13, 21, 66, 0.84), rgba(9, 16, 52, 0.92) 62%, rgba(7, 13, 40, 0.95));
  box-shadow: 0 14px 24px rgba(2, 8, 28, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  overflow: hidden;
  transition: border-color 0.26s ease, box-shadow 0.26s ease, background-color 0.26s ease;
}

#section-conference-objectives .conference-objectives-list li:hover {
  border-color: rgba(var(--primary-color-rgb), 0.62);
  box-shadow: 0 18px 28px rgba(2, 8, 28, 0.42), 0 0 0 1px rgba(var(--primary-color-rgb), 0.15);
}

#section-conference-objectives .conference-objectives-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, rgba(var(--primary-color-rgb), 0.8), rgba(var(--secondary-color-rgb), 0.32));
}

#section-conference-objectives .conference-objectives-list li::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(90% 60% at 0% 0%, rgba(var(--primary-color-rgb), 0.16), transparent 66%),
    radial-gradient(86% 56% at 100% 100%, rgba(var(--secondary-color-rgb), 0.16), transparent 70%);
  opacity: 0.54;
  pointer-events: none;
}

#section-conference-objectives .obj-index {
  position: relative;
  z-index: 1;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--heading-font);
  font-size: clamp(16px, 1.3vw, 22px);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: 0.04em;
  color: #c49eff;
  background: linear-gradient(145deg, rgba(var(--primary-color-rgb), 0.96), rgba(var(--secondary-color-rgb), 0.9));
  box-shadow: 0 12px 22px rgba(var(--secondary-color-rgb), 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.26);
  text-shadow: 0 0 18px rgba(196, 158, 255, 0.58), 0 6px 16px rgba(8, 12, 34, 0.4);
}

#section-conference-objectives .conference-objectives-list li:nth-child(1) .obj-index {
  color: #c49eff;
  text-shadow: 0 0 18px rgba(196, 158, 255, 0.58), 0 6px 16px rgba(8, 12, 34, 0.4);
}

#section-conference-objectives .conference-objectives-list li:nth-child(2) .obj-index {
  color: #d2b1ff;
  text-shadow: 0 0 18px rgba(210, 177, 255, 0.58), 0 6px 16px rgba(8, 12, 34, 0.4);
}

#section-conference-objectives .conference-objectives-list li:nth-child(3) .obj-index {
  color: #dfc2ff;
  text-shadow: 0 0 18px rgba(223, 194, 255, 0.58), 0 6px 16px rgba(8, 12, 34, 0.4);
}

#section-conference-objectives .conference-objectives-list li:nth-child(4) .obj-index {
  color: #ebd2ff;
  text-shadow: 0 0 18px rgba(235, 210, 255, 0.56), 0 6px 16px rgba(8, 12, 34, 0.4);
}

#section-conference-objectives .conference-objectives-list li:nth-child(5) .obj-index {
  color: #f5e4ff;
  text-shadow: 0 0 18px rgba(245, 228, 255, 0.56), 0 6px 16px rgba(8, 12, 34, 0.4);
}

#section-conference-objectives .obj-copy {
  position: relative;
  z-index: 1;
}

#section-conference-objectives .obj-copy h3 {
  margin: 0;
  font-family: var(--heading-alt-font);
  font-size: clamp(15px, 1vw, 18px);
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.32;
  color: rgba(245, 251, 255, 0.98);
}

#section-conference-objectives .obj-copy p {
  margin: 8px 0 0;
  font-family: var(--body-font);
  font-size: clamp(13px, 0.86vw, 14px);
  font-weight: 400;
  line-height: 1.55;
  color: rgba(218, 231, 250, 0.9);
}

@media screen and (max-width: 991.98px) {
  #section-conference-objectives {
    padding-top: clamp(64px, 10vw, 94px);
    padding-bottom: clamp(58px, 9vw, 84px);
  }

  #section-conference-objectives .conference-objectives-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #section-conference-objectives .conference-objectives-intro {
    max-width: 100%;
  }

  #section-conference-objectives .conference-objectives-lead {
    max-width: 52ch;
  }
}

@media screen and (max-width: 767.98px) {
  #section-conference-objectives .obj-index {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    font-size: 13px;
  }

  #section-conference-objectives .conference-objectives-list li {
    grid-template-columns: minmax(48px, 56px) minmax(0, 1fr);
    gap: 12px;
    padding: 14px 14px 13px;
  }

  #section-conference-objectives .obj-copy h3 {
    font-size: 15px;
  }
}

@media screen and (max-width: 575.98px) {
  #section-conference-objectives {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  #section-conference-objectives .conference-objectives-panel {
    border-radius: 18px;
    padding: 16px;
  }

  #section-conference-objectives .conference-objectives-panel::after {
    opacity: 0.13;
  }

  #section-conference-objectives .conference-objectives-intro h2 {
    font-size: clamp(30px, 9vw, 42px);
  }

  #section-conference-objectives .conference-objectives-lead {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
  }

  #section-conference-objectives .conference-objectives-support {
    margin-top: 14px;
    padding-top: 12px;
    font-size: 10px;
    line-height: 1.5;
  }

  #section-conference-objectives .obj-index {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 10px;
    letter-spacing: 0.1em;
  }

  #section-conference-objectives .conference-objectives-list li {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    padding: 11px 10px 10px;
    border-radius: 14px;
  }

  #section-conference-objectives .obj-copy h3 {
    font-size: 13px;
  }

  #section-conference-objectives .obj-copy p {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.4;
  }
}

/* Event Format */

#section-event-format {
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  background: #111435;
  padding-top: clamp(72px, 9vw, 118px);
  padding-bottom: clamp(82px, 10vw, 130px);
}

#section-event-format .event-format-shell {
  position: relative;
  z-index: 2;
}

#section-event-format .event-format-editorial {
  position: relative;
  isolation: isolate;
}

#section-event-format .event-format-column-left {
  max-width: 460px;
}

#section-event-format .event-format-column-left h2 {
  margin: 0 0 clamp(20px, 2.3vw, 30px);
  font-family: var(--heading-font);
  font-size: clamp(34px, 3.4vw, 50px);
  line-height: 1.04;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: rgba(245, 249, 255, 0.98);
}

#section-event-format .event-format-specs {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(159, 181, 247, 0.34);
}

#section-event-format .spec-line {
  margin: 0;
  padding: 14px 0 13px;
  border-bottom: 1px solid rgba(159, 181, 247, 0.24);
  display: grid;
  grid-template-columns: minmax(130px, 0.8fr) minmax(0, 1.2fr);
  gap: 12px;
  align-items: center;
}

#section-event-format .spec-line dt {
  margin: 0;
  font-family: var(--body-font);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(176, 200, 252, 0.74);
}

#section-event-format .spec-line dd {
  margin: 0;
  font-family: var(--body-font);
  font-size: clamp(16px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.32;
  color: rgba(236, 245, 255, 0.95);
}

#section-event-format .event-format-note {
  margin: clamp(18px, 2.1vw, 26px) 0 0;
  max-width: 40ch;
  font-family: var(--heading-alt-font);
  font-size: clamp(15px, 1vw, 17px);
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.45;
  color: rgba(211, 224, 248, 0.87);
}

#section-event-format .event-format-column-right {
  position: relative;
  padding-left: clamp(16px, 2.3vw, 40px);
}

#section-event-format .event-format-column-right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(152, 176, 245, 0.26);
}

#section-event-format .event-format-flow-label {
  margin: 0 0 14px;
  font-family: var(--heading-font);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(184, 206, 255, 0.72);
}

#section-event-format .event-format-lines {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(159, 181, 247, 0.28);
}

#section-event-format .event-format-lines li {
  display: grid;
  grid-template-columns: minmax(64px, 74px) minmax(0, 1fr);
  gap: 18px;
  align-items: baseline;
  padding: 15px 0 14px;
  border-bottom: 1px solid rgba(159, 181, 247, 0.2);
}

#section-event-format .line-no {
  display: inline-block;
  font-family: var(--heading-font);
  font-size: clamp(27px, 2.3vw, 38px);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: 0.08em;
  color: #5a38bd;
  text-shadow: 0 8px 20px rgba(90, 56, 189, 0.35);
}

#section-event-format .event-format-lines li:nth-child(1) .line-no {
  color: #5a38bd;
  text-shadow: 0 8px 20px rgba(90, 56, 189, 0.35);
}

#section-event-format .event-format-lines li:nth-child(2) .line-no {
  color: #6a45cb;
  text-shadow: 0 8px 20px rgba(106, 69, 203, 0.35);
}

#section-event-format .event-format-lines li:nth-child(3) .line-no {
  color: #7b55d8;
  text-shadow: 0 8px 20px rgba(123, 85, 216, 0.35);
}

#section-event-format .event-format-lines li:nth-child(4) .line-no {
  color: #8d67e3;
  text-shadow: 0 8px 20px rgba(141, 103, 227, 0.34);
}

#section-event-format .event-format-lines li:nth-child(5) .line-no {
  color: #a07aed;
  text-shadow: 0 8px 20px rgba(160, 122, 237, 0.34);
}

#section-event-format .event-format-lines li:nth-child(6) .line-no {
  color: #b28ef6;
  text-shadow: 0 8px 20px rgba(178, 142, 246, 0.33);
}

#section-event-format .event-format-lines li p {
  margin: 0;
  font-family: var(--heading-alt-font);
  font-size: clamp(18px, 1.38vw, 25px);
  font-weight: 500;
  line-height: 1.24;
  color: rgba(236, 245, 255, 0.95);
}

@media screen and (max-width: 991.98px) {
  #section-event-format {
    padding-top: clamp(64px, 10vw, 94px);
    padding-bottom: clamp(72px, 11vw, 108px);
  }

  #section-event-format .event-format-column-left {
    max-width: 100%;
  }

  #section-event-format .event-format-column-right {
    padding-left: 0;
    margin-top: 4px;
  }

  #section-event-format .event-format-column-right::before {
    display: none;
  }

  #section-event-format .event-format-lines li {
    grid-template-columns: minmax(56px, 62px) minmax(0, 1fr);
    gap: 14px;
  }

  #section-event-format .event-format-lines li p {
    font-size: clamp(17px, 2.2vw, 22px);
  }
}

@media screen and (max-width: 575.98px) {
  #section-event-format {
    padding-top: 56px;
    padding-bottom: 72px;
  }

  #section-event-format .event-format-column-left h2 {
    font-size: clamp(30px, 9.4vw, 42px);
    margin-bottom: 16px;
  }

  #section-event-format .spec-line {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 10px 0 9px;
  }

  #section-event-format .spec-line dt {
    font-size: 11px;
    letter-spacing: 0.14em;
  }

  #section-event-format .spec-line dd {
    font-size: 15px;
  }

  #section-event-format .event-format-note {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.4;
  }

  #section-event-format .event-format-flow-label {
    margin-bottom: 10px;
    font-size: 11px;
    letter-spacing: 0.18em;
  }

  #section-event-format .event-format-lines li {
    grid-template-columns: minmax(42px, 48px) minmax(0, 1fr);
    gap: 10px;
    padding: 10px 0 9px;
  }

  #section-event-format .line-no {
    font-size: 20px;
    letter-spacing: 0.06em;
  }

  #section-event-format .event-format-lines li p {
    font-size: 13px;
    line-height: 1.34;
  }
}

/* Hero + Nav Brand */

.event-logo-nav {
  display: block;
  max-width: clamp(150px, 17vw, 240px);
  width: 100%;
  height: auto;
  filter: brightness(1.18) drop-shadow(0 8px 18px rgba(15, 20, 48, 0.45));
}

header.smaller .event-logo-nav {
  max-width: clamp(145px, 16vw, 220px);
}

#section-hero {
  --hero-pad-top: clamp(110px, 12vh, 150px);
  --hero-pad-bottom: clamp(70px, 10vh, 120px);
  --hero-marquee-gap: clamp(72px, 11vh, 126px);
  height: 100vh !important;
  min-height: 100vh !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  padding-top: var(--hero-pad-top) !important;
  padding-bottom: var(--hero-pad-bottom) !important;
  display: block !important;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}

#section-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(90px, 14vh, 170px);
  background: linear-gradient(180deg, rgba(var(--bg-dark-1-rgb), 0) 0%, rgba(var(--bg-dark-1-rgb), 0.82) 72%, rgba(var(--bg-dark-1-rgb), 1) 100%);
  z-index: 5;
  pointer-events: none;
}

#section-hero .hero-overlay-strong {
  background:
    radial-gradient(64% 56% at 14% 12%, rgba(var(--primary-color-rgb), 0.78), transparent 72%),
    radial-gradient(56% 50% at 88% 18%, rgba(var(--secondary-color-rgb), 0.76), transparent 72%),
    linear-gradient(135deg, rgba(9, 13, 42, 0.78), rgba(10, 16, 50, 0.84));
  opacity: 0.93;
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  pointer-events: none;
}

#section-hero .hero-overlay-secondary {
  background: linear-gradient(180deg, rgba(7, 10, 30, 0.18) 0%, rgba(7, 10, 30, 0.72) 100%);
  opacity: 0.88;
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  pointer-events: none;
}

.hero-orb {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
  z-index: 1;
  filter: blur(0.5px);
}

.hero-orb-a {
  top: 12%;
  right: -80px;
  width: clamp(180px, 22vw, 340px);
  height: clamp(180px, 22vw, 340px);
  background: radial-gradient(circle at 35% 35%, rgba(255, 216, 112, 0.32), rgba(255, 216, 112, 0.02));
}

.hero-orb-b {
  bottom: -100px;
  left: -60px;
  width: clamp(220px, 28vw, 380px);
  height: clamp(220px, 28vw, 380px);
  background: radial-gradient(circle at 50% 45%, rgba(79, 98, 255, 0.25), rgba(79, 98, 255, 0.02));
}

.hero-shell {
  position: relative;
  z-index: 6;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hero-top-corner-details {
  position: static;
  width: 100%;
  margin: clamp(18px, 2.6vh, 30px) 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  z-index: 3;
}

.hero-top-corner-item {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.hero-top-corner-item + .hero-top-corner-item {
  margin-left: 18px;
  padding-left: 18px;
  border-left: 1px solid rgba(255, 255, 255, 0.32);
}

.hero-top-corner-item i {
  color: var(--primary-color);
}

.hero-top-corner-item span {
  font-family: var(--heading-alt-font);
  font-size: clamp(14px, 1.05vw, 17px);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(20px, 3vw, 32px);
  align-items: center;
  justify-items: center;
  margin-top: 0;
  width: 100%;
  min-height: 0;
}

.hero-copy {
  max-width: 100%;
  width: 100%;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: var(--hero-marquee-gap);
  min-height: 0;
}

.hero-marquee {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 7;
  pointer-events: none;
  padding-inline: 0;
}

.hero-marquee-rail {
  position: relative;
  overflow: hidden;
  border-radius: 0;
  border: 0;
  background: transparent;
  box-shadow: inset 0 1px rgba(159, 129, 236, 0.52), inset 0 -1px rgba(101, 89, 204, 0.46);
  padding: clamp(9px, 1.4vw, 15px) 0;
}

.hero-marquee-rail::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(67, 37, 143, 0) 0%, rgba(67, 37, 143, 0.56) 24%, rgba(93, 126, 255, 0.46) 50%, rgba(67, 37, 143, 0.56) 76%, rgba(67, 37, 143, 0) 100%);
  opacity: 0.48;
  pointer-events: none;
  z-index: 1;
}

.hero-marquee-rail::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(222, 208, 255, 0.15) 0%, rgba(222, 208, 255, 0) 38%, rgba(92, 102, 220, 0) 62%, rgba(92, 102, 220, 0.14) 100%);
  pointer-events: none;
  z-index: 2;
}

.hero-marquee-track {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  animation: hero-marquee-scroll 60s linear infinite;
}

.hero-marquee-group {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  padding-right: clamp(26px, 3vw, 42px);
}

.hero-marquee-item {
  flex: 0 0 auto;
  white-space: nowrap;
  font-family: var(--heading-alt-font);
  font-size: clamp(32px, 4.3vw, 84px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 0.88;
  text-transform: uppercase;
  background: linear-gradient(90deg, #f8f3ff 0%, #e6dbff 22%, #c8b6ff 44%, #9a84ea 60%, #7b7eff 82%, #eef3ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: 1px rgba(193, 174, 244, 0.34);
  text-shadow: 0 8px 22px rgba(67, 37, 143, 0.34), 0 0 22px rgba(106, 111, 255, 0.28);
}

.hero-marquee-dot {
  flex: 0 0 auto;
  width: clamp(9px, 0.9vw, 14px);
  height: clamp(9px, 0.9vw, 14px);
  margin: 0 clamp(20px, 2.2vw, 34px);
  border-radius: 999px;
  background: radial-gradient(circle at 32% 32%, #f2ebff 0%, #7f67df 62%, rgba(67, 37, 143, 0.48) 100%);
  box-shadow: 0 0 14px rgba(67, 37, 143, 0.55);
}

.hero-kicker {
  margin: 0 0 16px;
  font-family: var(--heading-alt-font);
  font-size: clamp(12px, 1vw, 14px);
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
}

.hero-main-title {
  margin: 0;
  font-size: clamp(42px, 6.6vw, 98px);
  line-height: 1.02;
  letter-spacing: 0.02em;
  color: #fff;
  text-wrap: balance;
  max-inline-size: 15ch;
}

.hero-invite-float {
  position: relative;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: calc(100% - 24px);
  margin: 0 auto clamp(18px, 2.6vh, 30px);
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(174, 204, 255, 0.58);
  background:
    linear-gradient(134deg, rgba(17, 30, 83, 0.9), rgba(10, 18, 53, 0.88)),
    rgba(10, 18, 53, 0.88);
  box-shadow:
    0 14px 30px rgba(3, 9, 30, 0.5),
    0 0 18px rgba(var(--secondary-color-rgb), 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  overflow: hidden;
  pointer-events: none;
  transform: translateY(0);
  animation: hero-invite-levitate 4.4s ease-in-out infinite;
}

.hero-invite-float::before {
  content: "";
  position: absolute;
  top: -90%;
  left: -55%;
  width: 45%;
  height: 280%;
  background: linear-gradient(
    110deg,
    transparent 8%,
    rgba(255, 255, 255, 0.08) 38%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0.08) 62%,
    transparent 100%
  );
  transform: rotate(16deg);
  animation: hero-invite-shine 3.2s ease-in-out infinite;
}

.hero-invite-float span {
  position: relative;
  z-index: 1;
  font-family: var(--heading-alt-font);
  font-size: clamp(10px, 0.75vw, 12px);
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.15;
  white-space: nowrap;
  color: rgba(236, 245, 255, 0.98);
}

.hero-cta-row {
  margin-top: clamp(24px, 3vw, 34px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.hero-cta-row .hero-btn {
  flex: 0 0 auto;
}

a.btn-main.fx-slide.hero-btn,
a.btn-main.fx-slide.hero-btn:active,
a.btn-main.fx-slide.hero-btn:focus,
a.btn-main.fx-slide.hero-btn:visited {
  width: auto;
  min-width: clamp(176px, 14vw, 220px);
  padding: 13px 28px;
  border-radius: 14px;
  border: 1px solid transparent;
  font-family: var(--heading-alt-font);
  font-size: clamp(13px, 0.82vw, 15px);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.2;
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;
}

a.btn-main.fx-slide.hero-btn span {
  position: relative;
  z-index: 2;
  transform: none;
  opacity: 1;
  transition: letter-spacing 0.35s ease;
}

a.btn-main.fx-slide.hero-btn:hover span,
a.btn-main.fx-slide.hero-btn:focus-visible span {
  transform: none;
  opacity: 1;
  letter-spacing: 0.13em;
}

a.btn-main.fx-slide.hero-btn:before {
  content: "";
  position: absolute;
  top: -130%;
  left: -46%;
  width: 48%;
  height: 360%;
  border-radius: 999px;
  background: linear-gradient(110deg, transparent 8%, rgba(255, 255, 255, 0.12) 34%, rgba(255, 255, 255, 0.82) 50%, rgba(255, 255, 255, 0.08) 66%, transparent 100%);
  transform: translateX(-250%) rotate(18deg);
  opacity: 0;
  transition: transform 0.85s ease, opacity 0.42s ease;
  pointer-events: none;
  z-index: 1;
}

a.btn-main.fx-slide.hero-btn:hover:before,
a.btn-main.fx-slide.hero-btn:focus-visible:before {
  opacity: 1;
  transform: translateX(360%) rotate(18deg);
}

a.btn-main.fx-slide.hero-btn:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent;
  pointer-events: none;
  z-index: 1;
  transition: border-color 0.3s ease;
}

a.btn-main.fx-slide.hero-btn:hover,
a.btn-main.fx-slide.hero-btn:focus-visible {
  transform: translateY(-3px);
}

a.btn-main.fx-slide.hero-btn.hero-btn-primary {
  background: linear-gradient(132deg, rgba(var(--primary-color-rgb), 1) 0%, rgba(var(--secondary-color-rgb), 0.98) 52%, rgba(var(--secondary-color-rgb), 1) 100%);
  color: #ffffff;
  border-color: rgba(var(--primary-color-rgb), 0.92);
  box-shadow: 0 12px 34px rgba(var(--primary-color-rgb), 0.42), 0 3px 14px rgba(var(--secondary-color-rgb), 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  animation: hero-btn-glow 2.8s ease-in-out infinite;
}

a.btn-main.fx-slide.hero-btn.hero-btn-primary:hover,
a.btn-main.fx-slide.hero-btn.hero-btn-primary:focus-visible {
  color: #ffffff;
  background: linear-gradient(132deg, rgba(var(--primary-color-rgb), 0.98) 0%, rgba(var(--secondary-color-rgb), 1) 100%);
  box-shadow: 0 18px 44px rgba(var(--primary-color-rgb), 0.56), 0 5px 18px rgba(var(--secondary-color-rgb), 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

a.btn-main.fx-slide.hero-btn.hero-btn-primary:after {
  border-color: rgba(var(--primary-color-rgb), 0.66);
}

a.btn-main.fx-slide.hero-btn.hero-btn-outline {
  background: linear-gradient(145deg, rgba(var(--secondary-color-rgb), 0.56), rgba(13, 22, 66, 0.62));
  color: rgba(246, 251, 255, 0.96);
  border-color: rgba(var(--primary-color-rgb), 0.6);
  box-shadow: 0 10px 28px rgba(8, 12, 36, 0.45), 0 2px 10px rgba(var(--secondary-color-rgb), 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

a.btn-main.fx-slide.hero-btn.hero-btn-outline:hover,
a.btn-main.fx-slide.hero-btn.hero-btn-outline:focus-visible {
  background: linear-gradient(145deg, rgba(var(--primary-color-rgb), 0.76), rgba(var(--secondary-color-rgb), 0.78));
  border-color: rgba(var(--primary-color-rgb), 0.95);
  color: #ffffff;
  box-shadow: 0 16px 36px rgba(var(--secondary-color-rgb), 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

a.btn-main.fx-slide.hero-btn.hero-btn-outline:after {
  border-color: rgba(var(--primary-color-rgb), 0.42);
}

header a.btn-main.fx-slide.hero-btn.nav-hero-btn {
  min-width: 164px;
  padding: 10px 22px;
  font-size: 12px;
  border-radius: 10px;
}

header a.btn-main.fx-slide.hero-btn.nav-hero-btn.nav-hero-btn-sponsor {
  min-width: auto;
  padding: 10px 14px;
  font-size: 11px;
  margin-right: 8px;
}

@media only screen and (min-width: 993px) {
  .home-splash-page header .de-flex {
    align-items: center;
    gap: 14px;
  }

  .home-splash-page header .header-col-mid {
    flex: 1 1 auto;
    min-width: 0;
  }

  .home-splash-page header .header-col-mid #mainmenu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    margin: 0;
    padding: 0;
  }

  .home-splash-page header .header-col-mid #mainmenu > li {
    float: none;
    display: block;
    margin-right: clamp(14px, 1.4vw, 24px);
  }

  .home-splash-page header .header-col-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
  }

  .home-splash-page header .header-cta-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .home-splash-page header a.btn-main.fx-slide.hero-btn.nav-hero-btn {
    min-width: auto;
    padding: 9px 14px;
    font-size: 11px;
    letter-spacing: 0.08em;
  }

  .home-splash-page header a.btn-main.fx-slide.hero-btn.nav-hero-btn.nav-hero-btn-sponsor {
    margin-right: 0;
  }

  .home-splash-page header #mainmenu > li > a.menu-item {
    font-size: clamp(13px, 0.88vw, 15px);
    padding-top: 22px;
    padding-bottom: 22px;
  }
}

@keyframes hero-btn-glow {
  0%,
  100% {
    box-shadow: 0 12px 34px rgba(var(--primary-color-rgb), 0.42), 0 3px 14px rgba(var(--secondary-color-rgb), 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0 18px 46px rgba(var(--primary-color-rgb), 0.58), 0 6px 18px rgba(var(--secondary-color-rgb), 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.24);
  }
}

@keyframes hero-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes hero-invite-levitate {
  0%,
  100% {
    transform: translateY(0);
    box-shadow:
      0 14px 30px rgba(3, 9, 30, 0.5),
      0 0 18px rgba(var(--secondary-color-rgb), 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.18);
  }
  50% {
    transform: translateY(-8px);
    box-shadow:
      0 22px 36px rgba(3, 9, 30, 0.56),
      0 0 24px rgba(var(--secondary-color-rgb), 0.34),
      inset 0 1px 0 rgba(255, 255, 255, 0.2);
  }
}

@keyframes hero-invite-shine {
  0% {
    transform: translateX(-220%) rotate(16deg);
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  44% {
    transform: translateX(420%) rotate(16deg);
    opacity: 0;
  }
  100% {
    transform: translateX(420%) rotate(16deg);
    opacity: 0;
  }
}

.hero-secondary-cta {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.38);
  box-shadow: none;
}

.hero-secondary-cta:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.52);
}

@media screen and (max-width: 991.98px) {
  #section-hero {
    --hero-pad-top: 130px;
    --hero-pad-bottom: 84px;
    --hero-marquee-gap: clamp(62px, 9vh, 96px);
  }

  .hero-grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .hero-copy {
    min-height: auto;
    max-width: 100%;
  }

  .hero-top-corner-details {
    top: auto;
    right: auto;
  }
}

@media screen and (max-width: 767.98px) {
  #section-hero {
    height: 100vh !important;
    min-height: 100vh !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    --hero-pad-top: 110px;
    --hero-pad-bottom: 64px;
    --hero-marquee-gap: clamp(56px, 8vh, 82px);
  }

  .hero-main-title {
    letter-spacing: 0.01em;
  }

  .hero-invite-float {
    max-width: calc(100% - 20px);
    margin-bottom: 18px;
    padding: 8px 11px;
    border-radius: 10px;
  }

  .hero-invite-float span {
    font-size: 9px;
    letter-spacing: 0.12em;
  }

  .hero-top-corner-details {
    top: auto;
    right: auto;
  }

  .hero-top-corner-item span {
    font-size: 12px;
    letter-spacing: 0.03em;
  }

  .hero-top-corner-item + .hero-top-corner-item {
    margin-left: 10px;
    padding-left: 10px;
  }

  #section-hero a.btn-main.fx-slide.hero-btn {
    min-width: 168px;
    padding: 12px 22px;
    font-size: 12px;
  }

  .hero-marquee {
    bottom: 0;
    padding-inline: 0;
  }

  .hero-marquee-rail {
    padding: 9px 0;
  }

  .hero-marquee-item {
    font-size: clamp(20px, 5.3vw, 38px);
    line-height: 1;
  }
}

@media screen and (max-width: 480px) {
  .hero-cta-row {
    gap: 10px;
  }

  #section-hero a.btn-main.fx-slide.hero-btn {
    width: 100%;
    min-width: 0;
  }

  .hero-marquee {
    bottom: 0;
  }

  .hero-marquee-rail {
    border-radius: 0;
    padding: 7px 0;
  }

  .hero-marquee-dot {
    width: 7px;
    height: 7px;
    margin: 0 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #section-hero a.btn-main.fx-slide.hero-btn,
  #section-hero a.btn-main.fx-slide.hero-btn:before,
  #section-hero a.btn-main.fx-slide.hero-btn span {
    animation: none;
    transition: none;
  }

  .hero-marquee-track {
    animation: none;
  }
}


/* RegTech + DNFBP Series */

#section-series-bridge {
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  background: #101435;
  padding-top: clamp(78px, 9.8vw, 128px);
  padding-bottom: clamp(74px, 8.8vw, 116px);
}

#section-series-bridge::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(42% 34% at 8% 12%, rgba(var(--primary-color-rgb), 0.24), transparent 72%),
    radial-gradient(44% 38% at 92% 10%, rgba(var(--secondary-color-rgb), 0.18), transparent 74%),
    linear-gradient(180deg, rgba(8, 12, 40, 0) 62%, rgba(8, 12, 40, 0.44) 100%);
  pointer-events: none;
}

#section-series-bridge::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(70px, 9vh, 118px);
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(var(--bg-dark-1-rgb), 0) 0%, rgba(var(--bg-dark-1-rgb), 0.82) 74%, rgba(var(--bg-dark-1-rgb), 1) 100%);
}

#section-series-bridge .series-bridge-shell {
  position: relative;
  z-index: 2;
  text-align: center;
}

#section-series-bridge .series-bridge-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  margin-bottom: clamp(20px, 2.8vw, 34px);
}

#section-series-bridge .series-bridge-copy {
  max-width: 960px;
}

#section-series-bridge .series-bridge-copy h2 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: clamp(32px, 3.2vw, 46px);
  line-height: 1.08;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: rgba(246, 251, 255, 0.99);
}

#section-series-bridge .series-bridge-lead {
  margin: 20px auto 0;
  max-width: 78ch;
  font-family: var(--body-font);
  font-size: clamp(15px, 0.98vw, 18px);
  line-height: 1.62;
  color: rgba(220, 234, 255, 0.9);
}

#section-series-bridge .series-bridge-carousel {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 54px;
  align-items: center;
  gap: clamp(10px, 1.4vw, 18px);
  max-width: 1320px;
  margin: 0 auto;
  text-align: left;
}

#section-series-bridge .series-bridge-nav-btn {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(178, 203, 250, 0.34);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(20, 31, 86, 0.84), rgba(10, 17, 54, 0.92));
  color: rgba(236, 245, 255, 0.95);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 6;
  flex-shrink: 0;
  font-size: 13px;
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

#section-series-bridge .series-bridge-prev {
  justify-self: start;
}

#section-series-bridge .series-bridge-next {
  justify-self: end;
}

#section-series-bridge .series-bridge-nav-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--primary-color-rgb), 0.82);
  box-shadow: 0 12px 24px rgba(var(--secondary-color-rgb), 0.38);
}

#section-series-bridge .series-bridge-nav-btn.swiper-button-disabled {
  opacity: 0.38;
  pointer-events: none;
  box-shadow: none;
}

#section-series-bridge .series-bridge-swiper {
  overflow: hidden;
  margin-top: 0;
  min-width: 0;
  width: 100%;
}

#section-series-bridge .series-bridge-swiper .swiper-wrapper {
  align-items: stretch;
}

#section-series-bridge .series-bridge-swiper .swiper-slide {
  height: auto;
}

#section-series-bridge .series-event-card {
  position: relative;
  height: 100%;
  border-radius: 20px;
  border: 1px solid rgba(168, 197, 250, 0.26);
  background: linear-gradient(152deg, rgba(16, 24, 72, 0.82), rgba(9, 16, 52, 0.9) 62%, rgba(7, 13, 40, 0.94));
  box-shadow: 0 18px 34px rgba(2, 8, 28, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.11);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-align: left;
  transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}

#section-series-bridge .series-event-chip {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--heading-alt-font);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #1b1a49;
}

#section-series-bridge .series-event-chip::before {
  content: "[";
  margin-right: 7px;
  color: #7149e6;
  font-weight: 700;
}

#section-series-bridge .series-event-chip::after {
  content: "]";
  margin-left: 7px;
  color: #7149e6;
  font-weight: 700;
}

#section-series-bridge .series-event-chip.is-upcoming {
  color: #1b1a49;
}

#section-series-bridge .series-event-chip.is-past {
  color: #1b1a49;
}

#section-series-bridge .series-event-card:hover {
  transform: translateY(-7px);
  border-color: rgba(var(--primary-color-rgb), 0.7);
  box-shadow: 0 24px 40px rgba(2, 8, 28, 0.54), 0 0 0 1px rgba(var(--primary-color-rgb), 0.16);
}

#section-series-bridge .series-event-media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #ffffff;
  padding: 8px;
}

#section-series-bridge .series-event-media::after {
  content: none;
}

#section-series-bridge .series-event-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.12);
  transition: transform 0.35s ease;
}

#section-series-bridge .series-event-card:hover .series-event-media img {
  transform: scale(1.12);
}

#section-series-bridge .series-event-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 12px;
  padding: 20px 20px 24px;
  flex: 1;
}

#section-series-bridge .series-event-body > * {
  align-self: flex-start;
}

#section-series-bridge .series-event-meta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  font-family: var(--heading-alt-font);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: rgba(186, 208, 247, 0.84);
}

#section-series-bridge .series-event-meta span:last-child {
  text-align: left;
}

#section-series-bridge .series-event-meta .series-event-location {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

#section-series-bridge .series-event-meta .series-event-flag {
  width: 16px;
  height: 11px;
  border-radius: 2px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid rgba(174, 204, 255, 0.45);
  box-shadow: 0 2px 6px rgba(4, 9, 30, 0.35);
}

#section-series-bridge .series-event-card h3 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: clamp(18px, 1.16vw, 21px);
  line-height: 1.32;
  color: rgba(247, 252, 255, 0.98);
  text-wrap: balance;
}

#section-series-bridge .series-event-link {
  margin-top: auto;
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--heading-alt-font);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(235, 245, 255, 0.95) !important;
  justify-content: flex-start;
}

#section-series-bridge .series-event-link-icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(186, 210, 255, 0.42);
  background: linear-gradient(145deg, rgba(var(--primary-color-rgb), 0.88), rgba(var(--secondary-color-rgb), 0.86));
  box-shadow: 0 10px 18px rgba(var(--secondary-color-rgb), 0.38);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#section-series-bridge .series-event-link:hover .series-event-link-icon {
  transform: translateX(3px);
  box-shadow: 0 14px 22px rgba(var(--secondary-color-rgb), 0.48);
}

@media screen and (max-width: 991.98px) {
  #section-series-bridge .series-bridge-head {
    align-items: center;
    gap: 14px;
  }

  #section-series-bridge .series-bridge-nav-btn {
    width: 44px;
    height: 44px;
  }
}

@media screen and (max-width: 767.98px) {
  #section-series-bridge .series-bridge-carousel {
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    gap: 8px;
  }

  #section-series-bridge .series-bridge-nav-btn {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    font-size: 11px;
  }
}

@media screen and (max-width: 575.98px) {
  #section-series-bridge {
    padding-top: 62px;
    padding-bottom: 72px;
  }

  #section-series-bridge .series-bridge-copy h2 {
    font-size: clamp(28px, 8.8vw, 38px);
  }

  #section-series-bridge .series-bridge-lead {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.52;
  }

  #section-series-bridge .series-event-card {
    border-radius: 14px;
  }

  #section-series-bridge .series-event-chip {
    top: 10px;
    right: 10px;
    font-size: 9px;
    letter-spacing: 0.1em;
  }

  #section-series-bridge .series-event-body {
    padding: 15px 14px 18px;
  }

  #section-series-bridge .series-event-meta {
    font-size: 10px;
    letter-spacing: 0.08em;
  }

  #section-series-bridge .series-event-meta .series-event-flag {
    width: 14px;
    height: 10px;
  }

  #section-series-bridge .series-event-card h3 {
    font-size: 16px;
  }
}


/* Professional Event Overview */

#section-about.overview-pro-section {
  position: relative;
  overflow: hidden;
  padding-top: clamp(42px, 6.2vw, 74px);
  margin-top: -1px;
}

#section-about.overview-pro-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(8, 13, 40, 0.5), rgba(8, 13, 40, 0)),
    radial-gradient(48% 40% at 85% 8%, rgba(79, 98, 255, 0.14), transparent 75%),
    linear-gradient(180deg, rgba(8, 12, 38, 0) 58%, rgba(8, 12, 38, 0.97) 100%);
  pointer-events: none;
}

#section-about.overview-pro-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: clamp(58px, 8.2vh, 96px);
  background: linear-gradient(180deg, rgba(var(--bg-dark-1-rgb), 0.96) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);
  pointer-events: none;
}

.overview-pro-shell {
  position: relative;
  z-index: 2;
}

.event-numbers-wrap {
  margin-top: clamp(118px, 11vw, 148px);
}

.overview-pro-header {
  max-width: 1240px;
  margin-bottom: clamp(20px, 3vw, 34px);
}

.overview-pro-label {
  display: inline-block;
  margin: 0 0 10px;
  font-family: var(--heading-alt-font);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(177, 208, 255, 0.9);
}

.overview-pro-label::before {
  content: "[  ";
  color: var(--primary-color);
  font-weight: 700;
}

.overview-pro-label::after {
  content: "  ]";
  color: var(--primary-color);
  font-weight: 700;
}

.overview-pro-title {
  margin: 0;
  max-inline-size: 34ch;
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  font-size: clamp(26px, 2.4vw, 36px);
  line-height: 1.2;
  letter-spacing: 0.005em;
  color: #f7fbff;
  text-wrap: balance;
}

.overview-pro-layout {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: clamp(20px, 2.8vw, 36px);
  align-items: start;
  font-family: var(--body-font);
  border-radius: 20px;
  border: 1px solid rgba(168, 196, 255, 0.12);
  background: rgba(11, 18, 52, 0.58);
  box-shadow: 0 14px 28px rgba(2, 8, 28, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.overview-pro-layout::before {
  content: none;
}

.overview-pro-copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.overview-pro-copy p {
  margin: 0 0 14px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.85;
  color: rgba(226, 235, 251, 0.92);
}

.overview-pro-copy p:last-child {
  margin-bottom: 0;
}

.overview-pro-lead {
  font-size: clamp(17px, 1.25vw, 20px);
  font-weight: 400;
  color: rgba(247, 251, 255, 0.96);
}

.overview-pro-closing {
  margin-top: 18px;
  padding-top: 0;
  font-family: var(--body-font);
  font-weight: 500;
  font-size: clamp(16px, 1.05vw, 19px);
  letter-spacing: 0.01em;
  color: #ffffff;
}

.overview-pro-side {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.overview-pro-video-wrap {
  width: 100%;
  min-height: 0;
  position: relative;
  isolation: isolate;
  border-radius: 0;
  overflow: hidden;
  border: 0;
  box-shadow: none;
  background: rgba(11, 18, 52, 0.84);
}

.overview-pro-video-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: radial-gradient(112% 110% at 50% 50%, rgba(11, 18, 52, 0) 30%, rgba(11, 18, 52, 0.66) 56%, rgba(11, 18, 52, 0.9) 78%, rgba(11, 18, 52, 1) 100%);
}

.overview-pro-video-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(11, 18, 52, 0.88), rgba(11, 18, 52, 0) 24%, rgba(11, 18, 52, 0) 76%, rgba(11, 18, 52, 0.9)),
    linear-gradient(90deg, rgba(11, 18, 52, 0.88), rgba(11, 18, 52, 0) 20%, rgba(11, 18, 52, 0) 80%, rgba(11, 18, 52, 0.88));
}

.overview-pro-video {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.86) contrast(0.92) brightness(0.82);
  -webkit-mask-image: radial-gradient(
    ellipse 104% 100% at 50% 50%,
    rgba(0, 0, 0, 1) 30%,
    rgba(0, 0, 0, 0.66) 50%,
    rgba(0, 0, 0, 0.2) 68%,
    rgba(0, 0, 0, 0) 88%
  );
  mask-image: radial-gradient(
    ellipse 104% 100% at 50% 50%,
    rgba(0, 0, 0, 1) 30%,
    rgba(0, 0, 0, 0.66) 50%,
    rgba(0, 0, 0, 0.2) 68%,
    rgba(0, 0, 0, 0) 88%
  );
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

@media screen and (max-width: 991.98px) {
  #section-about.overview-pro-section {
    padding-top: 38px;
  }

  .event-numbers-wrap {
    margin-top: clamp(102px, 14vw, 124px);
  }

  .overview-pro-layout {
    grid-template-columns: 1fr;
    align-items: start;
    padding: 18px;
    gap: 16px;
  }

  .overview-pro-side {
    max-width: 760px;
    height: auto;
  }

  .overview-pro-video-wrap {
    height: auto;
    aspect-ratio: 16 / 11;
  }

  .overview-pro-video {
    -webkit-mask-image: radial-gradient(
      ellipse 108% 104% at 50% 50%,
      rgba(0, 0, 0, 1) 34%,
      rgba(0, 0, 0, 0.68) 54%,
      rgba(0, 0, 0, 0.2) 72%,
      rgba(0, 0, 0, 0) 90%
    );
    mask-image: radial-gradient(
      ellipse 108% 104% at 50% 50%,
      rgba(0, 0, 0, 1) 34%,
      rgba(0, 0, 0, 0.68) 54%,
      rgba(0, 0, 0, 0.2) 72%,
      rgba(0, 0, 0, 0) 90%
    );
  }
}

@media screen and (max-width: 575.98px) {
  .overview-pro-title {
    font-size: clamp(22px, 6.3vw, 30px);
  }

  .overview-pro-copy {
    padding: 0;
  }

}


/* Featured Speakers + Series Speakers Revamp */

html.featured-speaker-modal-open,
body.featured-speaker-modal-open {
  overflow: hidden;
  overscroll-behavior: none;
}

#section-featured-speakers {
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  background-color: #080d27 !important;
  background-image: none !important;
  padding-top: clamp(60px, 8vw, 102px);
  padding-bottom: clamp(72px, 9vw, 116px);
}

#section-featured-speakers::before {
  content: none;
}

#section-featured-speakers .featured-speakers-shell {
  position: relative;
  z-index: 2;
}

#section-featured-speakers .featured-speakers-head {
  max-width: 930px;
  margin: 0 auto clamp(28px, 3vw, 40px);
}

#section-featured-speakers .featured-speakers-head h2 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: clamp(30px, 3.1vw, 46px);
  line-height: 1.13;
  color: #f7fbff;
}

#section-featured-speakers .featured-speakers-lead {
  margin: 12px auto 0;
  max-width: 62ch;
  font-family: var(--body-font);
  font-size: clamp(15px, 1vw, 18px);
  font-weight: 400;
  line-height: 1.65;
  color: rgba(214, 228, 255, 0.9);
}

#section-featured-speakers .featured-speakers-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: clamp(14px, 1.8vw, 22px);
}

#section-featured-speakers .featured-speaker-card {
  flex: 0 1 320px;
  width: min(100%, 320px);
  position: relative;
  cursor: pointer;
  padding: clamp(18px, 1.8vw, 22px);
  border-radius: 18px;
  border: 1px solid rgba(168, 195, 255, 0.22);
  background:
    linear-gradient(148deg, rgba(20, 32, 95, 0.78), rgba(13, 20, 62, 0.9) 56%, rgba(9, 15, 44, 0.94)),
    rgba(10, 16, 47, 0.9);
  box-shadow: 0 18px 34px rgba(2, 8, 28, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
  min-height: 100%;
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

#section-featured-speakers .featured-speaker-card:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}

#section-featured-speakers .featured-speaker-card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--secondary-color-rgb), 0.5);
  box-shadow: 0 24px 40px rgba(2, 8, 28, 0.46), 0 0 26px rgba(var(--secondary-color-rgb), 0.2);
}

#section-featured-speakers .featured-speaker-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-bottom: 0;
}

#section-featured-speakers .featured-speaker-avatar {
  width: min(100%, 286px);
  height: clamp(178px, 14vw, 224px);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid rgba(195, 216, 255, 0.48);
  background: rgba(13, 20, 58, 0.82);
  box-shadow: 0 14px 26px rgba(4, 10, 33, 0.44);
}

#section-featured-speakers .featured-speaker-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

#section-featured-speakers .featured-speaker-title-wrap {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#section-featured-speakers .featured-speaker-title-wrap h3 {
  margin: 0;
  font-family: var(--heading-alt-font);
  font-size: clamp(17px, 1.2vw, 22px);
  font-weight: 700;
  line-height: 1.15;
  color: #f7fbff;
}

#section-featured-speakers .featured-speaker-role {
  margin: 0;
  font-family: var(--heading-alt-font);
  font-size: clamp(12px, 0.84vw, 14px);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.18;
  color: rgba(184, 208, 255, 0.9);
}

#section-featured-speakers .featured-speaker-location {
  margin: 6px 0 0;
  width: 100%;
  font-family: var(--body-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.24;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(175, 201, 246, 0.78);
  padding-bottom: 14px;
}

#section-featured-speakers .featured-speaker-status {
  margin: auto 0 0;
  width: 100%;
  padding: 9px 12px;
  border-radius: 12px;
  border: 1px solid rgba(189, 213, 255, 0.32);
  background: linear-gradient(130deg, rgba(19, 29, 84, 0.8), rgba(12, 20, 61, 0.86));
  font-family: var(--body-font);
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.38;
  min-height: 3.1em;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.01em;
  color: rgba(222, 234, 255, 0.92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

#section-featured-speakers .featured-speaker-company-chip {
  margin-top: 12px;
  align-self: center;
  min-width: 132px;
  min-height: 36px;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #ffffff;
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#section-featured-speakers .featured-speaker-company-logo {
  width: auto;
  height: auto;
  max-height: 18px;
  max-width: min(120px, 100%);
  object-fit: contain;
  display: block;
}

#section-featured-speakers .featured-speaker-company-fallback {
  display: none;
  font-family: var(--heading-alt-font);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #0f1b47;
  text-align: center;
}

#section-featured-speakers .featured-speaker-company-chip.is-text-only .featured-speaker-company-fallback {
  display: block;
}

.featured-speaker-modal {
  position: fixed;
  inset: 0;
  z-index: 1600;
  display: none;
  align-items: center;
  justify-content: center;
  padding: clamp(16px, 3vw, 32px);
  background: rgba(5, 8, 26, 0.76);
  backdrop-filter: blur(8px);
}

.featured-speaker-modal.is-open {
  display: flex;
}

.featured-speaker-modal__panel {
  position: relative;
  width: min(980px, 100%);
  height: clamp(420px, 62vh, 560px);
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(170, 198, 252, 0.28);
  background: linear-gradient(152deg, rgba(15, 23, 66, 0.95), rgba(10, 16, 47, 0.98) 58%, rgba(8, 12, 35, 0.98));
  box-shadow: 0 24px 46px rgba(2, 8, 28, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

.featured-speaker-modal__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(44% 38% at 10% 8%, rgba(var(--primary-color-rgb), 0.22), rgba(var(--primary-color-rgb), 0) 70%),
    radial-gradient(40% 34% at 88% 82%, rgba(var(--secondary-color-rgb), 0.2), rgba(var(--secondary-color-rgb), 0) 72%);
}

.featured-speaker-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(177, 204, 255, 0.35);
  border-radius: 999px;
  background: rgba(11, 18, 53, 0.86);
  color: rgba(237, 246, 255, 0.94);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  z-index: 3;
}

.featured-speaker-modal__layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(250px, 0.85fr) minmax(0, 1.15fr);
  height: 100%;
}

.featured-speaker-modal__identity {
  padding: clamp(24px, 3vw, 34px);
  border-right: 1px solid rgba(163, 190, 246, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  background: rgba(14, 23, 66, 0.56);
  min-height: 0;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.featured-speaker-modal__identity::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.featured-speaker-modal__avatar {
  width: min(100%, 240px);
  aspect-ratio: 4 / 5;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(197, 218, 255, 0.44);
  background: rgba(12, 19, 56, 0.9);
  box-shadow: 0 18px 28px rgba(3, 9, 30, 0.48);
}

.featured-speaker-modal__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.featured-speaker-modal__status {
  display: none;
  margin: 2px 0 0;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(173, 200, 255, 0.32);
  background: rgba(11, 18, 52, 0.74);
  font-family: var(--body-font);
  font-size: 12px;
  line-height: 1.42;
  color: rgba(217, 232, 255, 0.9);
}

.featured-speaker-modal__identity h3 {
  margin: 8px 0 0;
  font-family: var(--heading-alt-font);
  font-size: clamp(24px, 2vw, 32px);
  font-weight: 700;
  line-height: 1.2;
  color: #f7fbff;
}

.featured-speaker-modal__role {
  margin: 0;
  font-family: var(--heading-alt-font);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(181, 208, 255, 0.94);
}

.featured-speaker-modal__org {
  margin: 0;
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: rgba(233, 241, 255, 0.95);
}

.featured-speaker-modal__location {
  margin: 0;
  font-family: var(--body-font);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(171, 197, 244, 0.8);
}

.featured-speaker-modal__bio-wrap {
  padding: clamp(24px, 3vw, 34px);
  min-height: 0;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.featured-speaker-modal__bio-wrap::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.featured-speaker-modal__label {
  margin: 0 0 14px;
  font-family: var(--heading-alt-font);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(178, 206, 255, 0.84);
}

.featured-speaker-modal__bio {
  display: grid;
  gap: 12px;
}

.featured-speaker-modal__bio p {
  margin: 0;
  font-family: var(--body-font);
  font-size: clamp(15px, 1vw, 17px);
  font-weight: 400;
  line-height: 1.72;
  color: rgba(231, 239, 255, 0.94);
}

@media screen and (max-width: 991.98px) {
  #section-featured-speakers .featured-speakers-grid {
    gap: 12px;
  }

  .featured-speaker-modal__layout {
    grid-template-columns: 1fr;
  }

  .featured-speaker-modal__identity {
    border-right: 0;
    border-bottom: 1px solid rgba(163, 190, 246, 0.2);
  }
}

@media screen and (max-width: 575.98px) {
  #section-featured-speakers {
    padding-top: 54px;
    padding-bottom: 68px;
  }

  #section-featured-speakers .featured-speakers-head h2 {
    font-size: clamp(26px, 7.4vw, 34px);
  }

  #section-featured-speakers .featured-speakers-lead {
    font-size: 14px;
    line-height: 1.55;
  }

  #section-featured-speakers .featured-speaker-card {
    padding: 14px;
    border-radius: 14px;
  }

  #section-featured-speakers .featured-speaker-avatar {
    height: clamp(156px, 43vw, 196px);
    border-radius: 14px;
  }

  #section-featured-speakers .featured-speaker-title-wrap h3 {
    font-size: 16px;
  }

  #section-featured-speakers .featured-speaker-role {
    font-size: 11px;
  }

  #section-featured-speakers .featured-speaker-location {
    font-size: 13px;
  }

  #section-featured-speakers .featured-speaker-company-chip {
    min-width: 120px;
  }

  .featured-speaker-modal {
    padding: 10px;
  }

  .featured-speaker-modal__panel {
    border-radius: 16px;
    height: min(78vh, 520px);
  }

  .featured-speaker-modal__close {
    width: 34px;
    height: 34px;
    top: 8px;
    right: 8px;
    font-size: 19px;
  }

  .featured-speaker-modal__identity,
  .featured-speaker-modal__bio-wrap {
    padding: 18px 16px;
  }

  .featured-speaker-modal__avatar {
    width: min(100%, 220px);
    aspect-ratio: 4 / 5;
    border-radius: 14px;
  }

  .featured-speaker-modal__identity h3 {
    font-size: 22px;
  }

  .featured-speaker-modal__bio p {
    font-size: 14px;
    line-height: 1.6;
  }
}

#section-speakers.speakers-revamp {
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  padding-top: clamp(56px, 8vw, 96px);
  padding-bottom: clamp(62px, 8vw, 110px);
}

#section-speakers.speakers-revamp::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(48% 42% at 10% 8%, rgba(var(--primary-color-rgb), 0.18), transparent 70%),
    radial-gradient(44% 40% at 88% 12%, rgba(var(--secondary-color-rgb), 0.18), transparent 72%);
  pointer-events: none;
}

#section-speakers.speakers-revamp::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: clamp(150px, 20vw, 260px);
  background: linear-gradient(180deg, rgba(8, 12, 38, 1) 0%, rgba(8, 12, 38, 0.84) 32%, rgba(8, 12, 38, 0.42) 62%, rgba(8, 12, 38, 0) 100%);
  pointer-events: none;
}

#section-speakers .speakers-revamp-overlay {
  background:
    linear-gradient(180deg, rgba(8, 12, 38, 0.92) 0%, rgba(8, 12, 38, 0.76) 28%, rgba(8, 12, 38, 0.82) 100%),
    linear-gradient(160deg, rgba(8, 12, 38, 0.62), rgba(8, 12, 38, 0.86));
  opacity: 1;
}

#section-speakers .speakers-revamp-shell {
  position: relative;
  z-index: 2;
}

#section-speakers .speakers-revamp-head {
  max-width: 920px;
  margin: 0 auto clamp(24px, 3.2vw, 36px);
}

#section-speakers .speakers-revamp-head h2 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.18;
  letter-spacing: 0.01em;
  color: #f7fbff;
}

#section-speakers .speaker-swiper {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  background: transparent;
  overflow: visible;
  padding: 2px 2px 8px;
}

#section-speakers .speaker-swiper .swiper-wrapper {
  align-items: stretch;
}

#section-speakers .speaker-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  height: auto;
  background: transparent;
}

#section-speakers .speaker-swiper .card {
  position: relative;
  z-index: 1;
  height: 100%;
  width: min(100%, 236px);
  margin: 0 auto;
  padding: clamp(11px, 0.9vw, 14px);
  border-radius: 16px !important;
  border: 1px solid rgba(168, 196, 255, 0.2) !important;
  background: linear-gradient(156deg, rgba(18, 28, 82, 0.64), rgba(11, 18, 56, 0.78) 58%, rgba(8, 14, 40, 0.9)) !important;
  box-shadow: 0 14px 24px rgba(2, 8, 28, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  overflow: hidden;
  text-align: left !important;
  backdrop-filter: blur(8px);
  transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.32s ease, box-shadow 0.35s ease;
}

#section-speakers .speaker-swiper .card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(100% 70% at 0% 0%, rgba(var(--primary-color-rgb), 0.26), transparent 62%),
    radial-gradient(80% 62% at 98% 100%, rgba(var(--secondary-color-rgb), 0.24), transparent 72%);
  pointer-events: none;
  z-index: 0;
}

#section-speakers .speaker-swiper .card:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--primary-color-rgb), 0.78) !important;
  box-shadow: 0 20px 32px rgba(2, 8, 28, 0.48), 0 0 0 1px rgba(var(--primary-color-rgb), 0.24);
}

#section-speakers .speaker-swiper .card img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100% !important;
  height: clamp(172px, 13.4vw, 212px) !important;
  max-width: none;
  object-fit: cover;
  object-position: top center;
  border-radius: 12px !important;
  border: 1px solid rgba(184, 208, 255, 0.24);
  margin: 0 0 12px !important;
  box-shadow: 0 10px 16px rgba(2, 8, 28, 0.3);
}

#section-speakers .speaker-swiper .card .card-body {
  position: relative;
  z-index: 1;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left !important;
}

#section-speakers .speaker-swiper .card .card-body h3 {
  margin: 0 !important;
  font-family: var(--heading-alt-font);
  font-size: clamp(14px, 0.96vw, 17px) !important;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff !important;
}

#section-speakers .speaker-swiper .card .card-body p {
  margin: 0 !important;
  font-family: var(--body-font);
  font-size: clamp(11px, 0.72vw, 12.5px) !important;
  line-height: 1.45;
  color: rgba(214, 227, 251, 0.9) !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

#section-speakers .speaker-swiper .card .card-body p + p {
  color: rgba(243, 249, 255, 0.96) !important;
}

#section-speakers .speaker-swiper::before,
#section-speakers .speaker-swiper::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: clamp(34px, 4vw, 68px);
  pointer-events: none;
  z-index: 5;
}

#section-speakers .speaker-swiper::before {
  left: -2px;
  background: linear-gradient(90deg, rgba(8, 12, 38, 0.78), rgba(8, 12, 38, 0));
}

#section-speakers .speaker-swiper::after {
  right: -2px;
  background: linear-gradient(270deg, rgba(8, 12, 38, 0.78), rgba(8, 12, 38, 0));
}

@media screen and (max-width: 991.98px) {
  #section-speakers .speakers-revamp-head h2 {
    font-size: clamp(26px, 5.2vw, 36px);
  }

  #section-speakers .speaker-swiper .card {
    width: min(100%, 240px);
    padding: 12px;
  }

  #section-speakers .speaker-swiper .card img {
    height: clamp(188px, 34vw, 240px) !important;
  }
}

@media screen and (max-width: 575.98px) {
  #section-speakers.speakers-revamp {
    padding-top: 50px;
    padding-bottom: 72px;
  }

  #section-speakers .speaker-swiper {
    padding-inline: 0;
  }

  #section-speakers .speaker-swiper::before,
  #section-speakers .speaker-swiper::after {
    display: none;
  }

  #section-speakers .speaker-swiper .card {
    width: min(100%, 276px);
    border-radius: 15px !important;
  }

  #section-speakers .speaker-swiper .card img {
    height: clamp(182px, 56vw, 244px) !important;
  }
}


/* Why It Matters */

#section-why-it-matters p {
  font-weight: 400;
}

#section-why-it-matters p b,
#section-why-it-matters p strong {
  font-weight: 500;
}

#section-why-it-matters .ul-check li {
  font-weight: 400;
}

#section-why-it-matters .ul-check li b,
#section-why-it-matters .ul-check li strong {
  font-weight: 500;
}


/* New styles --> Events in Numbers */

.stats-section .stat-number {
  font-size: 4rem;

  font-weight: bold;

  color: #fff;

  margin-bottom: 0.25rem;

}



.stats-section .stat-label {

  font-size: 1.2rem;

  color: #d1d1d1;

  margin-bottom: 0;

}



@media (max-width: 1024px) {



  .stats-section .stat-number {

    font-size: 1.5rem;

  }



  .stats-section .stat-label {

    font-size: 0.8rem;

  }

}



@media (max-width: 480px) {

  .stats-section {

    flex-wrap: wrap;

    gap: 1rem;

  }



  .stats-section>div {

    flex: 0 0 45%;

  }



  .stats-section .stat-number {

    font-size: 1.8rem;

  }

}



/* New styles --> Series Supporting Partners */



.supporting_partners .glass-logo {

  /* background: rgba(255, 255, 255, 0.6); */

  background-color: #fff;

  border-radius: 5px;

  backdrop-filter: blur(10px);

  -webkit-backdrop-filter: blur(10px);

  padding: 0;

  transition: transform 0.3s ease;

  display: flex;

  align-items: center;

  justify-content: center;

}



.supporting_partners .glass-logo:hover {

  transform: scale(1.05);

}



.supporting_partners img {

  width: 100%;

  object-fit: contain;

}



/* Register Page Revamp */

form .form-control {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  padding: 12px 15px;
  border-radius: 8px;
  transition: border-color 0.3s ease;
}

form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

form .form-control:focus {
  border-color: var(--primary-color);
  background-color: rgba(255, 255, 255, 0.08);
  outline: none;
  box-shadow: none;
}

.form-check-input {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.3);
}

.form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

#section-register .bg-blur {
  pointer-events: auto;
  position: relative;
  z-index: 1;
}

#section-register .gradient-edge-bottom,
#section-register .gradient-edge-top,
#section-register .sw-overlay {
  pointer-events: none;
}

.register-page #section-hero {
  --hero-marquee-gap: clamp(26px, 4vh, 52px);
}

.register-page header.transparent {
  top: clamp(10px, 1.8vh, 20px);
}

.register-page header.transparent.smaller {
  top: 0;
}

.register-hero-lead {
  margin: clamp(14px, 2.2vw, 20px) 0 0;
  max-width: 62ch;
  font-size: clamp(15px, 1.2vw, 19px);
  line-height: 1.65;
  color: rgba(236, 245, 255, 0.9);
}

#section-register.register-revamp {
  position: relative;
  overflow: hidden;
  padding-top: clamp(64px, 8vw, 106px);
  padding-bottom: clamp(76px, 9vw, 126px);
}

#section-register.register-revamp::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(58% 44% at 8% 14%, rgba(var(--primary-color-rgb), 0.24), transparent 70%),
    radial-gradient(54% 42% at 92% 10%, rgba(var(--secondary-color-rgb), 0.18), transparent 72%);
  pointer-events: none;
  z-index: 0;
}

#section-register.register-revamp::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 12, 38, 0.6) 0%, rgba(8, 12, 38, 0.95) 100%);
  pointer-events: none;
  z-index: 0;
}

#section-register.register-revamp .container {
  position: relative;
  z-index: 1;
}

#section-register.register-revamp .register-heading {
  max-width: 860px;
  margin: 0 auto clamp(28px, 4vw, 52px);
}

#section-register.register-revamp .register-title {
  margin: 0;
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.1;
  letter-spacing: 0.01em;
  text-wrap: balance;
}

#section-register.register-revamp .register-heading-copy {
  margin: 16px auto 0;
  max-width: 62ch;
  color: rgba(231, 241, 255, 0.84);
  font-size: clamp(15px, 1.08vw, 18px);
  line-height: 1.7;
}

#section-register.register-revamp .register-intro-card,
#section-register.register-revamp .register-form-card {
  position: relative;
  height: 100%;
  border-radius: 22px;
  border: 1px solid rgba(175, 205, 255, 0.2);
  background: linear-gradient(152deg, rgba(23, 33, 94, 0.62), rgba(11, 19, 60, 0.78) 54%, rgba(8, 14, 40, 0.9));
  box-shadow: 0 20px 42px rgba(3, 8, 28, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  padding: clamp(22px, 2.4vw, 34px);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
  isolation: isolate;
}

#section-register.register-revamp .register-intro-card::before,
#section-register.register-revamp .register-form-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(95% 72% at 0% 0%, rgba(var(--primary-color-rgb), 0.26), transparent 65%),
    radial-gradient(76% 62% at 100% 100%, rgba(var(--secondary-color-rgb), 0.2), transparent 72%);
  pointer-events: none;
  z-index: 0;
}

#section-register.register-revamp .register-intro-card > *,
#section-register.register-revamp .register-form-card > * {
  position: relative;
  z-index: 1;
}

#section-register.register-revamp .register-intro-card h3,
#section-register.register-revamp .register-form-head h3 {
  margin: 0;
  font-size: clamp(23px, 2.1vw, 30px);
  letter-spacing: 0.01em;
}

#section-register.register-revamp .register-intro-card p {
  margin: 14px 0 0;
  color: rgba(233, 242, 255, 0.86);
  line-height: 1.7;
}

#section-register.register-revamp .register-checklist {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

#section-register.register-revamp .register-checklist li {
  position: relative;
  padding-left: 26px;
  color: rgba(236, 245, 255, 0.9);
  line-height: 1.55;
}

#section-register.register-revamp .register-checklist li::before {
  content: "";
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: radial-gradient(circle at 32% 32%, #ffffff 0%, rgba(var(--primary-color-rgb), 0.95) 72%);
  box-shadow: 0 0 12px rgba(var(--primary-color-rgb), 0.48);
}

#section-register.register-revamp .register-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 26px;
}

#section-register.register-revamp .register-meta-item {
  border-radius: 14px;
  border: 1px solid rgba(171, 198, 248, 0.2);
  background: rgba(7, 13, 39, 0.54);
  padding: 12px 14px;
}

#section-register.register-revamp .register-meta-item span {
  display: block;
  font-family: var(--heading-alt-font);
  font-size: 11px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: rgba(185, 207, 245, 0.78);
}

#section-register.register-revamp .register-meta-item strong {
  display: block;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}

#section-register.register-revamp .register-inline-btn {
  width: 100%;
  justify-content: center;
}

#section-register.register-revamp .register-form-head p {
  margin: 12px 0 0;
  color: rgba(227, 239, 255, 0.78);
  line-height: 1.6;
}

#section-register.register-revamp .form-content {
  position: relative;
  margin-top: 22px;
}

#section-register.register-revamp .register-label {
  display: block;
  margin: 0 0 8px;
  font-family: var(--heading-alt-font);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: rgba(208, 226, 252, 0.85);
}

#section-register.register-revamp form .form-control {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(168, 194, 243, 0.28);
  color: #fff;
  min-height: 50px;
  padding: 12px 15px;
  border-radius: 12px;
  transition: border-color 0.28s ease, box-shadow 0.28s ease, background-color 0.28s ease;
}

#section-register.register-revamp form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.56);
}

#section-register.register-revamp form .form-control:focus {
  border-color: rgba(var(--primary-color-rgb), 0.88);
  background-color: rgba(255, 255, 255, 0.08);
  outline: none;
  box-shadow: 0 0 0 4px rgba(var(--primary-color-rgb), 0.18);
}

#section-register.register-revamp .register-consent {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  column-gap: 10px;
  row-gap: 8px;
}

#section-register.register-revamp .register-consent .form-check-input {
  margin-top: 0.2rem;
  background-color: rgba(255, 255, 255, 0.04);
  border-color: rgba(166, 196, 245, 0.48);
}

#section-register.register-revamp .register-consent .form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

#section-register.register-revamp .register-consent .form-check-label {
  color: rgba(227, 238, 255, 0.85);
  line-height: 1.58;
}

#section-register.register-revamp .register-consent .form-check-label a {
  color: rgba(187, 221, 255, 0.95);
  text-decoration: underline;
}

#section-register.register-revamp .error-message {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #ff9ea2;
}

#section-register.register-revamp .register-submit-btn {
  min-width: clamp(220px, 20vw, 290px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 28px;
  border-radius: 14px;
  border: 1px solid rgba(var(--primary-color-rgb), 0.9);
  background: linear-gradient(132deg, rgba(var(--primary-color-rgb), 1) 0%, rgba(var(--secondary-color-rgb), 0.98) 52%, rgba(var(--secondary-color-rgb), 1) 100%);
  color: #fff;
  font-family: var(--heading-alt-font);
  font-size: clamp(13px, 0.82vw, 15px);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  box-shadow: 0 12px 34px rgba(var(--primary-color-rgb), 0.42), 0 3px 14px rgba(var(--secondary-color-rgb), 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.28s ease;
}

#section-register.register-revamp .register-submit-btn:hover,
#section-register.register-revamp .register-submit-btn:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(var(--primary-color-rgb), 0.56), 0 5px 18px rgba(var(--secondary-color-rgb), 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

#section-register.register-revamp .register-submit-btn span {
  display: inline-block;
}

#section-register.register-revamp .register-submit-btn[disabled] {
  opacity: 0.72;
  cursor: not-allowed;
  pointer-events: none;
  transform: none !important;
  box-shadow: none !important;
}

#section-register.register-revamp .register-loading {
  position: absolute;
  inset: 0;
  border-radius: 14px;
  background: rgba(5, 10, 30, 0.72);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  z-index: 10;
  font-family: var(--heading-alt-font);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(236, 245, 255, 0.95);
}

#section-register.register-revamp .register-spinner {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 3px solid rgba(177, 206, 255, 0.26);
  border-top-color: rgba(var(--primary-color-rgb), 1);
  animation: register-spinner-spin 0.9s linear infinite;
}

#section-register.register-revamp .success-message {
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: 14px;
  border: 1px solid rgba(78, 206, 147, 0.5);
  background: linear-gradient(150deg, rgba(24, 90, 60, 0.66), rgba(15, 54, 40, 0.82));
  color: rgba(225, 255, 239, 0.96);
  line-height: 1.6;
}

@keyframes register-spinner-spin {
  to {
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 991.98px) {
  #section-register.register-revamp .register-meta {
    grid-template-columns: 1fr;
  }

  #section-register.register-revamp .register-heading-copy {
    max-width: 72ch;
  }
}

@media screen and (max-width: 767.98px) {
  .register-hero-lead {
    max-width: 100%;
  }

  #section-register.register-revamp .register-intro-card,
  #section-register.register-revamp .register-form-card {
    border-radius: 18px;
    padding: 20px;
  }

  #section-register.register-revamp .register-submit-btn {
    width: 100%;
    min-width: 0;
  }
}


/* Scoped to section-speakers to avoid affecting other components */



@keyframes infinite-scroll {

  0% {

    transform: translateX(0);

  }



  100% {

    transform: translateX(-50%);

  }

}



/* Pause on hover if desired */



/* supporting_partners */

.supportive-partners {

  margin-top: 40px;

  animation: fadeInUp 1s ease-in-out;

}



.partner-logos .partner-logo {

  background-color: #fff;

  max-height: 100px;

  transition: transform 0.3s ease, opacity 0.3s ease;

  filter: grayscale(0%);

  opacity: 0.8;

  border-radius: 10px;



}



/* .partner-logos .partner-logo.main-sp{

  max-height: 130px !important;

} */



.partner-logos .partner-logo:hover {

  filter: grayscale(100%);

  transform: scale(1.1);

  opacity: 1;

}



@keyframes fadeInUp {

  from {

    transform: translateY(30px);

    opacity: 0;

  }



  to {

    transform: translateY(0px);

    opacity: 1;

  }

}



/* new speaker model */

.custom-modal {

  display: none;

  position: fixed;

  z-index: 9999;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgba(0, 0, 0, 0.8);

}



.custom-modal-content {

  background-color: #1b1b1b;

  margin: 10% auto;

  padding: 30px;

  border-radius: 10px;

  max-width: 700px;

  background: linear-gradient(180deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0.5) 100%);

  position: relative;

  text-align: center;

  animation: fadeIn 0.3s ease-in-out;

}



.custom-modal-content p {

  text-align: justify !important;

}



.modal-img {

  max-width: 100%;

  border-radius: 8px;

  z-index: 100 !important;

}



.custom-modal-close {

  position: absolute;

  top: 10px;

  right: 20px;

  font-size: 28px;

  color: #aaa;

  cursor: pointer;

  transition: color 0.2s;

}



.custom-modal-close:hover {

  color: #fff;

}



@keyframes fadeIn {

  from {

    opacity: 0;

    transform: translateY(20px);

  }



  to {

    opacity: 1;

    transform: translateY(0);

  }

}



.btn-container {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 40px 0;

}



/* ========================================== Blog section start ================================================= */

/* ===== Your existing card styles (retained) ===== */

.dark-news-cards {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

  gap: 30px;

}



.dark-news-card {

  background: #141b3a;

  border-radius: 16px;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);

  overflow: hidden;

  transition: transform 0.3s ease, box-shadow 0.3s ease;

  display: flex;

  flex-direction: column;

  height: 100%;

}



/* --- Modern polish (subtle, optional) --- */

.dark-news-card {

  position: relative;

  border: 1px solid rgba(255,255,255,0.06);

  backdrop-filter: saturate(120%) blur(0.5px);

}

.dark-news-card::after {

  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  border-radius: 16px;

  background: radial-gradient(1200px 160px at 20% -10%, rgba(255,255,255,0.06), transparent 40%);

  opacity: 0.6;

}



.dark-news-card:hover {

  transform: translateY(-6px);

  cursor: pointer;

  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);

}



.dark-news-card img {

  width: 100%;

  height: 220px;

  object-fit: cover;

  transition: transform 0.4s ease;

  background: #0f1635;

}



.dark-news-card:hover img { transform: scale(1.05); }



.dark-news-content {

  padding: 22px;

  display: flex;

  flex-direction: column;

  flex: 1;

}



.dark-news-content h3 {

  font-size: 1.3rem;

  font-weight: 600;

  margin-bottom: 12px;

  color: #ffffff;

  line-height: 1.5;

}



.dark-news-content p {

  font-size: 0.95rem;

  color: #c7c7c7;

  margin-bottom: 15px;

  line-height: 1.6;

  flex-grow: 1;

}



.posted-by {

  display: block;

  font-size: 0.85rem;

  color: #999;

  margin-top: auto;

}

.posted-by strong { color: #b67cff; }



@media (max-width: 768px) {

  .dark-news-content h3 { font-size: 1.1rem; }

  .dark-news-card img { height: 180px; }

}



/* ===== New: slider shell ===== */

:root {

  --news-gap: 30px;         /* matches your grid gap */

  --card-peek: 12px;        /* show a bit of next card on mobile */

  --btn-size: 44px;

}



.dark-news-section {

  color: #fff;

  background: #0a0e1f;

  padding: 40px 0 20px;

}



.dark-news-slider {

  position: relative;

}



.dark-news-viewport {

  overflow: hidden;

  padding-inline: var(--card-peek);

}



.dark-news-track {

  display: flex;

  gap: var(--news-gap);

  overflow-x: auto;

  scroll-snap-type: x mandatory;

  scroll-behavior: smooth;

  -webkit-overflow-scrolling: touch;

  padding-bottom: 8px;

}



/* Hide scrollbar but keep scrollability */

.dark-news-track::-webkit-scrollbar { height: 0; }

.dark-news-track { scrollbar-width: none; }



/* Each slide wraps your existing .dark-news-card */

.dark-news-slide {

  flex: 0 0 100%;

  scroll-snap-align: start;

  text-decoration: none;

  color: inherit;

}



/* 2-up on small tablets, 3-up on desktops, 4-up on xl */

@media (min-width: 576px) {

  .dark-news-slide {

    flex-basis: calc(50% - var(--news-gap) / 2);

  }

}



/* Desktop: 3 per row */

@media (min-width: 992px) {

  .dark-news-slide {

    flex-basis: calc(33.333% - (2 * var(--news-gap)) / 3);

  }

}



/* Large desktop: ~3.3 per row (adjust as needed) */

@media (min-width: 1400px) {

  .dark-news-slide {

    flex-basis: calc(30% - (3 * var(--news-gap)) / 4);

  }

}



/* Nav buttons */

.slider-btn {

  position: absolute;

  top: 50%;

  translate: 0 -50%;

  z-index: 2;

  width: var(--btn-size);

  height: var(--btn-size);

  border-radius: 50%;

  border: 1px solid rgba(255,255,255,0.12);

  background: rgba(10,14,31,0.75);

  color: #fff;

  display: grid;

  place-items: center;

  cursor: pointer;

  transition: transform .2s ease, background .2s ease, opacity .2s ease;

  backdrop-filter: blur(6px);

}

.slider-btn:hover { background: rgba(16,20,40,0.9); transform: translateY(-1px); }

.slider-btn:disabled { opacity: .45; cursor: default; }



.slider-btn.prev { left: -8px; }

.slider-btn.next { right: -8px; }

@media (min-width: 768px) {

  .slider-btn.prev { left: -14px; }

  .slider-btn.next { right: -14px; }

}



/* Pagination (optional) */

.dark-news-pagination {

  text-align: center;

  margin-top: 12px;

  font-size: .95rem;

  color: #9aa3c0;

}









/* ========================================== Blog section end ================================================= */











/* Elegant Line Icons */

@font-face {

  font-family: 'ElegantIcons';

  src: url('../fonts/elegant_font/elegant-icons.woff2') format('woff2'),

    url('../fonts/elegant_font/elegant-icons.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: optional;

}



/* ET Line Icons */

@font-face {

  font-family: 'ET-Line';

  src: url('../fonts/et-line-font/et-line.woff2') format('woff2'),

    url('../fonts/et-line-font/et-line.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: optional;

}



/* Font Awesome 4 */

@font-face {

  font-family: 'FontAwesome4';

  src: url('../webfonts/fa-brands-400.woff2') format('woff2'),

    url('../webfonts/fa-brands-400.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: optional;

}



@font-face {

  font-family: 'FontAwesome4';

  src: url('../webfonts/fa-regular-400.woff2') format('woff2'),

    url('../webfonts/fa-regular-400.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: optional;

}



@font-face {

  font-family: 'FontAwesome4';

  src: url('../webfonts/fa-solid-900.woff2') format('woff2'),

    url('../webfonts/fa-solid-900.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: optional;

}



@font-face {

  font-family: 'FontAwesome4';

  src: url('../webfonts/fa-v4compatibility.woff2') format('woff2'),

    url('../webfonts/fa-v4compatibility.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: optional;

}



/* Font Awesome 6 */

@font-face {

  font-family: 'FontAwesome6';

  src: url('../fonts/fontawesome6/fa-brands-400.woff2') format('woff2'),

    url('../fonts/fontawesome6/fa-brands-400.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: optional;

}



@font-face {

  font-family: 'FontAwesome6';

  src: url('../fonts/fontawesome6/fa-regular-400.woff2') format('woff2'),

    url('../fonts/fontawesome6/fa-regular-400.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: optional;

}



@font-face {

  font-family: 'FontAwesome6';

  src: url('../fonts/fontawesome6/fa-solid-900.woff2') format('woff2'),

    url('../fonts/fontawesome6/fa-solid-900.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: optional;

}





/* Social Media Code */



.social-card {

  max-width: fit-content;

  border-radius: 15px;

  display: flex;

  flex-direction: column;

  align-content: center;

  justify-content: center;

  gap: 1rem;



}



.social-card:hover {

  animation: ease-out 5s;

  background: rgba(173, 173, 173, 0.05);

}



.social-card ul {

  padding: 1rem;

  display: flex;

  list-style: none;

  gap: 0.7rem;

  align-items: center;

  justify-content: center;

  align-content: center;

  flex-wrap: wrap;

  flex-direction: column;

}



.social-item {

  cursor: pointer;

  position: relative;

  transition: 0.5s;

}



.social-icon {

  font-size: 25px;

  padding: 1rem;

  height: 60px;

  width: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  color: #fff;

  background: rgba(255, 255, 255, 0.1);

  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.3),

    inset 0 0 5px rgba(255, 255, 255, 0.5),

    0 5px 5px rgba(0, 0, 0, 0.164);

  transition: all 0.3s ease;

}



.social-text {

  opacity: 0;

  border-radius: 5px;

  padding: 5px;

  transition: all 0.3s;

  color: #764DF0;

  background-color: rgba(255, 255, 255, 0.3);

  position: absolute;

  z-index: 9999;

  box-shadow: -5px 0 1px rgba(153, 153, 153, 0.2),

    -10px 0 1px rgba(153, 153, 153, 0.2),

    inset 0 0 20px rgba(255, 255, 255, 0.3),

    inset 0 0 5px rgba(255, 255, 255, 0.5),

    0 5px 5px rgba(0, 0, 0, 0.082);

}



.social-item span {

  opacity: 0;

  position: absolute;

  border: 2px solid transparent;

  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.3),

    inset 0 0 5px rgba(255, 255, 255, 0.5),

    0 5px 5px rgba(0, 0, 0, 0.164);

  border-radius: 50%;

  transition: all 0.3s ease;

  height: 60px;

  width: 60px;

}



/* Hover Effects */

.social-item:hover .social-icon {

  transform: translate(40px, 5px);

  /* background: rgba(187, 17, 254, 0.2); */

}



/* .social-item:hover .social-text {

  opacity: 1;

  transform: translate(25px, -2px) skew(-5deg);

} */



.social-item:hover span {

  opacity: 1;

}



.social-item:hover span:nth-child(1) {

  opacity: 0.2;

}



.social-item:hover span:nth-child(2) {

  opacity: 0.4;

  transform: translate(5px, -5px);

}



.social-item:hover span:nth-child(3) {

  opacity: 0.6;

  transform: translate(10px, -10px);

}/* Medium devices (tablets, 768px and up) */

@media (max-width: 768px) {

  .social-card {

    max-width: 100%;

    border-radius: 12px;

    gap: 0.8rem;

  }



  .social-card ul {

    padding: 0.8rem;

    gap: 0.5rem;

  }



  .social-icon {

    font-size: 22px;

    height: 55px;

    width: 55px;

  }



  .social-item:hover .social-icon {

    transform: translate(0px, 0px);

  }



  .social-item:hover span {

  opacity: 0;

}



.social-item:hover span:nth-child(1) {

  opacity: 0;

}



.social-item:hover span:nth-child(2) {

  opacity: 0;

  transform: translate(5px, -5px);

}



.social-item:hover span:nth-child(3) {

  opacity: 0;

  transform: translate(10px, -10px);

}



}



/* Small devices (landscape phones, 576px and up) */

@media (max-width: 576px) {

  .social-card {

    border-radius: 10px;

    gap: 0.6rem;

  }



  .social-card ul {

    padding: 0.6rem;

    flex-direction: row; /* Change to row layout on small screens */

  }



  .social-icon {

    font-size: 20px;

    height: 50px;

    width: 50px;

    padding: 0.8rem;

  }



 .social-item:hover .social-icon {

    transform: translate(0px, 0px);

  }



  .social-text {

    display: none; /* Hide tooltips on very small screens */

  }



  .social-item span {

    height: 50px;

    width: 50px;

  }

}



/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 400px) {

  .social-card ul {

    flex-direction: row; /* Keep row layout */

    flex-wrap: wrap; /* Allow wrapping */

    justify-content: space-around; /* Better spacing */

  }



  .social-icon {

    font-size: 18px;

    height: 45px;

    width: 45px;

    padding: 0.7rem;

  }



  .social-item span {

    height: 45px;

    width: 45px;

  }

}









/* ###############################Popup############################# */



/* Overlay */

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background-color: rgba(21, 13, 48, 0.82);
  display: none;
  z-index: 20000;
}


/* Popup Box */

.popup-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.92);
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(67, 37, 143, 0.44), transparent 62%),
    radial-gradient(120% 80% at 100% 100%, rgba(103, 126, 255, 0.24), transparent 68%),
    linear-gradient(160deg, rgba(10, 16, 48, 0.98), rgba(8, 14, 40, 0.98));
  width: min(92vw, 760px);
  padding: clamp(20px, 2.2vw, 28px);
  border-radius: 18px;
  border: 1px solid rgba(154, 130, 226, 0.34);
  box-shadow: 0 26px 56px rgba(2, 8, 28, 0.56), 0 0 0 1px rgba(67, 37, 143, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  text-align: center;
  display: none;
  z-index: 20001;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  color: #fff;
  font-family: var(--body-font);
}

.popup-box h2 {
  margin: 0 0 14px;
  font-family: var(--heading-font);
  font-size: clamp(20px, 1.8vw, 28px);
  line-height: 1.16;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: rgba(245, 251, 255, 0.98);
}

.popup-box .popup-kicker {
  margin: 0 0 8px;
  font-family: var(--heading-alt-font);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(193, 170, 255, 0.86);
}


.popup-box p {

  font-size: 1rem;

  color: #d1c4e9;

  margin-bottom: 20px;

}



.popup-btn {

  background: linear-gradient(45deg, #8e24aa, #ab47bc);

  color: #fff;

  border: none;

  padding: 12px 50px;

  letter-spacing: 1.3px;

  border-radius: 30px;

  cursor: pointer;

  font-size: 1rem;

  box-shadow: 0 5px 20px rgba(171, 71, 188, 0.5);

  transition: all 0.3s ease;

  margin: 10px 0;

}



.popup-btn:hover {

  background: linear-gradient(45deg, #ab47bc, #8e24aa);

  transform: translateY(-2px);

}



/* Close Button */

.popup-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(170, 198, 252, 0.38);
  background: rgba(9, 15, 44, 0.55);
  font-size: 22px;
  line-height: 1;
  color: rgba(241, 248, 255, 0.94);
  cursor: pointer;
  transition: background-color 0.26s ease, border-color 0.26s ease, transform 0.26s ease;
}

.popup-close:hover {
  background: rgba(67, 37, 143, 0.46);
  border-color: rgba(170, 198, 252, 0.6);
  transform: scale(1.04);
}


/* Show popup */

.popup-overlay.active {

  display: block;

}



.popup-box.active {

  display: block;

  opacity: 1;

  transform: translate(-50%, -50%) scale(1);

}



/* Make popup box larger */

.popup-box.large {
  width: min(92vw, 760px);
  max-width: 760px;
  padding: clamp(20px, 2.2vw, 28px);
}


/* Video wrapper and frame */

.popup-video-wrapper {
  width: 100%;
  margin-bottom: 0;
  display: block;
  justify-content: center;
}


.popup-video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(154, 130, 226, 0.42);
  background: #050a1f;
  box-shadow: 0 18px 34px rgba(3, 8, 26, 0.52);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.popup-video-frame:hover {
  transform: scale(1.01);
  box-shadow: 0 20px 38px rgba(3, 8, 26, 0.58), 0 0 0 1px rgba(67, 37, 143, 0.34);
}


.popup-video-frame iframe {

  width: 100%;

  height: 100%;

  border: none;

  display: block;

}



/* Glowing border animation */

@keyframes glow {

  from {

    box-shadow: 0 0 20px rgba(171, 71, 188, 0.4),

                0 0 40px rgba(142, 36, 170, 0.4);

  }

  to {

    box-shadow: 0 0 30px rgba(171, 71, 188, 0.6),

                0 0 60px rgba(142, 36, 170, 0.6);

  }

}



/* Responsive tweaks */

@media (max-width: 768px) {

  .popup-box.large {

    width: 95%;

    padding: 40px 30px;

  }

}



@media (max-width: 480px) {

  .popup-box.large {

    padding: 30px 20px;

  }

}







/* Tablets and small laptops (768px and below) */

@media (max-width: 768px) {

  .popup-box {

    width: 80%; /* More responsive width */

    padding: 50px 40px; /* Adjusted padding */

  }



  .popup-box h2 {

    font-size: 1.4rem;

  }



  .popup-box p {

    font-size: 0.9rem;

  }



  .popup-btn {

    padding: 10px 40px;

    font-size: 0.9rem;

  }

}



/* Large phones (576px and below) */

@media (max-width: 576px) {

  .popup-box {

    width: 90%; /* Even more width for small screens */

    padding: 40px 30px;

    border-radius: 12px;

  }



  .popup-box h2 {

    font-size: 1.2rem;

    margin-bottom: 8px;

  }



  .popup-box p {

    font-size: 0.85rem;

    margin-bottom: 15px;

  }



  .popup-btn {

    padding: 8px 30px;

    font-size: 0.85rem;

  }



  .popup-close {

    font-size: 20px;

    top: 8px;

    right: 12px;

  }

}



/* Small phones (400px and below) */

@media (max-width: 400px) {

  .popup-box {

    padding: 30px 20px;

    border-radius: 10px;

  }



  .popup-box h2 {

    font-size: 1.1rem;

  }



  .popup-box p {

    font-size: 0.8rem;

    margin-bottom: 12px;

  }



  .popup-btn {

    padding: 8px 25px;

    letter-spacing: 1px;

  }



  .popup-overlay {
    backdrop-filter: blur(8px); /* Reduce blur on low-performance devices */
    -webkit-backdrop-filter: blur(8px);
  }
}


/* Very small phones (orientation changes) */

@media (max-width: 350px) and (orientation: portrait) {

  .popup-box {

    width: 95%;

    padding: 25px 15px;

  }



  .popup-btn {

    width: 100%; /* Full width button */

    padding: 8px 0;

  }

}









/* ======================================================== Common CSS for all Conference ==================================================== */
/* Highlights Video Block */

.overview-highlights {
  position: relative;
  z-index: 2;
  margin-top: clamp(84px, 9.6vw, 132px);
  background: transparent;
}

.overview-highlights-shell {
  position: relative;
  isolation: isolate;
  padding: clamp(18px, 2.2vw, 30px);
  border-radius: 20px;
  border: 1px solid rgba(168, 196, 255, 0.2);
  background: linear-gradient(154deg, rgba(18, 27, 80, 0.62), rgba(10, 17, 52, 0.82) 62%, rgba(8, 14, 40, 0.92));
  box-shadow: 0 18px 34px rgba(2, 8, 28, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

.overview-highlights-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(100% 75% at 0% 0%, rgba(var(--primary-color-rgb), 0.24), transparent 62%),
    radial-gradient(80% 66% at 100% 100%, rgba(var(--secondary-color-rgb), 0.22), transparent 70%);
}

.overview-highlights-title {
  position: relative;
  z-index: 1;
  margin: 0 0 clamp(16px, 2vw, 24px);
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: #f7fbff;
}

.overview-highlights-frame {
  position: relative;
  z-index: 1;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(170, 196, 249, 0.26);
  background: #050a1f;
  box-shadow: 0 18px 34px rgba(3, 8, 26, 0.52);
}

.overview-highlights-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.overview-highlights-play.video-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding: 0;
  background:
    radial-gradient(80% 70% at 50% 50%, rgba(9, 16, 47, 0.36), rgba(8, 14, 40, 0.74)),
    linear-gradient(135deg, rgba(9, 15, 44, 0.62), rgba(67, 37, 143, 0.42));
  transition: opacity 0.32s ease, background 0.32s ease;
}

.overview-highlights-play.video-overlay:hover {
  background:
    radial-gradient(80% 70% at 50% 50%, rgba(9, 16, 47, 0.28), rgba(8, 14, 40, 0.66)),
    linear-gradient(135deg, rgba(9, 15, 44, 0.54), rgba(67, 37, 143, 0.34));
}

.overview-highlights-play .play-btn {
  width: clamp(74px, 7vw, 94px);
  height: clamp(74px, 7vw, 94px);
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: clamp(22px, 2vw, 30px);
  background: linear-gradient(145deg, rgba(var(--primary-color-rgb), 0.98), rgba(var(--secondary-color-rgb), 0.95));
  box-shadow: 0 16px 32px rgba(var(--secondary-color-rgb), 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.24);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.overview-highlights-play:hover .play-btn {
  transform: scale(1.06);
  box-shadow: 0 20px 36px rgba(var(--secondary-color-rgb), 0.56), inset 0 1px 0 rgba(255, 255, 255, 0.26);
}

.overview-highlights-play-label {
  font-family: var(--heading-alt-font);
  font-size: clamp(11px, 0.8vw, 13px);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(238, 246, 255, 0.92);
}

@media screen and (max-width: 767.98px) {
  .overview-highlights {
    margin-top: 68px;
  }

  .overview-highlights-shell {
    border-radius: 16px;
    padding: 14px;
  }

  .overview-highlights-title {
    font-size: clamp(20px, 6vw, 28px);
  }
}


/* CTA */
.cta-btn-section {
    padding: 0 !important;
    margin: 0 !important;
    height: 0;
    min-height: 0;
    overflow: visible;
}

.convince-boss-btn {
    position: fixed;
    top: 20vh;
    left: 20px;

    z-index: 9999;

    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

}



.request-speaker {

    position: fixed;

    top: 20vh;

    right: 20px;

    z-index: 9999;

    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;

}



.btn-convince {

    display: flex;

    align-items: center;

    gap: 10px;

    background: rgba(255, 255, 255, 0.08);

    color: #fff;

    font-size: 15px;

    padding: 0  10px;

    border-radius: 50px;

    text-decoration: none;

    white-space: nowrap;

    position: relative;

    overflow: hidden;

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

    border: 1px solid rgba(255, 255, 255, 0.2);

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);

    transition: all 0.9s cubic-bezier(0.25, 1, 0.5, 1);

}



.btn-convince:hover {

    background: rgba(255, 255, 255, 0.14);

    transform: scale(1.08);

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);

}



.btn-convince .text {

    display: none;

}



.btn-convince:hover .text {

    display: block;

    font-weight: 500;

    transition: opacity 0.4s ease;

}



.btn-convince i {

    color: rgb(1, 129, 245);

    font-size: 24px;

    margin: 10px;

    transition: transform 0.6s ease;

}



.btn-convince:hover i {

    transform: rotate(-10deg);

}



.btn-convince img.svg-icon {

    width: 5rem;

    height: 5rem;

    transition: transform 0.9s ease;

}



.btn-convince:hover img.svg-icon {

    transform: rotate(-10deg) scale(1.1);

}



/* Responsive Styles */

@media (max-width: 992px) {

    .convince-boss-btn,

    .request-speaker {

        top: auto;

        bottom: 20px;

    }

    

    .convince-boss-btn {

        left: 10px;

    }

    

    .request-speaker {

        right: 10px;

    }

    

    .btn-convince {

        font-size: 14px;

        padding: 10px 15px;

    }

    

    .btn-convince img.svg-icon {

        width: 4.5rem;

        height: 4.5rem;

    }

}



@media (max-width: 768px) {

    .btn-convince {

        font-size: 13px;

        padding: 8px 12px;

        gap: 6px;

    }

    

    .btn-convince i {

        font-size: 20px;

        margin: 6px;

    }

    

    .btn-convince img.svg-icon {

        width: 4rem;

        height: 4rem;

    }

}



@media (max-width: 576px) {

    .convince-boss-btn,

    .request-speaker {

        bottom: 10px;

    }

    

    .btn-convince {

        font-size: 12px;

        padding: 6px 10px;

        gap: 4px;

    }

    

    .btn-convince i {

        font-size: 16px;

        margin: 4px;

    }

    

    .btn-convince img.svg-icon {

        width: 3.5rem;

        height: 3.5rem;

    }

    

    /* Hide text on smallest screens and only show icon */

    .btn-convince .text {

        display: none;

    }

    

    /* Optionally show text on hover even on mobile */

    .btn-convince:hover .text {

        display: block;

    }

}



/* Hidden state */

.convince-boss-btn.hidden {

    opacity: 0;

    transform: translateY(20px);

    pointer-events: none;

}



.request-speaker.hidden {

    opacity: 0;

    transform: translateY(20px);

    pointer-events: none;

}





/* =====================================================

   UNIVERSAL WHY CONFERENCE FLOATING CARD

   - Two-column message box layout

   - Custom color scheme (#3f4bc2)

   - Fully responsive for all screen sizes

   - Copy-paste ready for any project

===================================================== */



.why-conference-float {

  position: fixed;

  bottom: 30px;

  right: 30px;

  z-index: 9999;

  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

}



/* Trigger Button - Message Box Style with 2 Columns */

.why-conference-trigger {

  position: relative;

  display: grid;

  grid-template-columns: 1fr auto;

  align-items: center;

  gap: 10px;

  background: linear-gradient(135deg, #3f4bc2, #2f3891);

  color: white;

  padding: 12px 18px;

  border-radius: 18px;

  cursor: pointer;

  box-shadow: 0 8px 24px rgba(63, 75, 194, 0.4);

  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  user-select: none;

  min-width: fit-content;

}



/* Message Box Tail/Pointer */

.why-conference-trigger::after {

  content: '';

  position: absolute;

  bottom: -8px;

  right: 20px;

  width: 0;

  height: 0;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-top: 10px solid #2f3891;

  transition: border-top-color 0.3s ease;

}



/* Hover state */

.why-conference-float:hover .why-conference-trigger {

  box-shadow: 0 12px 32px rgba(63, 75, 194, 0.5);

  background: linear-gradient(135deg, #2f3891, #3f4bc2);

}



.why-conference-float:hover .why-conference-trigger::after {

  border-top-color: #3f4bc2;

}



/* Text Column - Stacked */

.why-conference-text {

  display: flex;

  flex-direction: column;

  line-height: 1.2;

  gap: 2px;

}



.line-1 {

  font-size: 16px;

  font-weight: 500;

  letter-spacing: 0px;

  white-space: nowrap;

}



.line-2 {

  font-size: 18px;

  font-weight: 600;

  letter-spacing: 0.2px;

  white-space: nowrap;

}



/* Icon Column */

.why-conference-icon {

  display: flex;

  align-items: center;

  justify-content: center;

}



.why-conference-icon svg {

  width: 40px;

  height: 40px;

  stroke: white;

  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));

  transition: transform 0.3s ease;

}



.why-conference-float:hover .why-conference-icon svg {

  transform: rotate(-10deg) scale(1.1);

  animation: lightbulb-glow 1.5s ease-in-out infinite;

}



@keyframes lightbulb-glow {



  0%,

  100% {

    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));

  }



  50% {

    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));

  }

}



/* Expanded Card (Hidden by default) */

.why-conference-card {

  position: absolute;

  bottom: 70px;

  right: 0;

  width: 420px;

  max-width: calc(100vw - 40px);

  background: rgba(255, 255, 255, 0.98);

  backdrop-filter: blur(20px);

  border-radius: 20px;

  padding: 28px;

  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);

  border: 1px solid rgba(63, 75, 194, 0.15);

  opacity: 0;

  visibility: hidden;

  transform: translateY(20px) scale(0.95);

  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  pointer-events: none;

}



/* Show card on hover */

.why-conference-float:hover .why-conference-card {

  opacity: 1;

  visibility: visible;

  transform: translateY(0) scale(1);

  pointer-events: auto;

}



/* Card Title */

.why-conference-titlee {
  font-family: var(--heading-alt-font);
  font-size: 20px;
  font-weight: 700;
  color: #3f4bc2 !important;
  margin: 0 0 16px 0;

  letter-spacing: -0.3px;

}



/* Card Content */

.why-conference-content  {

  font-size: 14px !important; 

  line-height: 1.7;

  color: #333;

  text-align: justify;

}



.why-conference-content p {

  margin: 0 0 14px 0 ;

}



.why-conference-content p:last-child {

  margin-bottom: 0;

}



.why-conference-content strong {

  color: #3f4bc2;

  font-weight: 700;

}



/* =====================================================

   TABLET RESPONSIVE (768px - 1024px)

===================================================== */

@media (max-width: 1024px) {

  .why-conference-float {

    bottom: 25px;

    right: 25px;

  }



  .why-conference-card {

    width: 380px;

    padding: 26px;

  }

}



/* =====================================================

   MOBILE LANDSCAPE & LARGE PHONES (768px)

===================================================== */

@media (max-width: 768px) {

  .why-conference-float {

    bottom: 50px;

    right: 20px;

  }



  .why-conference-trigger {

    padding: 11px 16px;

    gap: 8px;

    border-radius: 16px;

  }



  .why-conference-trigger::after {

    bottom: -7px;

    right: 16px;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-top: 8px solid #2f3891;

  }



  .line-1 {

    font-size: 14px;

  }



  .line-2 {

    font-size: 16px;

  }



  .why-conference-icon svg {

    width: 32px;

    height: 32px;

  }



  .why-conference-card {

    width: calc(100vw - 40px);

    bottom: 65px;

    right: 0;

    padding: 24px;

  }



  .why-conference-titlee {

    font-size: 18px;

    margin-bottom: 14px;

  }



  .why-conference-content {

    font-size: 13px;

    line-height: 1.65;

  }



  .why-conference-content p {

    margin-bottom: 12px;

  }

}



/* =====================================================

   SMALL PHONES (480px - 576px)

===================================================== */

@media (max-width: 576px) {

  .why-conference-float {

    bottom: 50px;

    right: 15px;

  }



  .why-conference-trigger {

    padding: 10px 14px;

    gap: 7px;

  }



  .line-1 {

    font-size: 13px;

  }



  .line-2 {

    font-size: 15px;

  }



  .why-conference-icon svg {

    width: 28px;

    height: 28px;

  }



  .why-conference-card {

    width: calc(100vw - 30px);

    bottom: 60px;

    padding: 22px;

    border-radius: 18px;

  }



  .why-conference-titlee {

    font-size: 17px;

  }



  .why-conference-content {

    font-size: 13px;

  }

}



/* =====================================================

   VERY SMALL PHONES (320px - 480px)

===================================================== */

@media (max-width: 480px) {

  .why-conference-float {

    bottom: 50px;

    right: 12px;

  }



  .why-conference-trigger {

    padding: 9px 13px;

    gap: 6px;

    border-radius: 14px;

  }



  .why-conference-trigger::after {

    bottom: -6px;

    right: 14px;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-top: 7px solid #2f3891;

  }



  .line-1 {

    font-size: 12px;

  }



  .line-2 {

    font-size: 14px;

    font-weight: 600;

  }



  .why-conference-icon svg {

    width: 26px;

    height: 26px;

  }



  .why-conference-card {

    width: calc(100vw - 24px);

    bottom: 55px;

    padding: 20px;

    border-radius: 16px;

  }



  .why-conference-titlee {

    font-size: 16px;

    margin-bottom: 12px;

  }



  .why-conference-content {

    font-size: 12px;

    line-height: 1.6;

  }



  .why-conference-content p {

    margin-bottom: 10px;

  }

}



/* =====================================================

   EXTRA SMALL PHONES (< 360px)

===================================================== */

@media (max-width: 360px) {

  .why-conference-float {

    bottom: 140px;

    right: 10px;

  }



  .why-conference-trigger {

    padding: 8px 12px;

    gap: 5px;

  }



  .line-1 {

    font-size: 11px;

  }



  .line-2 {

    font-size: 13px;

  }



  .why-conference-icon svg {

    width: 24px;

    height: 24px;

  }



  .why-conference-card {

    width: calc(100vw - 20px);

    padding: 18px;

  }



  .why-conference-titlee {

    font-size: 15px;

  }



  .why-conference-content {

    font-size: 11px;

    line-height: 1.55;

  }

}



/* =====================================================

   LANDSCAPE MODE FIX

===================================================== */

@media (max-height: 500px) and (orientation: landscape) {

  .why-conference-float {

    bottom: 15px;

    right: 15px;

  }



  .why-conference-trigger {

    padding: 8px 12px;

  }



  .why-conference-card {

    bottom: 50px;

    max-height: calc(100vh - 70px);

    overflow-y: auto;

  }

}



/* =====================================================

   ACCESSIBILITY & INTERACTIONS

===================================================== */

.why-conference-trigger:focus {

  outline: 2px solid #3f4bc2;

  outline-offset: 2px;

}



/* Prevent text selection on trigger */

.why-conference-trigger * {

  user-select: none;

}



/* Keep card visible when hovering over it */

.why-conference-card:hover {

  pointer-events: auto;

  opacity: 1;

  visibility: visible;

}



/* Touch device optimization */

@media (hover: none) and (pointer: coarse) {

  .why-conference-float:active .why-conference-card {

    opacity: 1;

    visibility: visible;

    transform: translateY(0) scale(1);

    pointer-events: auto;

  }

}



/* Prevent animation on low-end devices */

@media (prefers-reduced-motion: reduce) {



  .why-conference-trigger,

  .why-conference-card,

  .why-conference-icon svg {

    transition: none !important;

    animation: none !important;

  }

}

/* Participant Testimonials */

.testimonials-marquee-section {
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  padding: clamp(54px, 7vw, 92px) 0 clamp(56px, 8vw, 104px);
  background:
    radial-gradient(46% 58% at 10% 14%, rgba(var(--primary-color-rgb), 0.12), transparent 72%),
    radial-gradient(42% 56% at 92% 18%, rgba(var(--secondary-color-rgb), 0.1), transparent 74%),
    linear-gradient(180deg, rgba(17, 20, 53, 0.98) 0%, rgba(17, 20, 53, 1) 100%),
    #111435;
}

.testimonials-marquee-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, transparent 28%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 12vw);
  opacity: 0.16;
  pointer-events: none;
}

.testimonials-marquee-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(54px, 7vh, 94px);
  background: linear-gradient(180deg, rgba(17, 20, 53, 0) 0%, rgba(17, 20, 53, 0.92) 100%);
  pointer-events: none;
}

.testimonials-marquee-shell,
.testimonials-marquee {
  position: relative;
  z-index: 1;
}

.testimonials-marquee-head {
  max-width: 760px;
  margin: 0 auto clamp(24px, 3.2vw, 34px);
}

.testimonials-marquee-head h2 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: clamp(28px, 2.6vw, 38px);
  line-height: 1.08;
  letter-spacing: 0.01em;
  color: #f7fbff;
  text-wrap: balance;
}

.testimonials-marquee-lead {
  margin: 12px auto 0;
  max-width: 58ch;
  font-size: clamp(14px, 0.95vw, 16px);
  line-height: 1.62;
  color: rgba(220, 234, 255, 0.82);
}

.testimonials-marquee-rail {
  position: relative;
  overflow: hidden;
  padding: 6px 0;
}

.testimonials-marquee-rail::before,
.testimonials-marquee-rail::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: clamp(42px, 7vw, 120px);
  z-index: 4;
  pointer-events: none;
}

.testimonials-marquee-rail::before {
  left: 0;
  background: linear-gradient(90deg, rgba(8, 12, 38, 0.98) 0%, rgba(8, 12, 38, 0) 100%);
}

.testimonials-marquee-rail::after {
  right: 0;
  background: linear-gradient(270deg, rgba(8, 12, 38, 0.98) 0%, rgba(8, 12, 38, 0) 100%);
}

.testimonials-marquee-track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: testimonials-marquee-scroll 96s linear infinite;
}

.testimonials-marquee-rail:hover .testimonials-marquee-track,
.testimonials-marquee-rail:focus-within .testimonials-marquee-track {
  animation-play-state: paused;
}

.testimonials-marquee-group {
  display: flex;
  gap: clamp(16px, 1.5vw, 22px);
  flex: 0 0 auto;
  padding-right: clamp(16px, 1.5vw, 22px);
}

.testimonial-marquee-card {
  width: min(350px, calc(100vw - 40px));
  height: clamp(264px, 23vw, 300px);
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: clamp(18px, 1.6vw, 22px);
  border-radius: 20px;
  border: 1px solid rgba(168, 196, 255, 0.18);
  background:
    radial-gradient(100% 72% at 0% 0%, rgba(var(--primary-color-rgb), 0.2), transparent 62%),
    radial-gradient(88% 66% at 100% 100%, rgba(var(--secondary-color-rgb), 0.18), transparent 72%),
    linear-gradient(154deg, rgba(18, 27, 76, 0.84) 0%, rgba(11, 19, 54, 0.92) 54%, rgba(8, 13, 37, 0.98) 100%);
  box-shadow: 0 18px 36px rgba(2, 8, 28, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.testimonial-marquee-card__top {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.testimonial-marquee-card__avatar {
  width: 68px;
  height: 68px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(189, 212, 255, 0.24);
  box-shadow: 0 12px 22px rgba(2, 8, 28, 0.34);
}

.testimonial-marquee-card__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.testimonial-marquee-card__identity {
  min-width: 0;
}

.testimonial-marquee-card__identity h3 {
  margin: 0;
  font-family: var(--heading-alt-font);
  font-size: clamp(17px, 1.2vw, 20px);
  line-height: 1.25;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

.testimonial-marquee-card__content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 0 0;
  border-top: 1px solid rgba(172, 198, 245, 0.14);
  overflow: hidden;
}

.testimonial-marquee-card__bio {
  margin: 0;
  font-family: var(--heading-alt-font);
  font-size: 12.5px;
  line-height: 1.56;
  letter-spacing: 0.02em;
  color: rgba(205, 221, 245, 0.82);
  max-height: calc(1.56em * 2);
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, #000 42%, rgba(0, 0, 0, 0.08) 100%);
  mask-image: linear-gradient(180deg, #000 42%, rgba(0, 0, 0, 0.08) 100%);
}

.testimonial-marquee-card__quote {
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(172, 198, 245, 0.12);
}

.testimonial-marquee-card__quote p {
  margin: 0;
  font-size: clamp(13.5px, 0.9vw, 15px);
  line-height: 1.66;
  color: rgba(245, 249, 255, 0.94);
  max-height: calc(1.66em * 4);
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, #000 52%, rgba(0, 0, 0, 0.08) 100%);
  mask-image: linear-gradient(180deg, #000 52%, rgba(0, 0, 0, 0.08) 100%);
}

@keyframes testimonials-marquee-scroll {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media screen and (max-width: 991.98px) {
  .testimonial-marquee-card {
    width: min(332px, calc(100vw - 34px));
    height: 286px;
  }
}

@media screen and (max-width: 767.98px) {
  .testimonials-marquee-section {
    padding-top: 48px;
    padding-bottom: 64px;
  }

  .testimonials-marquee-head h2 {
    font-size: clamp(24px, 7vw, 31px);
  }

  .testimonials-marquee-lead {
    font-size: 14px;
    line-height: 1.56;
  }

  .testimonials-marquee-track {
    animation-duration: 82s;
  }

  .testimonial-marquee-card {
    width: min(304px, calc(100vw - 24px));
    height: 290px;
    padding: 16px;
    border-radius: 18px;
  }

  .testimonial-marquee-card__top {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 12px;
  }

  .testimonial-marquee-card__avatar {
    width: 62px;
    height: 62px;
    border-radius: 16px;
  }

  .testimonial-marquee-card__content {
    padding-top: 12px;
  }

  .testimonial-marquee-card__quote p {
    font-size: 14px;
    line-height: 1.58;
    max-height: calc(1.58em * 4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .testimonials-marquee-rail {
    overflow-x: auto;
    padding-bottom: 12px;
  }

  .testimonials-marquee-track {
    animation: none;
  }
}

/* Footer Register CTA */

.register-cta-section {
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  background:
    radial-gradient(44% 62% at 8% 20%, rgba(var(--primary-color-rgb), 0.12), transparent 72%),
    radial-gradient(40% 58% at 92% 16%, rgba(var(--secondary-color-rgb), 0.1), transparent 74%),
    linear-gradient(180deg, rgba(17, 20, 53, 0.98) 0%, rgba(17, 20, 53, 1) 100%),
    #111435;
  padding: clamp(40px, 5vw, 68px) 0 clamp(64px, 8.2vw, 112px);
}

.register-cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -22%;
  z-index: 0;
  pointer-events: none;
  background: url("../images/hand.png") center 100% / auto 100% no-repeat;
  opacity: 0.12;
  filter: saturate(0.72) contrast(0.88);
}

.register-cta-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(54px, 8.6vh, 100px);
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(17, 20, 53, 0) 0%, rgba(17, 20, 53, 0.92) 100%);
}

.register-cta-shell {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
}

.register-cta-shell h2 {
  margin: 0;
  font-family: var(--heading-font);
  font-size: clamp(31px, 3vw, 46px);
  line-height: 1.08;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: rgba(246, 251, 255, 0.99);
}

.register-cta-copy {
  margin: 14px auto 0;
  max-width: 62ch;
  font-family: var(--body-font);
  font-size: clamp(15px, 0.98vw, 18px);
  line-height: 1.62;
  color: rgba(220, 234, 255, 0.9);
}

.register-cta-actions {
  margin-top: clamp(18px, 2vw, 26px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

@media screen and (max-width: 767.98px) {
  .register-cta-section {
    padding-top: 36px;
    padding-bottom: 48px;
  }

  .register-cta-section::before {
    bottom: -28%;
    background: url("../images/hand.png") center 100% / auto 100% no-repeat;
    opacity: 0.1;
  }

  .register-cta-copy {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.52;
  }

  .register-cta-actions {
    gap: 12px;
  }
}

.site-footer {
  position: relative;
  overflow: hidden;
  background: #101435;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  padding: 0;
}

.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 30%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 11vw);
}

.site-footer__inner {
  position: relative;
  z-index: 1;
  padding-block: clamp(0.65rem, 1.25vw, 1rem) clamp(0.5rem, 1vw, 0.75rem);
  display: grid;
  gap: clamp(0.65rem, 1.4vw, 1.05rem);
}

.site-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.95fr) minmax(0, 0.78fr);
  gap: clamp(0.65rem, 1.4vw, 1.08rem);
  align-items: start;
}

.site-footer__col {
  min-width: 0;
}

.site-footer__brand {
  width: clamp(150px, 13vw, 230px);
  height: auto;
  object-fit: contain;
  object-position: left center;
}

.site-footer__copy {
  margin: clamp(0.45rem, 1vw, 0.72rem) 0 0;
  max-width: 36ch;
  font-family: var(--heading-alt-font);
  font-size: clamp(0.88rem, 0.16vw + 0.84rem, 0.98rem);
  font-weight: 400;
  letter-spacing: 0.015em;
  line-height: 1.46;
  color: rgba(255, 255, 255, 0.8);
}

.site-footer__title {
  margin: 0;
  font-family: var(--heading-alt-font);
  font-size: clamp(1.04rem, 0.55vw + 0.86rem, 1.38rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.12;
  text-transform: uppercase;
  color: var(--color-bg, #ffffff);
}

.site-footer__title--awards {
  margin-top: clamp(0.75rem, 1.4vw, 1.1rem);
  font-size: clamp(1.08rem, 0.45vw + 0.9rem, 1.3rem);
}

.site-footer__awards {
  margin-top: clamp(0.52rem, 1vw, 0.72rem);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.48rem 0.62rem;
  padding-top: 0.08rem;
}

.site-footer__award {
  margin: 0;
  width: clamp(60px, 5.1vw, 80px);
  height: clamp(78px, 6.6vw, 104px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.22rem;
  overflow: hidden;
}

.site-footer__award img {
  display: block;
  width: auto;
  height: auto;
  max-width: 94%;
  max-height: 85%;
  object-fit: contain;
  object-position: top center;
}

.site-footer__offices {
  margin-top: clamp(0.68rem, 1.2vw, 0.95rem);
  display: grid;
  gap: clamp(0.5rem, 0.9vw, 0.72rem);
}

.site-footer__office {
  margin: 0;
  position: relative;
  padding-left: 1.4rem;
  font-family: var(--heading-alt-font);
  font-size: clamp(0.85rem, 0.12vw + 0.82rem, 0.96rem);
  font-weight: 400;
  letter-spacing: 0.012em;
  line-height: 1.48;
  color: rgba(255, 255, 255, 0.76);
}

.site-footer__icon {
  position: absolute;
  left: 0;
  top: 0.05rem;
  font-size: 0.96rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.7);
}

.site-footer__contact {
  margin-top: 0.58rem;
  display: block;
  position: relative;
  padding-left: 1.4rem;
  font-family: var(--heading-alt-font);
  font-size: clamp(0.88rem, 0.15vw + 0.84rem, 0.98rem);
  font-weight: 400;
  letter-spacing: 0.012em;
  line-height: 1.42;
  color: rgba(255, 255, 255, 0.84);
  text-decoration: none;
}

.site-footer__contact .site-footer__icon {
  top: 0.12rem;
}

.site-footer__contact:hover,
.site-footer__contact:focus-visible {
  color: var(--color-accent, #ffcc00);
}

.site-footer__payments {
  margin-top: clamp(0.72rem, 1.4vw, 0.96rem);
}

.site-footer__payments img {
  width: min(100%, 360px);
  height: auto;
  object-fit: contain;
  object-position: left top;
}

.site-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  padding-top: clamp(0.46rem, 0.85vw, 0.68rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.65rem, 1.1vw, 0.95rem);
}

.site-footer__legal {
  margin: 0;
  font-family: var(--heading-alt-font);
  font-size: clamp(0.78rem, 0.11vw + 0.75rem, 0.9rem);
  font-weight: 400;
  letter-spacing: 0.015em;
  line-height: 1.42;
  color: rgba(255, 255, 255, 0.64);
}

.site-footer__social {
  display: flex;
  align-items: center;
  gap: 0.42rem;
}

.site-footer__social-link {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.07);
  font-family: var(--font-display, "Poppins", sans-serif);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}

.site-footer__social-icon {
  display: block;
  width: 0.9rem;
  height: 0.9rem;
}

.site-footer__social-link:hover,
.site-footer__social-link:focus-visible {
  border-color: rgba(255, 204, 0, 0.7);
  color: var(--color-accent, #ffcc00);
}

@media (max-width: 992px) {
  .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer__col--payments {
    grid-column: 1 / -1;
  }

  .site-footer__title {
    font-size: clamp(1rem, 0.35vw + 0.86rem, 1.2rem);
  }

  .site-footer__awards {
    gap: 0.4rem 0.52rem;
  }

  .site-footer__award {
    width: clamp(58px, 6.4vw, 74px);
    height: clamp(76px, 8.2vw, 96px);
    padding-top: 0.18rem;
  }

  .site-footer__payments img {
    width: min(100%, 320px);
  }

  .site-footer__bottom {
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .site-footer__inner {
    padding-block: 0.62rem 0.56rem;
  }

  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: 1.05rem;
  }

  .site-footer__col--payments {
    grid-column: auto;
  }

  .site-footer__title {
    font-size: clamp(0.92rem, 0.3vw + 0.82rem, 1.08rem);
  }

  .site-footer__title--awards {
    margin-top: 0.66rem;
  }

  .site-footer__copy {
    max-width: 100%;
    font-size: clamp(0.84rem, 0.12vw + 0.81rem, 0.92rem);
  }

  .site-footer__awards {
    gap: 0.34rem 0.44rem;
  }

  .site-footer__award {
    width: clamp(52px, 16vw, 68px);
    height: clamp(68px, 20.5vw, 88px);
    padding-top: 0.16rem;
  }

  .site-footer__office,
  .site-footer__contact {
    font-size: 0.86rem;
  }

  .site-footer__payments img {
    width: min(100%, 290px);
  }

  .site-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .site-footer__social-link {
    width: 2rem;
    height: 2rem;
    font-size: 0.72rem;
  }

  .site-footer__social-icon {
    width: 0.8rem;
    height: 0.8rem;
  }
}