/*Default CSS*/

:root {
    --primary-font: 'Inter', sans-serif;
	--secondary-font: 'Poppins', sans-serif;
    --text-dark: #111;
    --text-red: #D00000;
    --text-white: #fff;
	--text-black: #000;
	--text-head:#390203;
}
h1,h2,h3,h4,h5,h6{font-family: var(--secondary-font);}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1; margin:0px; background:#fff; font-family: 'Poppins', sans-serif;}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }  
* { box-sizing: border-box;}

.mtop5{margin-top: 5px !important;}.mtop10{margin-top: 10px !important;}.mtop15{margin-top: 15px !important;}.mtop20{margin-top: 20px !important;}.mtop30{margin-top: 30px !important;}
.mtop40{margin-top: 40px;}.mtop50{margin-top: 50px;}.mtop60{margin-top: 60px;}.mtop80{margin-top: 80px;}
/*Mobile OFF ON CSS*/
.mobon{display:none}
.moboff{display:block}
h2.head_txt{font-family: var(--secondary-font);font-weight: 700;font-size: 48px;line-height: 100%;letter-spacing: 0%;color:var(--text-head);margin-bottom: 35px;}
h2.head_txtw{font-family: var(--secondary-font);font-weight: 700;font-size: 48px;line-height: 100%;letter-spacing: 0%;color:var(--text-white);text-transform: uppercase;text-align:left;}

#sticky_navigation_wrapper{display:none;}

header { position: fixed; top: 0;  left: 50%;  transform: translateX(-50%); width: 100%;  max-width: 100%;  display: flex; justify-content: space-between;  align-items: center;
	  padding: 20px 40px;background-color: none;box-shadow: 0 2px 4px rgba(0,0,0,0.1);z-index: 1000;transition: all 0.5s ease;}
	  
img.logomakers{max-width:330px;margin-bottom:10px;}	  
	  
/*header.scrolled { width: 400px; background: rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 16px 0px rgba(26, 26, 26, 0.15);height: 75px;
  backdrop-filter: blur(13px);  border-radius: 52px; padding: 5px 15px 5px 10px;margin-top:15px;}*/
header.scrolled { width: 200px; background: rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 16px 0px rgba(26, 26, 26, 0.15);height: 75px;
  backdrop-filter: blur(13px);  border-radius: 52px; padding: 5px 15px 5px 10px;margin-top:15px;}
.logo, .menu {transition: transform 0.5s ease;}
.logo {font-size: 24px;font-weight: bold;transform: translateX(0);}
.menu {display: flex;align-items: center;gap: 20px;transform: translateX(0);}
/*ul.navbar {display: flex;gap: 40px;list-style: none;padding: 0;margin: 0;transition: max-width 0.4s ease, opacity 0.4s ease, transform 0.4s ease;}
    ul.navbar.hidden {opacity: 0;transform: translateY(-10px);pointer-events: none; max-width: 0; opacity: 0;  overflow: hidden;  visibility: hidden;}*/

ul.navbar {
  display: flex;
  gap: 40px;
  list-style: none;
  padding: 0;
  margin: 0;
  transition: opacity 0.9s ease, transform 0.9s ease;
  overflow: hidden;
  max-width: 800px; /* Or whatever the full width should be */
  opacity: 1;
  transform: translateY(0);
}

ul.navbar.hidden {
  max-width: 0;
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  visibility: hidden;
}

.registerBtn{min-width:155px;}

