@font-face {
   font-family: 'ClashGrotesk';
   src: url('../fonts/ClashGrotesk-Variable.woff2') format('woff2'),
         url('../fonts/ClashGrotesk-Variable.woff') format('woff'),
         url('../fonts/ClashGrotesk-Variable.ttf') format('truetype');
   font-weight: 200 700;
   font-display: swap;
   font-style: normal;
}

/* Fallback for non-variable font support */
@font-face {
   font-family: 'ClashGrotesk';
   src: url('../fonts/ClashGrotesk-Extralight.woff2') format('woff2'),
         url('../fonts/ClashGrotesk-Extralight.woff') format('woff'),
         url('../fonts/ClashGrotesk-Extralight.ttf') format('truetype');
   font-weight: 200;
   font-display: swap;
   font-style: normal;
}

@font-face {
   font-family: 'ClashGrotesk';
   src: url('../fonts/ClashGrotesk-Light.woff2') format('woff2'),
         url('../fonts/ClashGrotesk-Light.woff') format('woff'),
         url('../fonts/ClashGrotesk-Light.ttf') format('truetype');
   font-weight: 300;
   font-display: swap;
   font-style: normal;
}

@font-face {
   font-family: 'ClashGrotesk';
   src: url('../fonts/ClashGrotesk-Regular.woff2') format('woff2'),
         url('../fonts/ClashGrotesk-Regular.woff') format('woff'),
         url('../fonts/ClashGrotesk-Regular.ttf') format('truetype');
   font-weight: 400;
   font-display: swap;
   font-style: normal;
}

@font-face {
   font-family: 'ClashGrotesk';
   src: url('../fonts/ClashGrotesk-Medium.woff2') format('woff2'),
         url('../fonts/ClashGrotesk-Medium.woff') format('woff'),
         url('../fonts/ClashGrotesk-Medium.ttf') format('truetype');
   font-weight: 500;
   font-display: swap;
   font-style: normal;
}

@font-face {
   font-family: 'ClashGrotesk';
   src: url('../fonts/ClashGrotesk-Semibold.woff2') format('woff2'),
         url('../fonts/ClashGrotesk-Semibold.woff') format('woff'),
         url('../fonts/ClashGrotesk-Semibold.ttf') format('truetype');
   font-weight: 600;
   font-display: swap;
   font-style: normal;
}