ul.navbar li {font-family: var(--secondary-font);font-weight: 400;font-size: 16px;line-height: 150%;text-align: center;}
ul.navbar li a {text-decoration: none;color: #fff;}



a.registerNowBtn1{background: rgba(255, 255, 255, 1);backdrop-filter: blur(10px); border-radius:50px; display: flex; align-items: center; padding: 6px 6px 6px 16px;color:#000; position:relative;
font-family: var(--secondary-font);font-weight: 500;font-size: 16px;line-height: 20.8px; text-decoration:none;overflow: hidden;  cursor: pointer;  transition: color 0.3s ease; width:180px;border:1px solid #d00000;}
a.registerNowBtn1:hover{background: rgba(255, 255, 255, 1);backdrop-filter: blur(10px); border-radius:50px; display: flex; align-items: center; padding: 6px 6px 6px 16px;color:#000;
font-family: var(--secondary-font);font-weight: 500;font-size: 16px;line-height: 20.8px; text-decoration:none;overflow: hidden;  cursor: pointer;  transition: color 0.3s ease; width:180px;border:1px solid #fff;}
a.registerNowBtn1:hover{color:#fff;}
a.registerNowBtn1::before {content: "";position: absolute;top: 0;right: -100%; width: 100%; height: 100%; background: #d00000;  transition: right 0.3s ease;  z-index: 0;}
a.registerNowBtn1:hover::before { right: 0; }
a.registerNowBtn1 span {position: relative;  z-index: 1;}
a.registerNowBtn1 .arrowB{transition: transform 0.4s ease, color 0.4s ease;width: 38px;  height: 38px;  background: #d00000;  border-radius: 38px; text-align: center;
line-height: 38px;margin-left: auto;  display: inline-flex; align-items: center; justify-content: center;color:#fff; transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;transform: rotate(300deg) translateX(0px);}
a.registerNowBtn1:hover .arrowB{transition: transform 0.4s ease, color 0.4s ease;width: 38px;  height: 38px;  background: #fff;  border-radius: 38px; text-align: center;
line-height: 38px;margin-left: auto;  display: inline-flex; align-items: center; justify-content: center;color:#d00000; transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;transform: rotate(360deg) translateX(0px);}
a.registerNowBtn1 .arrowB img{transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;}



a.registerNowBtn2{background: #000;backdrop-filter: blur(10px); border-radius:50px; display: flex; align-items: center; padding: 6px 6px 6px 16px;color:#fff; position:relative;
font-family: var(--secondary-font);font-weight: 500;font-size: 16px;line-height: 20.8px; text-decoration:none;overflow: hidden;  cursor: pointer;  transition: color 0.3s ease; width:180px;border:1px solid #d00000;}
a.registerNowBtn2:hover{backdrop-filter: blur(10px); border-radius:50px; display: flex; align-items: center; padding: 6px 6px 6px 16px;color:#000;
font-family: var(--secondary-font);font-weight: 500;font-size: 16px;line-height: 20.8px; text-decoration:none;overflow: hidden;  cursor: pointer;  transition: color 0.3s ease; width:180px;border:1px solid #fff;}
a.registerNowBtn2:hover{color:#fff;}
a.registerNowBtn2::before {content: "";position: absolute;top: 0;right: -100%; width: 100%; height: 100%; background: #d00000;  transition: right 0.3s ease;  z-index: 0;}
a.registerNowBtn2:hover::before { right: 0; }
a.registerNowBtn2 span {position: relative;  z-index: 1;}
a.registerNowBtn2 .arrowB{transition: transform 0.4s ease, color 0.4s ease;width: 38px;  height: 38px;  background: #d00000;  border-radius: 38px; text-align: center;
line-height: 38px;margin-left: auto;  display: inline-flex; align-items: center; justify-content: center;color:#fff; transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;transform: rotate(300deg) translateX(0px);}
a.registerNowBtn2:hover .arrowB{transition: transform 0.4s ease, color 0.4s ease;width: 38px;  height: 38px;  background: #fff;  border-radius: 38px; text-align: center;
line-height: 38px;margin-left: auto;  display: inline-flex; align-items: center; justify-content: center;color:#d00000; transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;transform: rotate(360deg) translateX(0px);}
a.registerNowBtn2 .arrowB img{transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;}


header.scrolled .logo {transform: translateX(calc(0vw - 0%));}
header.scrolled .menu {transform: translateX(calc(-0vw + 0%));}

/* registratio form CSS*/
.tag {color: #e23c3c; background: rgba(0, 0, 0, 0.1);  display: inline-block; padding: 8px 20px; border-radius: 30px; font-size: 16px;color:#d00000;font-weight:400;border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 7px;}
.unboxingForm_txt h1{color: #D00000;font-family: Poppins;font-size: 55px;font-weight: 600;line-height: 66px; margin-bottom:25px;position:relative;}

.unboxingForm_txt h1:before{background:#B9B9B9; bottom:-10px; position: absolute; width: 25%; content: ""; height: 1px;}

.unboxingForm_txt h1 span{color: #000;font-weight: 400; display:block;}

.unboxingForm_txt h2 {font-family: Poppins;font-weight: 400;font-size: 35px;line-height: 45px;margin-bottom:16px;color:#000;}

.unboxingForm_txt p {font-family: Poppins;font-weight: 400;font-size: 16px;line-height: 26px;color:#000;}

.unboxingForm_txt{padding-bottom:40px; max-width: 500px;}
.call {margin-top:40px;/*border-top:1px solid rgba(0, 0, 0, 0.10);margin-top:40px;*/width:344px;}
.call h6 {font-family: Poppins;font-weight: 400;font-size: 18px;line-height: 130%;/*padding-top:40px;*/color:#000;display:flex;gap:6px;}
.call p {font-family: Poppins;font-weight: 400;font-size: 16px;line-height:26px;margin-top:12px;color:#000;}
.unboxingForm_txt ul{margin-left:25px;}
.unboxingForm_txt li{font-family: Poppins;font-weight: 400;font-size: 16px;line-height:26px;margin-top:6px;color:#000; list-style:disc;}

.formSection .container {background: radial-gradient(circle at 40% 20%, rgb(249, 229, 233) 0%,rgb(253, 247, 248) 50%,rgb(255, 255, 255) 100%)!important;backdrop-filter: blur(0.5px);  border-radius: 40px;}
.formSection{padding-top:140px;padding-bottom:60px;}
.unboxing_wrap{display:flex;gap:110px;padding: 55px 65px 55px 65px;}
.contctPicDiv {padding-right: 30px;}
img.contctPic {border-radius: 10px;}
.fifyDiv {display: flex;}

.fieldLeft {width: 50%; padding-right: 24px;}
.unboxingForm{width:52%;}
.unboxingForm label {color: #000;font-weight: 500;font-size: 16px;line-height: 26px;margin-bottom:12px;font-family: var(--secondary-font);}
formGet .form-control {height: 42px;}
.fieldRight {width: 50%;padding-left: 0px;}
.form-control {background: none !important; border: 1px solid #0000001A !important; margin-bottom: 15px;}
.unboxingForm input[type="button"] {background: #d00000!important;box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);padding:17px 50px;border-radius: 46px;color: #fff;font-weight: 600;font-size: 16px; font-family: 'Poppins'; line-height:26px;letter-spacing: 0%;text-align: center; border: 0;margin-top:5px; margin-bottom: 0;}
.unboxingForm .mobs{text-indent:20px;}
.form-list{position:relative;}
.countryListDD {position: absolute;left: 0;top: 58px;height: 16px;width: 40px; text-align: center; border-right: 2px solid #000; line-height: 16px;}
.unboxingForm input {background: rgba(0, 0, 0, 0.05)!important;padding: 14px 24px; border: 1px solid #ccc;  border-radius: 8px;  font-size: 16px;font-weight:400;line-height:26px; width: 100%;margin-bottom:25px;}
.unboxingForm textarea {background: rgba(0, 0, 0, 0.05)!important;padding: 14px 24px; border: 1px solid #ccc;  border-radius: 8px;  font-size: 16px;font-weight:400;line-height:26px; width: 100%;margin-bottom:25px;}
.formbtn{display:inline-block;}
/*select.styled-select {background: url(images/roundcircle-arrow.png) no-repeat right rgba(0, 0, 0, 0.05)!important;}
select {background: transparent;-webkit-appearance: none;}
select option {background:#fff;color: #fff;}*/
.form-control:focus {box-shadow:none!important;border:1px solid #000!important;}

.dropdown-wrapper {width:100%; position: relative;font-weight: 500;font-size: 18px; font-family: var(--secondary-font); }
.dropdown-label {margin-bottom: 8px;font-weight: 500;}
.custom-select {background: rgba(0, 0, 0, 0.05)!important;padding:14px 24px;border-radius: 8px;cursor: pointer;display: flex;justify-content: space-between; font-family: var(--secondary-font);font-weight: 500;font-size: 16px; align-items: center;border: 1px solid #ddd;color:rgba(0, 0, 0, 0.4)!important}
input::placeholder {color:rgba(0, 0, 0, 0.4)!important}
select::placeholder {color:rgba(0, 0, 0, 0.4)!important}
.custom-select .arrow {transition: transform 0.3s ease;display: inline-block;}
.custom-select.open .arrow {transform: rotate(180deg);}
.options {display: none;position: absolute;top: 100%;left: 0;width: 100%;background: rgba(255, 255, 255, .89);border: 1px solid #ddd;
z-index: 100;font-family: var(--secondary-font);font-weight: 500;font-size: 16px;line-height:20px;margin-top:10px;border-radius:8px;color:#EAECF0;}
.options.active {display: block;}
.options div {padding: 12px 16px;cursor: pointer;color:#000;}
.options div:hover {background: #f0f0f0;}
  
.options1 {display: none;position: absolute;top: 100%;left: 0;width: 100%;background: rgba(255, 255, 255, .89);border: 1px solid #ddd;
z-index: 100;font-family: var(--secondary-font);font-weight: 500;font-size: 16px;line-height:20px;margin-top:10px;border-radius:8px;color:#EAECF0;}
.options1.active {display: block;}
.options1 div {padding: 12px 16px;cursor: pointer;color:#000;}
.options1 div:hover {background: #f0f0f0;}
.marB25{margin-bottom:25px;}

#sticky_navigation_wrapper { width:100%; clear:both; }
#sticky_navigation { width:400px; background: rgba(255, 255, 255, 0.4); padding: 5px 15px 5px 10px;
 z-index:10000; box-shadow: 0px 4px 16px 0px rgba(26, 26, 26, 0.15); backdrop-filter: blur(13px); border-radius:52px;
 left: 50%;  transform: translateX(-50%); }
#sticky_navigation ul { list-style:none; margin:0; display:flex; gap:24px; }
#sticky_navigation ul li { font-family: var(--secondary-font);font-weight: 400;font-size: 16px;line-height: 150%;text-align: center;}
#sticky_navigation ul li a { color: #FFFFFF; text-decoration:none;}
.logo{/*margin-right:20px;*/ max-width: 220px;}
.mainMenu{display:flex; align-items: center;}
.mainnv{margin-left: auto;}
a.registerBtn{padding: 10px 24px; border-radius: 60px;background: #FFF; color: #D00000;
text-align: center;font-family: var(--secondary-font);font-size: 16px;font-style: normal;font-weight: 500;line-height: 150%;color:#D00000 !important;}


.grecaptcha-badge{display:none;}
/*Banner CSS*/
.banner_section{width:100%;background-image: url('images/bg.webp'); background-repeat: no-repeat;background-size: cover;background-position: center; height: 785px;}

.banner_section1{width:100%;background-image: url('images/bg.webp'); background-repeat: no-repeat;background-size: cover;background-position: center; 
/*height: 905px;*/ z-index: 100;  position: relative;}
.banner_section h1{font-family: var(--secondary-font);font-weight: 600;font-size: 80px;line-height: 89px;letter-spacing: -4%;text-align: center;text-transform: capitalize;background: linear-gradient(180deg, #A5A5A5 0%, #FFFFFF 49.04%, #A5A5A5 100%); -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;}
.bannerWrap{padding-top:165px;}
ul.headListing{display:flex; gap:30px; padding-top:70px;justify-content: space-between; max-width:1130px; margin:0 auto; }
.headListing li{flex: 1 1 25%; color:#fff; font-family: var(--secondary-font);font-weight: 600;font-size: 18px;line-height: 28px;letter-spacing: 0px;vertical-align: middle;
text-transform: uppercase; position:relative;}

.headListing li span{display:block;}
.headListing li:before{position:absolute; content:""; right: 0px;width:1px; height:98px;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);}
.headListing li:last-child:before{background:none;}


.registration_thon{border-radius: 82px;background: #FFF;box-shadow: 0 4px 16px 0 rgba(26, 26, 26, 0.15);backdrop-filter: blur(6.5px);padding:10px 14px 10px 25px;max-width: 1075px; margin:80px auto 45px;}
.registration_thon_block{display:flex;gap:40px;justify-content:center;}
.registration_thon_block li{align-content:center;}
.registration_thon_block li h4{color: #000;font-family: var(--secondary-font);font-size: 20px;font-style: normal;font-weight: 500;line-height: 30px;letter-spacing: -0.8px;
text-transform: capitalize;}
.registration_thon_block li h4 span{color: #D00000;font-family: Poppins;font-size: 20px;font-style: normal;font-weight: 700;line-height: 30px;letter-spacing: -0.8px;
text-transform: capitalize;}
.registration_thon_block li:last-child{margin-left:auto;}

.aboutSection{background:#f4f4f4; padding:60px 0px;}
.aboutSection .col-md-5{width: 48%;}
.aboutSection .col-md-7{width: 52%;}

.aboutSection h2{color: #000;font-family: var(--secondary-font); font-size: 50px;font-style: normal;font-weight: 500;line-height: 60px; /* 120% */letter-spacing: -2px;}
.aboutSection h2 span{background: linear-gradient(70deg, #D00000 0%, #6A0000 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;
font-style: normal;font-weight: 700;}
.aboutSection h5{color: #D00000;font-family: var(--secondary-font);font-size: 14px;font-style: normal;font-weight: 500;line-height: 19.6px; /* 140% */letter-spacing: 0.56px;
text-transform: uppercase;margin-bottom: 10px;}
.aboutSection p{color: #000;font-family: var(--secondary-font);font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px; /* 162.5% */}

.partnersSection{background:#fff; padding:55px 0px 10px 0px;}
.partnersSection h4{color: #000;text-align: center;font-family: var(--secondary-font);font-size: 34px;font-style: normal;font-weight: 700;line-height: 40.8px;}
.logosPatners {
  overflow: hidden;
  padding: 60px 0;
  background: white;
  position: relative;
}

.logos-track {
  display: flex;
  width: max-content;
  animation: scroll-left 60s linear infinite;
}

.logosPatners:hover .logos-track {
  animation-play-state: paused;
}

.logos-track img {
  height: 85px;
  margin: 0 40px;
  flex-shrink: 0;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes slide{
  from{
    transform:translateX(0) ;
    
  }
  to{
    transform:translateX(-100%) ;
  
  }
}
/* Optional Gradient Fade Sides */
.logosPatners::before,
.logosPatners::after {
  content: "";
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  z-index: 2;
}

.logosPatners::before {
  left: 0;
  background: linear-gradient(to left, rgba(255,255,255,0), white);
}

.logosPatners::after {
  right: 0;
  background: linear-gradient(to right, rgba(255,255,255,0), white);
}

.sliderSection{background:#f4f4f4; padding:10px 0px 5px 0px;}

.sectionSlideAni{transition: transform 0.3s ease; border-radius: 8px; 
border: double 1em transparent;
  border-radius: 12px;
  background-image: linear-gradient(white, white), 
                    linear-gradient(to right, #000, #dbdbdb);
  background-origin: border-box;
  background-clip: content-box, border-box;border-width: 3px;}
.sectionSlideAni.stuck {transform: scale(0.9);}


.section1Slide{display:flex;  
/*border: 3px solid;  border-image-slice: 1;  border-width: 5px;border-image-source: linear-gradient(to left, #743ad5, #d53a9d);*/}
.section2Slide{display:flex; }
.section3Slide{display:flex; }
.section4Slide{display:flex; margin-bottom:0px;}

.imgSlide{display:flex; flex: 0 0 42%; border-top-left-radius: 8px;}
.imgSlide img{object-fit: cover; object-position: 20%;  border-top-left-radius: 8px; border-bottom-left-radius: 8px;}

.section3Slide .imgSlide img{object-position: 50%;}
.section4Slide .imgSlide img{object-position: 37%;}

.slideContent{position: relative;  padding:130px 70px 130px 70px; background-image: url('images/bg1.webp');  background-size: cover;  background-position: center; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }


/*.slideContent::before {content: "";  position: absolute;  top: 0; left: 0; right: 0; bottom: 0;  background-image: url('images/bg.webp');  background-size: cover;  background-position: center;  transform: rotate(90deg);  transform-origin: center;  z-index: 0;}*/ 
.slideImgOverlay{position:relative}
.slideContent h3{font-family:  var(--secondary-font);font-weight: 600;font-size: 50px;line-height: 60px;color:#fff; margin-bottom:25px;}
.slideContent p{font-family:  var(--secondary-font);font-weight: 400;font-size: 16px;line-height: 26px;color:#fff; margin-bottom:30px;}
/*a.registerNowBtn{background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px); border-radius:50px; display: flex; align-items: center; padding: 10px 10px 10px 22px;color:#fff;
font-family: var(--secondary-font);font-weight: 500;font-size: 16px;line-height: 20.8px; text-decoration:none; width:215px;}
a.registerNowBtn img{margin-left: auto;}*/

a.registerNowBtn{background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px); border-radius:50px; display: flex; align-items: center; padding: 6px 6px 6px 16px;color:#fff; position:relative;
font-family: var(--secondary-font);font-weight: 500;font-size: 16px;line-height: 20.8px; text-decoration:none;overflow: hidden;  cursor: pointer;  transition: color 0.3s ease; width: 180px;}
a.registerNowBtn:hover{color:#000;}
a.registerNowBtn::before {content: "";position: absolute;top: 0;right: -100%; width: 100%; height: 100%; background: white;  transition: right 0.3s ease;  z-index: 0;}
a.registerNowBtn:hover::before {  right: 0; }
a.registerNowBtn span {position: relative;  z-index: 1;}
a.registerNowBtn .arrowB{transition: transform 0.4s ease, color 0.4s ease;width: 38px;  height: 38px;  background: #fff;  border-radius: 38px; text-align: center;
line-height: 38px;margin-left: auto;  display: inline-flex; align-items: center; justify-content: center; transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;}
a.registerNowBtn .arrowB img{transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;}
.registerNowBtn:hover .arrowB img{ transform: rotate(45deg) translateX(0px);}

.slideMobPic{display:none;}
.section2Slide{min-height:710px;}
.section3Slide{min-height:710px;}


.section2Slide .slideContent{background-image: url('images/bg2.webp');}
.section3Slide .slideContent{background-image: url('images/bg3.webp');}
.section4Slide .slideContent{background-image: url('images/bg4.webp');}

.sticky-container {align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 1;}
.sticky-section {/*position: sticky;  top: 0;   display: flex;  justify-content: center; */
align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  height: 100vh;
  justify-content: center;
  overflow: visible;
  padding: 0;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1;
	transition: z-index 0.3s ease;

}
.sticky-section.active {
      z-index: 2000; /* higher than top menu */
    }

.section1 { z-index: 1; }
.section2 { z-index: 2; }
.section3 {  z-index: 3; }
.section4 {  z-index: 4; }


/* Ensure each section stacks above the previous one */
.sticky-section {  z-index: 1;}
.section2 { z-index: 2; }
.section3 { z-index: 3; }
.section4 { z-index: 4; }
.spacer { height: 0px;}

.playgroundSection{background:#f4f4f4; padding:0px;}
.playgroundSection h3{font-family: var(--secondary-font);color:#000;font-weight: 500;font-size: 56px;line-height: 66px;letter-spacing: -4%;}
.playgroundSection h3 span{background: linear-gradient(90deg, #D00000 0%, #6A0000 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;
font-weight: 700;letter-spacing: -2.24px;}
.playgroundSection h5{color: #000;font-family: var(--secondary-font);font-size: 28px;font-style: normal;font-weight: 500;line-height: 38px; letter-spacing: -1.152px; margin-bottom: 10px;}
.battlesWrap{margin-top:40px;}
.pgbSlide{position:relative; min-height:330px;}
.playgroundSection .overlaySlider{position: absolute; bottom:0px; width:100%; height:100%; background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 80%);max-height:225px;}
.cuIcon{position:absolute; bottom:30px; right:30px;}
.pgbContent{position: absolute;  bottom:0; left:0;  padding:20px 20px 30px 20px; }
.pgbContent h4{font-family: var(--secondary-font);font-weight: 600;font-size: 18px;line-height: 24px;letter-spacing: -0.5px;color:#fff;}
.pgbContent p{font-family: var(--secondary-font);font-weight: 700;font-size: 16px;line-height: 22px;color:#D4D4D8; margin:0px;}

#battlesSlider .owl-dots {text-align: center;position: relative; top: 20px;}
#battlesSlider .owl-dot span{width: 20px;height: 3px;background: #a4a4a4;display: inline-block; margin: 5px; border-radius: 15px;}
#battlesSlider .active span{background: #E31E25;width: 50px;}
#battlesSlider .owl-nav {position: absolute; top: -95px;  right: 0px;}
#battlesSlider .owl-prev {margin-right: 15px;color: #000;  background: none;  height: 36px;  width: 36px;  border: 2px solid #000;  border-radius: 36px;}
#battlesSlider .owl-next {color: #000;  background: none;  height: 36px;  width: 36px;  border: 2px solid #000;  border-radius: 36px;}
#battlesSlider .owl-next i{margin-left: 3px;}
#battlesSlider .owl-prev:hover{background:#ddd;}
#battlesSlider .owl-next:hover{background:#ddd;}


.gallerySection{background:#f4f4f4; padding:100px 0px 55px 0px;}
.gallerySection h4.head{font-family: var(--secondary-font);font-weight: 500;font-size: 56px;line-height: 66px;letter-spacing: -4%;text-align: center; color:#000;}
.gallerySection h4.head span{background: linear-gradient(90deg, #D00000 0%, #6A0000 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;
font-weight: 700;letter-spacing: -2.24px;}
.listPhotoMob{display:none;}
.photogalleryCaro{overflow:hidden;padding:50px 0px 0px 0px; background:#f4f4f4;  white-space:nowrap;  position:relative;}
.photogalleryCaro:before, .photogalleryCaro:after{  content:"";  position:absolute;  top:0;  width:250px;  height:100%;  z-index:2;}
.photogalleryCaro:hover .photo-slide{ animation-play-state:paused;}
/*.photo-slide{  display:inline-block;  animation: 15s slide infinite linear;}*/


.photo-slide {
  display: inline-block;
  white-space: nowrap;
  animation: slide 60s linear infinite;
}

@keyframes slide {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

.mesSend { background: #80da00;  padding: 20px 20px;  border-radius: 10px;  display: table;  margin: 20px 0px;  font-size: 15px;  font-weight: 600;}

.photo-slide img{  height:auto;  margin: 0 0px; width:100%;border-radius: 8px;}
ul.listPhoto{display:flex; gap:20px;}
.twoPics{display:flex; flex-wrap: wrap; flex: 0 0 25% !important; overflow:hidden; gap:20px;max-width:300px;}
.twoPics a:first-child{margin-bottom:00px;}
.twoPics a img{height:99%;object-fit: cover; }
.twoPics a{display:flex;}
.listPhoto li{flex: 0 0 50%; display: flex;}
.listPhoto li a{width:100%; display: flex;}
.listPhoto li a img{object-fit: cover;border-radius: 8px;}

.onePic{flex: 0 0 50%; display: flex;max-width:600px;}
.onePic a{width:100%; display: flex;}
.onePic a img{object-fit: cover;border-radius: 8px;}
.marquee-inner { display: flex;max-height:auto; gap:20px;}   
.marquee-wrapper{overflow:hidden;margin-top:50px;}

.fancybox-infobar{display:none;}



.bottomSection{background:#f4f4f4; padding:55px 0px 110px 0px; text-align:center; z-index:100; position:relative;}
.gradientBottomWrap{display: flex;height: auto;padding: 70px 158px 70px 158px;flex-direction: column;
justify-content: center;
align-items: center;
gap: 30px;
align-self: stretch;border-radius: 15px;
border: 0px solid rgba(255, 255, 255, 0.00);
background: linear-gradient(180deg, #000 0%, #D00000 100%);
}
.gradientBottomWrap h3{color: #FFF;text-align: center;font-family: var(--secondary-font);font-size: 50px;font-weight: 500;line-height: 60px;letter-spacing: -2px;text-transform: capitalize;}
.gradientBottomWrap a.registerNowBtn{background: rgba(0, 0, 0, 0.50);backdrop-filter: blur(5px);}

.strokeTxt{background:#f4f4f4; padding:55px 0px 0px 0px; text-align:center;}
.emTxt{height:160px; background:#000; z-index:10; position:relative}

.txtHeadline{font-size: 16.5vw;
  font-family: var(--secondary-font);
  font-weight: 700;
  text-transform: uppercase;
  /* Warning: no fallback */
  
  background: -webkit-linear-gradient(0deg, #000000 5%, #D00000 53%, #D00000 91%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
  color: #f4f4f4;
  line-height: 100%;
  position: relative;
  bottom: -47px;
  }

.footer .footerlist li a{text-decoration: none;}

.scroll-div {
      position: relative;
      left: 50%;
      transform: translateX(-50%) translateY(0);
      transition: transform 0.1s ease-out;
      font-size: 20px;
      color: white;
      padding: 20px 0px;
      border-radius: 10px;
      will-change: transform;
    }

    .scroll-div h2 {
      font-size: 14vw;
	  background: linear-gradient(180deg, #7A7A7A 0%, #FFFFFF 100%);
font-family: var(--secondary-font); font-weight:600;
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
text-align: center;
    }


@media only screen and (min-width: 1500px) and (max-width: 1920px) {
	.txtHeadline{font-size: 15vw;}
	.scroll-div h2 {font-size: 13.5vw;}
}



@media only screen and (min-width: 1200px) and (max-width: 1346px) {
	
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.container { width: 100% !important;padding-left: 25px !important;padding-right: 25px !important;   }
	.banner_section h1{font-size: 64px;  line-height: 78px;}
	.aboutSection h2{font-size: 40px;line-height: 50px;}
	.slideContent h3{font-size: 40px;line-height: 50px;}
	.slideContent{padding: 130px 20px 130px 40px;}
	.scroll-div h2{font-size:12vw;}
	.unboxingForm_txt{max-width: 300px;}
	.unboxingForm_txt h1 {font-size: 30px;line-height: 36px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container { width: 100% !important;padding-left: 25px !important;padding-right: 25px !important;  max-width:890px; }
	.unboxingForm_txt{max-width: 250px;}
	.unboxing_wrap{padding: 65px 20px 55px 20px;}
	#sticky_navigation{width: 96%;}
	#sticky_navigation ul li{display:none;}
	#sticky_navigation ul li:last-child{display:block;}
	.mainnv{margin-left: auto;padding-right: 10px;}
	.banner_section h1{font-size: 64px;  line-height: 78px;}
	.bannerWrap {  padding-top: 175px;}
	.aboutSection h2{font-size: 40px;line-height: 50px;}
	.aboutSection .col-md-5 {width: 100%;}
	.aboutSection .col-md-7 {width: 100%;margin-top: 20px;}
	.slideContent h3{font-size: 40px;line-height: 50px;}
	.slideContent{padding: 130px 20px 130px 40px;}
	.playgroundSection h3{font-size: 44px;  line-height: 54px;}
	.gallerySection h4.head{font-size: 44px;  line-height: 54px;}
	.gradientBottomWrap{padding: 92px 80px;}
	.gradientBottomWrap h3{font-size: 48px;line-height: 54px;}
	.txtHeadline{bottom: -20px;}
	#sticky_navigation_wrapper{display:block;}
	#mainHeader{display:none;}
}
@media only screen and (max-width: 767px)
{
	.mobon{display:block;}
	.moboff{display:none;}
	#sticky_navigation_wrapper{display:block;}
	#mainHeader{display:none;}
	/*#sticky_navigation{width: 92%;}*/
	#sticky_navigation{width: 50%;}
	#sticky_navigation ul li{display:none;}
	#sticky_navigation ul li:last-child{display:block;}
	/*.logo{max-width: 150px;}*/
	.mainnv{margin-left: auto;padding-right: 5px;}
	.banner_section{background-image: url('images/mob-bg.webp');height:1030px;}
	.registration_thon{border-radius:14px;}
	.registration_thon_block li:last-child{margin-left:0px;}
	.registration_thon_block li h4{text-align:center;color: #000;text-align: center;font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px; /* 140% */letter-spacing: -0.8px;text-transform: capitalize;}
	.registration_thon{padding:25px;}
	.bannerWrap { padding-top:120px;}
	.banner_section h1{font-size: 45px;  line-height: 56px;text-align: left;}
	ul.headListing{flex-wrap: wrap; padding-top: 15px;gap: 15px;}
	.headListing li{flex: 0 0 100%; font-size: 16px;padding: 0px 0px 0px 20px;}
	.headListing li::before{position:absolute; content:""; left: 0px;width:1px; height:98px;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);}	
	.headListing li span{display:block;}
	.headListing li:last-child:before{position:absolute; content:""; left: 0px;width:1px; height:98px;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);}
	.headListing li:last-child{margin-bottom:50px;}		
	.aboutSection{padding: 35px 0px;}
	img.logomakers{max-width:225px;}
	.aboutSection .col-md-5{width:100%;}
	.aboutSection .col-md-7{width:100%;}
	.aboutSection h2{font-size: 28px; line-height:38px; margin-bottom: 25px; letter-spacing: 0px;} 
	.aboutSection h2 span{font-size: 28px;margin-top: 0px;  display: block;}
	.partnersSection{padding: 30px 0px 10px 0px;}
	.partnersSection h4{font-weight: 700;font-size: 28px;line-height: 38px;letter-spacing: 0%;}
	.logosPatners:before,.logosPatners:after{  width:85px; }
	.logosPatners{padding: 40px 0 30px 0;}
	.imgSlide{display: none;}
	.sliderSection{padding: 45px 0px 5px 0px;}
	.slideContent{overflow: hidden; padding: 30px 30px 30px 30px;}
	.slideContent h3{font-size: 28px;  line-height: 38px;}
	.slideContent a.registerNowBtn{margin: 0 auto;border: 1px solid #fff;width: 180px;}
	.section4Slide{margin-bottom: 30px; border-radius: 10px;} 
	.slideContent{border-radius: 12px;} 
	.slideMobPic{display:block; margin-bottom: 32px;}
	.slideMobPic img{border-radius:8px;}
	.playgroundSection{padding: 0px 0px 50px 0px;}
	.playgroundSection h3{font-size: 28px; line-height:38px;letter-spacing: 0%;}
	.playgroundSection h3 span{letter-spacing: 0px;}
	.playgroundSection h5{color: #000;letter-spacing: 0; line-height: 28px;font-size: 18px;} 
	#battlesSlider .owl-nav{bottom: -80px;top: auto;}
	#battlesSlider .owl-prev {line-height: 33px;}
	#battlesSlider .owl-next {line-height: 33px;}
	.battlesWrap { margin-top: 25px;}
	.pgbContent h4{font-size: 16px;  line-height: 26px;}
	.pgbContent p{font-size: 14px;  line-height: 24px;}
	.pgbContent{max-width: 250px;}
	.gallerySection{padding: 65px 0px 5px 0px;}
	.gallerySection h4.head{font-size: 28px; line-height:38px;letter-spacing: 0%; text-align:left;}
	.gallerySection h4.head span{letter-spacing: 0px; display:block;}
	.photogalleryCaro{display:none;}
	.listPhotoMob{display:flex; flex-wrap:wrap; gap:10px; margin-top: 30px;}
	.listPhotoMob li{flex: 1 1 calc(50% - 20px);}
	.listPhotoMob li a{display:flex; height: 175px;}
	.listPhotoMob li img{object-fit:cover;}
	.gradientBottomWrap{height:auto;padding: 40px;border:0px;}
	.gradientBottomWrap h3{font-size: 25px; line-height:35px;}
	.txtHeadline{bottom: -8px;}
	.accordion-button::after{background-size: auto;}
	.accordion-button:not(.collapsed){color: #fff;box-shadow: none;}
	.cAddress p{margin-bottom: 20px;}
	
	.sticky-section{position: relative;display: block; height:auto; }
	.sectionSlideAni.stuck {transform: scale(1);}
	.sectionSlideAni{margin-bottom:35px; background-image: none;}
	
	.loadPic{display:none;}
	.load-more{background-color:#d00000;color:#fff ;padding:12px 16px;border-radius:50px;font-family: Poppins;font-weight: 500;font-size: 16px;line-height: 26px;letter-spacing: 0%;
	margin:25px auto;display:table; text-decoration: none;}
	.load-more:hover{  background-color:#111;  text-decoration:none;}
	
	.bottomSection{padding: 30px 0px 55px 0px;}
	.strokeTxt{padding: 35px 0px 0px 0px;}
	.emTxt{height:100px; background:#18181B;}
	.scroll-div{transform: translateX(-50%) translateY(0px) !important;padding: 20px 15px;}
	.mobOff{display:none;}
	.unboxing_wrap{display:block;}
	.formSection{margin:0px!important;}
	.fifyDiv{display:block;}
	.fieldLeft{width:100%;}
	.unboxing_wrap{padding: 40px;}
	.formSection .container{padding:0px!important;}
	.unboxingForm_txt h2{font-size:30px;}
	
	.unboxingForm{width:100%;}
	.banner_section1{height:auto;}
	.formSection{padding: 130px 20px;}
	.fieldRight{width:100%;padding-left:0px;}
	.fieldLeft{padding:0px;}
	.tag{font-size:14px;line-height:24px;font-weight:400;padding:1.5px 14.5px;margin-bottom:0px;}
	.unboxingForm_txt h2{margin-top:6px;margin-bottom: 12px;}
	.unboxingForm_txt p{font-size:16px;line-height:26px;font-weight:400;}
	.call{margin-top:20px;}
	.call h6{font-size:12px;line-height:15.6px;}
	.unboxingForm label{font-size:16px;line-height:26px;font-weight:400;}
	.unboxingForm input{font-size:16px;line-height:26px;margin-bottom:20px;padding:17px 18px;font-weight:400;}
	.custom-select{font-size:16px;line-height:26px;padding: 16px 18px;}
	.options div{font-size:16px;line-height:26px;}
	.call h6 {padding-top:20px;font-size:16px;line-height:26px;font-weight:500;}
	.unboxingForm_txt{padding-bottom: 25px;}
	.unboxingForm label{margin-bottom:9px;}
	.unboxingForm input[type="button"]{margin-top:30px;font-size:16px;font-weight:500;line-height:26px;font-weight:500;margin-bottom:0px;padding:18px;border-radius:42px;}
	.formbtn{display:block;}
	.formSection .container{border-radius:25px;}
	.formSection{padding: 130px 20px 26px 20px;}
	.call p{margin-top:9px;}
	img.arrow_im{width:20px;height:20px;}
	.custom-select .arrow {height:20px;}
	.grecaptcha-badge{display:none;}
	.call {width:auto;}
	.unboxingForm_txt h1{color: #D00000;font-family: Poppins;font-size: 40px;font-weight: 500;line-height: 50px; margin-bottom:25px;}
	.unboxingForm textarea{height:162px;margin-bottom:0px;}
	.registration_thon_block{flex-wrap:wrap;}
	.registration_thon{margin: 20px auto 45px;}
	.registration_thon_block{gap:14px;}
	.unboxingForm .mobs{text-indent:30px;}
	
}
@media only screen and (min-width: 360px) and (max-width: 385px) {
	 #sticky_navigation { width: 95%;padding: 5px 10px 5px 10px;}
	 a.registerBtn{padding: 10px 20px;}
	 .banner_section h1{font-size: 38px!important;line-height:48px!important;}
	 
}	
@media (max-width: 479px) {
	
}