@font-face {
   font-family: 'ClashGrotesk';
   src: url('../fonts/ClashGrotesk-Bold.woff2') format('woff2'),
         url('../fonts/ClashGrotesk-Bold.woff') format('woff'),
         url('../fonts/ClashGrotesk-Bold.ttf') format('truetype');
   font-weight: 700;
   font-display: swap;
   font-style: normal;
}
:root{
	--primary-color: #0D0D0D;
	--secondary-color: #474747;
	--territory-color: #1A1A1A;
	--yellow-color:#F8CE07;
	--grey-black-color: #282828;
	--white-color: #fff;
	--black-color: #000;
   --gray-color:#393939;

   --body-font-family:'Inter';
   --heading-font-family:'ClashGrotesk' ;

   --body-line-height: 1.4;
   --heading-line-height: 1.2;

	--heading-h1: 75px;
	--heading-h2: 70px;
	--heading-h3: 49px;
	--heading-h4: 45px;
	--heading-h5: 25px;
	--heading-h6: 30px;	
   --card-heading-font-size: 50px;
   --primary-card-heading-font-size: 40px;
   --meduim-heading-font-size: 36px;
   --body-font-size: 16px;
   --base-font-size: 18px;
   --top-bar-font-size: 22px;

	--light-font-weight:300;
	--regular-font-weight:400;
	--medium-font-weight:500;
	--semi-bold-font-weight:600;
	--bold-font-weight:700;
	--extra-bold-font-weight:800;
	--heavy-bold-font-weight:900;

	--box-border-radius: 50px;
	--button-border-radius: 136px;
	--img-border-radius: 16px;

}
* {
	box-sizing: border-box;
}
body {
	font-family:var(--body-font-family);
   background: var(--primary-color);
}
.container{
   max-width: 1200px;
}
a {
	text-decoration: none;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.btn {
   font-size: calc(var(--heading-h6) + 1px);
   font-family: var(--body-font-family);
   font-weight: var(--medium-font-weight);
   border-radius: var(--button-border-radius);
   position: relative;
}
a.primary-btn:before {
    content: "";
    background: url(../images/event-lp/up-arrow.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}
.primary-btn{
	background: rgba(26, 26, 26, 1);
	background: rgba(253, 210, 7, 1);
   padding: 12px 60px 12px 40px;
}
.primary-btn:hover{
   background: rgba(26, 26, 26, 1);
   background: rgba(253, 210, 7, 1);
}

a.secondry-btn:before {
    content: "";
    background: url(../images/event-lp/white-arrow.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 26px;
    transform: translateY(-50%);
}
a.secondry-btn {
   background: rgba(40, 40, 40, 1);
   color: var(--white-color);
   padding: 12px 80px 12px 40px;
}
a.secondry-btn:hover {
   background: rgba(40, 40, 40, 1);
   color: var(--white-color);
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}
h1 {
   font-size: var(--heading-h1);
   font-weight: var(--bold-font-weight); 
   font-family: var(--body-font-family);  
   color: var(--white-color);
   line-height: 1.1;
}
h2 {
   font-size: var(--heading-h2);
   font-weight: var(--bold-font-weight); 
   font-family: var(--body-font-family);  
   color: var(--white-color);
   line-height: var(--heading-line-height);
}
h2 span {
   color: var(--secondary-color);
}
h3 {
   font-size: var(--heading-h3);
   font-weight: var(--medium-font-weight); 
   font-family: var(--body-font-family);  
   line-height: var(--heading-line-height);
   color: var(--white-color);
}
h3 span {
   color: #6A6A6A;
}
h4 {
   font-size: var(--heading-h4);
   font-weight: var(--bold-font-weight); 
   font-family: var(--body-font-family);  
   line-height: var(--heading-line-height);
   color: var(--white-color);
}
h4 span {
   color: var(--secondary-color);
}
h5 {
   font-size: var(--heading-h5);
   font-weight: var(--bold-font-weight); 
   font-family: var(--body-font-family);  
   color: var(--white-color);
   line-height: var(--heading-line-height);
}
h6 {
   font-size: var(--heading-h6);
   font-weight: var(--bold-font-weight); 
   font-family: var(--body-font-family);  
   color: var(--territory-color);
   line-height: var(--heading-line-height);
} 
.small-text {
   font-size: var(--body-font-size);
   font-weight: var(--medium-font-weight); 
   font-family: var(--body-font-family);
}
.medium-text {
   font-size: var(--base-font-size);
   font-weight: var(--regular-font-weight); 
   font-family: var(--body-font-family);  
}
.primary-box {
   background-color: var(--territory-color) !important;
   border: 1px solid rgba(26, 26, 26, 1);
   border-radius: var(--box-border-radius);
}
.secondry-box {
	background: rgba(253, 210, 7, 1);
   border: 1px solid rgba(253, 210, 7, 1);
   border-radius: var(--box-border-radius);
}


.section-1 {
   padding: 60px 0 100px;
}
.section-1 .top-box{   
   background: url(../images/event-lp/side-flower.png);
   background-repeat: no-repeat;
   background-position: 100% 130px;
   padding: 60px 50px 80px;
   position: relative;
   margin-top: 65px;
}
.section-1 .top-bar {
   display: flex;
   justify-content: space-between;
   padding: 0 0 50px;
}
.section-1 .top-bar p {
   font-size: var(--top-bar-font-size);
   font-weight: var(--medium-font-weight);
   font-family: var(--body-font-family);
   color: var(--white-color);
}
.section-1 .image-box.desktop {
   padding: 50px 0 10px;
}
.section-1 .video-box video {
   border-radius: 40px;
}
.section-1 .border-text {
   display: flex;
   align-items: center;
   gap: 30px;
   padding: 40px 0;
}
.section-1 .border-text .border-style {
   border: 1px solid #F6F6F6;
   width: 20%;
   height: 1px;
}
.section-1 ul.logo-list li span.small-text {
   color: #747474;
}
.section-1 ul.logo-list {
   display: flex;
   align-items: center;
   gap: 40px;
   padding: 40px 0 40px;
}
.section-1 .button-box a span.small-text {
   color: var(--secondary-color);
}


.section-2 {
   padding: 90px 0;
}
.section-2 h2 {
   padding-bottom: 80px;
   text-transform: uppercase;
}
.section-2 .inner-box {
   padding: 40px 30px 30px;
   background: var(--Dark, rgba(28, 26, 26, 1));
   display: flex;
   align-items: center;
   gap: 50px;
   margin-bottom: 24px;
}
.section-2 .number-box span {
   font-size: 130px;
   font-family: var(--body-font-family);
   font-weight: var(--regular-font-weight);
   color: var(--secondary-color);
  background: linear-gradient(180deg, #474747 35.74%, rgba(255, 255, 255, 0) 82.34%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.section-2 .inner-box h5 {
   padding-bottom: 16px;
}

.section-3 {
   padding: 80px 0;
   background: url(../images/event-lp/top-img.png), url(../images/event-lp/bottom-img.png);
   background-repeat: no-repeat;
   background-position: 0px 150px, 100% bottom;
   background-size: 22%;
}
.section-3 .team-img img {
   width: 100%;
}
.section-3 .team-box {
   position: relative;
   margin-top: 80px;
}
.section-3 .team-des h6 {
   padding-bottom: 2px;
}
.section-3 .team-des {
   background: var(--white-color);
   padding: 25px 40px;
   border-radius: 0 0 50px 50px;
   width: 100%;   
}
.section-3 .team-box p.small-text {
    white-space: nowrap;
}
.section-4 {
   padding: 100px 0 130px;
}
.section-4 h4 {
   padding-bottom: 90px;
}
.section-4 .inner-box {
   padding: 70px 60px 90px;
}
.section-4 ul li {
   font-size: var(--heading-h5);
   font-family: var(--heading-font-family);
   font-weight: var(--medium-font-weight);
   color: var(--gray-color);
   padding-bottom: 26px;
   text-transform: none;
}
.section-4 ul li span {
   font-weight: var(--semi-bold-font-weight);
   color: var(--grey-black-color);
}
.section-4 .inner-box .button-box {
   margin-top: 20px;
}
.section-4 .button-box {
   display: flex;
   justify-content: center;
}
.section-4 .sec-box h3 {
   text-transform: uppercase;
}
.section-4 .sec-box {
   padding: 84px 60px;
   border: 1px solid var(--yellow-color);
}
.section-4 .sec-box span.number {
   font-size: 64px;
   font-family: var(--heading-font-family);
   font-weight: var(--semi-bold-font-weight);
   color: var(--white-color);
}
.section-4 .sec-box .button-box {
   margin-top: 90px;
}

.section-5 {
   padding: 80px 0 120px;
}
.section-5 h2 {
   padding-bottom: 80px;
}
.section-5 .schedule-list {
   padding: 50px 110px;
   background: url(../images/event-lp/right-vector.png), url(../images/event-lp/left-vector.png);
   background-repeat: no-repeat;
   background-position: 100% 80px, 0 92%;
   background-size: 8%;
}
.section-5 ul li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 20px;
   margin-bottom: 20px;
}
.section-5 ul li h6 {
   font-size: calc(var(--heading-h6) + 1px);
   color: var(--white-color);
}
.section-5 ul li h5 {
   font-weight: var(--regular-font-weight);
}
.section-5 ul li.li-style {
   background: var(--white-color);
   border-radius: var(--img-border-radius);
   margin-bottom: 40px;
}
.section-5 ul li .list-content {
   flex: 0 0 55%;
}
.section-5 ul li.li-style h6 {
   color: var(--territory-color);
}
.section-5 ul li.li-style h5.first-heading {
   font-weight: var(--bold-font-weight);
   padding-bottom: 4px;
}
.section-5 ul li.li-style h5 {
   color: var(--territory-color);
}

.section-6 {
   padding: 100px 0;
   background: url(../images/event-lp/right-flower.png) var(--yellow-color);
   background-repeat: no-repeat;
   background-position: 100% 90px;
}
.section-6 ul {
   padding: 60px 0;
}
.section-6 ul li {
   padding-bottom: 30px;
}
.section-6 ul li span {
   font-weight: var(--bold-font-weight);
}



.section-7 {
   padding: 150px 0;
}
.section-7 .first-box {
   padding: 60px 50px;
   background: url(../images/event-lp/ticket-card-bg.png) var(--yellow-color);
   background-repeat: no-repeat;
   background-position: left center;
}
.section-7 .first-box h2 {
   font-size: var(--card-heading-font-size);
   font-weight: var(--medium-font-weight);
   font-family: var(--body-font-family);
   color: var(--grey-black-color);
   line-height: var(--heading-line-height);
}
.section-7 .first-box span.primary-h  {
   font-size: var(--meduim-heading-font-size);
   font-weight: var(--bold-font-weight);
   font-family: var(--body-font-family);
   color: var(--grey-black-color);
   line-height: var(--heading-line-height);
}
.section-7 .first-box h3  {
   font-weight: var(--bold-font-weight);
   color: var(--grey-black-color);
   line-height: var(--heading-line-height);
}
.section-7 .first-box .rupees-box h5 {
   padding: 2px 0 4px;
}
.section-7 .first-box .rupees-box {
   padding: 55px 32px;
}
.section-7 .button-box {
   margin-bottom: 28px;
}
.section-7 .button-box a.button-style {
   border: 1px solid rgba(40, 40, 40, 1);
   background: rgba(253, 210, 7, 1);
   font-size: var(--heading-h5);
   font-family: var(--body-font-family);
   font-weight: var(--medium-font-weight);
   border-radius: var(--button-border-radius);
   color: var(--grey-black-color);
   padding: 12px 60px 12px 40px;
   position: relative;
   display: inline-block;
}
.section-7 .button-box a.button-style:before {
   content: "";
   background: url(../images/event-lp/up-arrow.png);
   background-repeat: no-repeat;
   width: 30px;
   height: 30px;
   position: absolute;
   top: 18px;
   right: 14px;
}
.section-7 .sec-box {
   padding: 40px;
}
.section-7 .sec-box ul {
   padding-bottom: 18px;
}
.section-7 .sec-box h3 {
   font-size: var(--primary-card-heading-font-size);
   font-weight: var(--medium-font-weight);
   font-family: var(--body-font-family);
   color: var(--white-color);
   padding-bottom: 20px;
}
.section-7 .sec-box p {
   /*font-size: calc(var(--base-font-size) + 2px);*/
   color: var(--white-color);
}
.section-7 .sec-box p span {
   font-weight: var(--bold-font-weight);
}
.section-7 .third-box {
   margin-top: 30px;
   background-color: var(--white-color) !important;
}
.section-7 .third-box p {
   /* font-size: calc(var(--base-font-size) + 2px); */
   color: var(--territory-color);
}
.section-7 .third-box h3 {
   color: var(--territory-color);
}
.section-7 .third-box h3 span {
   font-weight: var(--bold-font-weight);
   color: var(--territory-color);
}


.section-8 {
   padding: 20px 0 180px ;
}
.section-8 h4 {
   font-size: var(--primary-card-heading-font-size);
   font-weight: var(--regular-font-weight);
   font-family: var(--body-font-family);
   color: var(--white-color);
   padding: 50px 0 50px;
}

.video-container {
   position: relative;
   width: 100%;
   padding-bottom: 56.25%; /* 16:9 ratio (9 / 16 = 0.5625) */
   height: 0;
   overflow: hidden;
}

.video-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
}
.mobile {
   display: none !important;
}
/*Register Button Style Start*/
.mobile-countdown-register-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #1F2229;
    padding: 15px 10px;    
    color: #fff;
    border-top: none;
    z-index: 999;
}
.mobile-countdown-register-button span.strike-price {
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}
.mobile-countdown-register-button span.discount-price {
    font-size: 25px;
    text-decoration: line-through;
    margin-left: 5px;
}
.mobile-countdown-register-button h5 {
    font-size: 25px;
    color: #FFD000;
}
.mobile-countdown-register-button .price {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}
.mobile-countdown-register-button a {
    background: #FFD000;
    display: inline-block;
    border-radius: 50px;
    padding: 10px 50px;
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    float: right;
    text-align: center;
}
.discount-price-inner {
    text-align: center;
    max-width: max-content;
}
.mobile-countdown-register-button a span.countdown, .mobile-countdown-register-button .button {
    font-size: 20px;
}
.mobile-countdown-register-button .button {
    font-weight: 700;
}
/*Register Button Style End*/
@media screen and (max-width:1024px) {
   img {
      max-width: 100%;
   }
   :root{
      --heading-h1: 55px;
      --heading-h2: 55px;
      --heading-h3: 42px;
      --heading-h4: 45px;
      --heading-h5: 25px;
      --heading-h6: 30px;  
      --card-heading-font-size: 50px;
      --primary-card-heading-font-size: 40px;
      --meduim-heading-font-size: 36px;
      --body-font-size: 16px;
      --base-font-size: 18px;
      --top-bar-font-size: 22px;
   }
   .btn {
      font-size: var(--heading-h5);
      padding: 12px 60px 12px 40px;
      position: relative;
   }
   .section-3 .team-box {
      margin-top: 30px;
   }
   .section-4 .inner-box {
      padding: 60px 30px 60px;
   }
   .section-4 ul li {
      padding-bottom: 12px;
   }
   .section-4 .sec-box {
      padding: 92px 30px;
   }
   .section-5 .schedule-list {
      padding: 20px 20px;
   }
   .section-7 .sec-box {
      margin-top: 30px;
   }
   .section-7 .first-box {
      padding: 60px 40px;
   }
   .section-7 .first-box .rupees-box {
      padding: 40px 30px;
   }
}
@media screen and (max-width:767px) {
   :root{
      --heading-h1: 32px;
      --heading-h2: 32px;
      --heading-h3: 32px;
      --heading-h4: 28px;
      --heading-h5: 18px;
      --heading-h6: 20px;  
      --card-heading-font-size: 28px;
      --primary-card-heading-font-size: 26px;
      --meduim-heading-font-size: 28px;

      --body-font-size: 16px;
      --base-font-size: 18px;
      --top-bar-font-size: 15px;
   }
   .desktop {
      display: none !important;
   }
   .mobile {
      display: unset !important;
   }
   .mobile .left-bar p {
      border: 1px solid var(--white-color);
      border-radius: 16px;
      background: var(--white-color);
      color: #1C1A1A;
      padding: 6px 12px;
      margin-bottom: 4px;
      font-size:14px;
   }
   .mobile .right-bar p {
      border: 1px solid var(--white-color);
      border-radius: 16px;
      background: var(--white-color);
      color: #1C1A1A;
      padding: 6px 12px;
      margin-bottom: 10px;
      margin-top: 20px;
      width: max-content;
      font-size:14px;
   }
   .section-1 {
       padding: 20px 0 100px;
   }
   .section-1 h2 {
      padding-bottom: 30px;
   }
   .btn {
      font-size: var(--body-font-size);
      padding: 12px 50px 12px 20px;
      position: relative;
   }
   .section-1 .top-box {
      background-position: 100% 95px;
      padding: 30px 20px 40px;
      background-size: 17%;
      top:25px;
   }
   .section-1 .top-bar {
      display: flex;
      flex-direction: column;
      padding: 0 0 20px;
   }
   .section-1 .border-text .border-style {
       width: 15%;    
   }
   .section-1 .border-text h5 {
       font-size: calc(var(--heading-h5) + 3px);
   }
   .section-1 .border-text {
      gap: 15px;
      padding: 20px 0;
   }
   .section-1 ul.logo-list {
      flex-direction: column;
      justify-content: space-between;
      gap: 10px;
      padding: 20px 0 18px;
   }
   .section-1 ul.logo-list li{
      width: 100%;
   }
   .section-1 ul.logo-list li span.small-text {
       /*width: 130px;*/
       display: inline-flex;
       font-size: calc(var(--body-font-size) - 2.5px);
   }
   .section-2 {
      padding: 0 0 0;
   }
   .section-2 h2 span br {
      display: none;
   }
   .section-2 h2 {
      padding-bottom: 50px;
      font-size: 30px;
   }
   .section-2 .number-box span {
      font-size: 96px;
   }
   .section-2 .inner-box {
      padding: 30px 30px 30px;
      display: flex;
      flex-direction: column;
      gap: 0;
      margin-bottom: 24px;
   }
   .section-2 .inner-box h5 {
      font-size: 22px;
   }
   .section-3 .team-box {
      margin-top: 10px;
   }
   .section-3 .team-des {
      background: var(--white-color);
      padding: 15px 40px;
      border-radius: 0 0 40px 40px;
      min-height: auto;
   }
   .section-4 {
      padding: 30px 0 0;
   }
   .section-4 h4 {
      padding-bottom: 50px;
   }
   .section-4.mobile .inner-box {
      padding: 20px 24px 40px;
      margin-bottom: 30px;
   }
   .section-4.mobile .inner-box ul {
      list-style-type: disc;
      padding: 20px;
   }
   .section-4.mobile .inner-box ul li {
      padding-bottom: 20px;
      font-size: calc(var(--base-font-size) + 2px);
   }
   .section-4.mobile .inner-box ul li:last-child {
      padding: 0;
   }
   .section-4 .inner-box .button-box {
      margin-top: 12px;
   }
   .section-4 .sec-box {
      padding: 30px 20px 60px;
      border: none;
   }
   .section-4 .sec-box span.number {
      line-height: 1.2;
   }
   .section-4 .sec-box h3 {
      line-height: 1.1;
   }
   .section-4 .sec-box .button-box {
      margin-top: 38px;
   }
   .section-5 {
      padding: 80px 0 70px;
   }
   .section-5 h2 {
      padding-bottom: 40px;
   }
   .section-5 .schedule-list {
      padding: 20px 10px;
   }
   .section-5 ul li {
      padding: 10px 10px;
      margin-bottom: 10px;
   }
   .section-5 ul li.li-style {
      margin-bottom: 20px;
   }
   .section-6 {
      padding: 60px 0;
   }
   .section-6 .mobile ul {
      padding: 30px 24px 26px;
      list-style-type: disc;
   }
   .section-6 .mobile ul li {
      padding-bottom: 20px;
   }
   .section-6 .button-box {
      display: flex;
      justify-content: center;
   }
   .section-6 .button-box .secondry-btn {
      width: 76%;
   }
   .section-7 {
      padding: 60px 0 50px;
   }
   .section-7 .first-box {
      padding: 30px 30px;
   }
   .section-7 .first-box .rupees-box {
      padding: 18px 18px 18px 0;
   }
   .section-7 .sec-box {
      padding: 30px 20px;
   }
   .section-8 h4 {
      font-size: var(--heading-h6);
      padding: 30px 0 30px;
   }
   a.primary-btn:before {    
      right: 20px;    
   }
   .section-5 .schedule-list{
      background: none;
   }   
   .section-6 {
      background-size: 50%;
   }
   .section-4 .button-box {
      justify-content: flex-start;
   }
   .section-5 h5 {
       font-size: calc(var(--heading-h5) - 2px);       
   }
   .section-3 .team-box p.small-text {
       font-size: calc(var(--body-font-size) - 1px);
   }
   .section-7 .first-box, 
   .section-7 .sec-box,
   .section-5 .schedule-list,
   .section-4 .inner-box,
   .section-4 .sec-box,
   .section-2 .inner-box,
   .section-1 .top-box{
      border-radius: 30px;
   }
   /*Register Button Style Start*/
   .mobile-countdown-register-button {
      display: block;
   }
   .mobile-countdown-register-button span.strike-price {
       font-size: 25px;
   }
   .mobile-countdown-register-button span.discount-price {
       font-size: 16px;
   }
   .mobile-countdown-register-button h5 {
       font-size: 16px;
   }
   .mobile-countdown-register-button .price {
       margin-bottom: 0;
   }
   .mobile-countdown-register-button a {
       padding: 8px 25px;
   }
   .mobile-countdown-register-button a span.countdown {
       font-size: 16px;
   }
   .mobile-countdown-register-button .button {
       font-size: 18px;
   }
   .section-1 .button-box a span.small-text{
      display: inline-block;
   }
}

@media screen and (max-width: 375px) {
    .section-3 .team-des {
        padding: 15px 30px;        
    }
}


.live-webinar{background:var(--white-color);transform:rotate(2deg);padding:5px 0;position:absolute;top:50px}.live-webinar-slider{background:#FF4B5C;transform:rotate(-2deg)}.live-webinar ul{display:flex;gap:10px;overflow:hidden}.live-webinar ul li{font-size:26px;font-weight:600;text-transform:uppercase;color:#FF4B5C;display:flex;white-space:nowrap;align-items:center}.live-webinar ul li:after{content:'\ ';display:inline-block;width:21px;height:21px;background:url(../images/slider-star-dark.svg) no-repeat;margin-left:15px}.live-webinar-slider ul li{color:#fff}.live-webinar-slider ul li:after{background:url(../images/slider-star-light.svg) no-repeat}.live-webinar-slider .slider,.live-webinar-slider .slider .slide{height:auto!important}.live-webinar-sec .slider{height:unset!important}.live-webinar-sec .slider .slide{height:unset!important;padding:0!important}.live-webinar-sec .img-ticker{display:flex;margin-left:-1rem;margin-right:-1rem;animation:ticker-kf 10s linear infinite}.live-webinar-sec .tickerlogo{flex:none;margin:0 1rem 0 1rem;align-self:flex-start;max-width:100%;height:auto}