
*{
margin:0;
padding:0;
box-sizing:border-box;
}

.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 1s ease, transform 1s ease;
}

/* When visible */
.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}

body{
font-family:'Inter', sans-serif;
background:#000;
color:#fff;
}
.container {max-width: 1190px !important; width: 100% !important;}
h1, h2, h3, h4, h5{font-family:'Inter Tight', sans-serif;}
/* HEADER */
.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 40px;
background:#000;
position:relative;
z-index:1000;
}

.logo img{
max-width:150px;
}

/* DESKTOP MENU */

.navBar{
display:flex;
gap:35px;
}

.navBar a{
color:#fff;
text-decoration:none;
font-size:14px;
opacity:.8;
}

.navBar a:hover{
opacity:1;
}

/* HAMBURGER */

.menu-toggle{
display:none;
flex-direction:column;
gap:6px;
cursor:pointer;
}

.menu-toggle span{
width:28px;
height:2px;
background:#fff;
display:block;
}

/* CLOSE BUTTON */

.menu-close{
position:absolute;
top:20px;
right:20px;
cursor:pointer;
color:#fff;
display:none;
}

.menu-close span{
font-size:28px;
}

/* OVERLAY */

.menu-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
opacity:0;
visibility:hidden;
transition:.3s;
z-index:998;
}

/*.header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#000;}

.logo{font-weight:700;letter-spacing:1px;font-size:18px;}
.logo img{max-width:150px;}

.nav{display:flex;gap:35px;}
.nav a{color:#fff;text-decoration:none;font-size:14px;opacity:.8;}
.nav a:hover{opacity:1;}*/

.hero{display:flex;height:500px;background: #000;}
.hero-left{flex:1;display:flex;align-items:center;padding-left:80px;}
.hero-content{max-width:520px;}
.hero-content h1{color: #FFF;font-family: "Inter Tight";font-size: 81.023px;font-style: normal;font-weight: 800;line-height: 76.972px; letter-spacing: -3.241px;}

.hero-content h1 span{display:block;color: #DC2626;}
.series{margin-top:12px;color: #FFF;font-family: Inter;font-size: 20.624px;font-style: normal;font-weight: 300;line-height: 30.936px; /* 150% */letter-spacing: 4.125px;}

.info-pills{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap;}
.pill{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid rgba(255,255,255,.40);border-radius:30px;color: #FFF;
font-family: Inter;font-size: 16px;font-style: normal;font-weight: 400;line-height: 16.573px;}
.pill .material-symbols-outlined{font-size:16px; color:#D00000;}
.buttonTwo{display:flex; gap:18px; }
.btn-register{display:inline-flex;align-items:center;gap:8px;margin-top:30px;background:#DC2626;text-decoration:none;
padding:14px 26px;border-radius:30px;font-weight:600;transition:.3s;
color: #FFF;font-family: Inter;font-size: 16px;font-weight: 600;line-height: 26px; /* 162.5% */letter-spacing: 0.25px;}
.btn-register .material-symbols-outlined{font-size:16px; color:#fff;}
.btn-register:hover{background:#ff2a2a;}
.btn-pdf{display:inline-flex;align-items:center;gap:8px;margin-top:30px;background:none;text-decoration:none;
padding:14px 26px;border-radius:30px;font-weight:600;transition:.3s; border:1px solid #fff;
color: #FFF;font-family: Inter;font-size: 16px;font-weight: 600;line-height: 26px; /* 162.5% */letter-spacing: 0.25px;}
.btn-pdf .material-symbols-outlined{font-size:16px; color:#fff;}
.btn-pdf:hover{background:#ff2a2a;  border:1px solid #ff2a2a;}

.hero-right{flex:1;position:relative;overflow:hidden;}
.hero-right img{width:100%;height:100%;object-fit:cover; transform: scale(1.2);}
.year-badge{position:absolute;right:30px;bottom:30px;background:rgba(0,0,0,.75);padding:16px 22px;text-align:left; display: none;}
.year-badge small{color: rgba(255, 255, 255, 0.40);font-family: Inter;font-size: 8.102px;font-style: normal;font-weight: 500;
line-height: 12.153px; /* 150% */letter-spacing: 1.62px;}
.year-badge h3{color: #FFF;font-family: "Inter Tight";font-size: 26px;font-weight: 800;line-height: 26px; margin:0;}
.corner{position:absolute;top:20px;right:20px;width:70px;height:70px;border-top:3px solid #e31b1b;border-right:3px solid #e31b1b; z-index:1;}
.cornerB{position:absolute;bottom:20px;left:20px;width:70px;height:70px;border-bottom:3px solid #e31b1b;border-left:3px solid #e31b1b; z-index:1;}


/*=============  SECOND SECTION ================*/
.educator-section{padding:80px 0;background: #F4F4F4; width:100%; position:relative;}
.overviewForm{display: flex;  gap: 70px;  align-items: flex-start;}
.overviewFormLeft{flex: 0 0 55%;}
.overviewFormRight{flex: 1;}
.section-title{color: #000;font-family: "Inter Tight";font-size: 45px;font-style: normal;font-weight: 700;line-height: 55px;letter-spacing: -1.414px; margin-bottom:20px;}
.section-title span{color:#D00000;}
.section-text{color: #000;font-family: Inter;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; }
.highlight{margin-top:40px;border-left:2px solid #f4bdbd;padding:30px;
color: #000;font-family: "Inter Tight";font-size: 18px;font-style: italic;font-weight: 500;line-height: 30px; }
.highlight span{color:#DC2626;}

/* FORM CARD */

.form-card{background:#fff;padding:31px 26px;box-shadow: 0 7.366px 36.829px 0 rgba(0, 0, 0, 0.06);}
.form-card h5{color: #1A1A1A;font-family: "Inter Tight";font-size: 19.151px;font-style: normal;font-weight: 700;line-height: 28.726px;}

/* STEPS */
.steps{display:flex;align-items:center;gap:20px;margin-bottom:30px;}
.step{display:flex;align-items:center;gap:8px;color:#999;font-size:14px;cursor:pointer;}
.step-circle{width:22px;height:22px;border-radius:50%;border:1px solid #DDD;display:flex;align-items:center;justify-content:center;
color: #BBB;font-family: Inter;font-size: 10px;font-style: normal;font-weight: 700;line-height: 15px; background: #F0F0F0;}
.step.active{color:#000;}
.step.active .step-circle{border-radius: 30894076px;border: 1.841px solid #DC2626;background: rgba(220, 38, 38, 0.10); 
color: #DC2626;font-family: Inter;font-size: 10px;font-weight: 700;line-height: 15px;}
.form-group{margin-bottom:8px;}
.form-group label{color: #666;font-family: Inter;font-size: 12px;font-weight: 500;line-height: 20px;letter-spacing: 0.825px; margin-bottom:5px;}
.form-control,.form-select{height:44px;font-size:14px;}

.otpTxt{color: #000;font-family: Inter;font-size: 11px;font-style: normal;font-weight: 400;line-height: 14.363px;}
.btn-red{background:#d10000;color:#fff;border:none;padding:12px;width:100%;font-weight:600;border-radius:3px; margin-top:15px;}
.btn-red:hover{background:#b50000;}

.form-step{display:none;}
.form-step.active{display:block;}

.error{color:#d10000;font-size:13px;margin-top:4px;}
.input-error{border:1px solid #d10000;}
.verificationBlock{    display:none;}

#thankyouModal2 .popup-close{position: absolute;  top: 12px;  right: 12px;  color: #fff;  font-size: 18px;  font-weight: bold;  opacity: 1;  font-family: Inter;  background: #d00000;
  border-radius: 100%;  line-height: 19px;  padding: 8px; cursor: pointer; z-index: 100;}
#thankyouModal2 .modal-content{border: 0px; min-height:250px;}
#thankyouModal2 .modal-body{align-content: center;}

/*=================== 3rd Section ============*/

.pillars-section{padding:80px 0;background:#fff;}
.pillars-title{color: #1A1A1A;font-family: "Inter Tight";font-size: 45px;font-weight: 700;line-height: 55px; letter-spacing: -1.989px;margin-bottom:35px; text-align:center;}
.pillars-title span{color:#DC2626;}
.pillar-list{
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	padding:0;
	margin:0;
	list-style:none;
}

.pillar-list li{
	flex:0 0 calc(33.333% - 20px);
}

.pillar-card{border-radius: 8px;border: 1px solid #EBEBEB;background: #FAFAFA;overflow:hidden;transition:all .3s ease;height:100%;}
.pillar-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.pillar-img img{width:100%;height:205px;object-fit:cover;display:block;}
.pillar-content{padding:16px 30px;}
.pillar-content h4{color: #1A1A1A;font-family: "Inter Tight";font-size: 22.097px;font-style: normal;font-weight: 700;line-height: 33.146px; 
letter-spacing: -0.442px;margin-bottom:10px;}
.pillar-content p{color: #000;font-family: Inter;font-size: 16px;font-weight: 400;line-height: 24px; margin:0px;}

/*============== 4th TAB SECTION ==========================*/
.agenda-section{background:#050505;padding:80px 0;color:#fff; width:100%; position:relative;}
.agenda-title{font-size:40px;font-weight:700;margin-bottom:30px;}
.agenda-title span{color:#e21b23;}
.agenda-tabs{display:flex;gap:15px;list-style:none;padding:0;margin-bottom:40px;}
.agenda-tabs li{padding:15px 22px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;
justify-content:center;min-width:95px;transition:.3s;border: 0.921px solid rgba(255, 255, 255, 0.05);background: rgba(255, 255, 255, 0.03);}
.agenda-tabs li span{color: rgba(255, 255, 255, 0.30);text-align: center;font-family: Inter;font-size: 12px;font-weight: 500;line-height: 12.153px; letter-spacing: 1.215px;}
.agenda-tabs li strong{color: rgba(255, 255, 255, 0.30);text-align: center;font-family: "Inter Tight";font-size: 20px;font-weight: 700;line-height: 30px; margin-top: 7px;}
.agenda-tabs li.active{border-radius: 12.89px;background: #DC2626;box-shadow: 0 9.207px 13.811px -2.762px rgba(220, 38, 38, 0.20), 0 3.683px 5.524px -3.683px rgba(220, 38, 38, 0.20);}
.agenda-tabs li.active span{color:#fff;}
.agenda-tabs li.active strong{color:#fff;}

.agenda-theme{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid #222;padding-bottom:15px;}
.agenda-theme span{font-size:11px;opacity:.7;letter-spacing:2px;}
.sessions-count{font-size:12px;opacity:.7;}

.agenda-list{display:flex;flex-direction:column;gap:15px;}
.agenda-item{display:flex;gap:30px;background:#0c0c0c;padding:20px;border-radius:12px;border:1px solid #1b1b1b;}
.agenda-item.highlightBTM{border-radius: 12.89px;
border: 0.921px solid rgba(255, 185, 0, 0.10);
background: rgba(255, 185, 0, 0.03);}
.agenda-time{min-width:180px;font-size:14px;display:flex;gap:15px;font-size:18px;font-weight:500;}
.time-icon{width:26px;height:26px;border-radius: 9.207px;background: rgba(255, 255, 255, 0.04);display:flex;align-items:center;justify-content:center;}
.time-icon .material-symbols-outlined{font-size:16px;color:#fff;}
.agenda-time h4{color: #FFF;font-family: Inter;font-size: 14px;font-weight: 500;line-height: 22px; letter-spacing: 0.115px;}
.agenda-time h4 span{color: rgba(255, 185, 0, 0.50);font-style: italic;letter-spacing: 0.106px;}
.agenda-info h5{margin-bottom:10px;color: rgba(255, 255, 255, 0.75);font-family: "Inter Tight";font-size: 16px;font-weight: 600;line-height: 24px;}

.agenda-info ul{margin:0;padding-left:18px;}
.agenda-info li{margin-bottom:5px; color: #FFF;font-family: Inter;font-size: 14px;font-weight: 400;line-height: 22px;}
.agenda-info li:last-child{margin-bottom:0px;}
.agenda-info li::marker{color:#e21b23;}
.agenda-tab{display:none;}
.agenda-tab.active{display:block;}

/*================== 5th SECTION ===============================*/

.attend-section{background:#fff;padding:80px 0;width:100%; position:relative;}
.attend-flex{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:0;margin:0;gap:50px;}
.attend-left{flex:1;}
.attend-left h2{color: #000;font-family: "Inter Tight";font-size: 45px;font-style: normal;font-weight: 700;line-height: 55px;letter-spacing: -1.414px; margin-bottom:20px;}
.attend-left h2 span{color:#D00000;}
.attend-left p{color: #000;font-family: Inter;font-size: 16px;font-weight: 400;line-height: 24px; max-width:525px;}
.attend-right{flex:1;display:flex;justify-content:flex-start;}

.quoteInfo{border-left:2px solid #D00000;padding:16px 30px 10px;margin-bottom:10px;
color: #000;font-family: "Inter Tight";font-size: 18.414px;font-style: normal;font-weight: 500;line-height: 29.463px; }

/*============ CONTACT SECTION ========================*/
.contactSection{background:#f4f4f4;padding:80px 0;width:100%; position:relative;}
.contactFlex{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:0;margin:0;gap:50px;}
.contactLeft{flex:1;}
.contactLeft h2{color: #000;font-family: "Inter Tight";font-size: 45px;font-style: normal;font-weight: 700;line-height: 55px;letter-spacing: -1.414px; margin-bottom:20px;}
.contactLeft h2 span{color:#D00000;}
.contactLeft p{color: #000;font-family: Inter;font-size: 16px;font-weight: 400;line-height: 24px; max-width: 400px;  margin: 0;}
.contactRight{flex:1;display:flex;justify-content:flex-start;}
.contactList{list-style:none;display:flex;gap:10px;margin: 0;}
.contactList li{flex:1;min-width:280px;}
.contactList li a{text-decoration:none;display:block;}
.contact-card{display:flex;align-items:center;gap:12px;background:#fff;padding:30px;border-radius:8px;transition:0.3s; border: 1px solid #E5E5E5}
.contact-card:hover{background:#e2e2e2;}
.contactListIcon{width:40px;height:40px;background:#d00000;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.contactListIcon .material-symbols-outlined{color:#fff;font-size:24px;}
.contact-info h4{color: #1A1A1A;font-family: Inter;font-size: 16px;font-style: normal;font-weight: 600;line-height: 22px; margin-bottom:5px;}
.contact-info p{color: #1A1A1A;font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px; margin: 0;}



/* CTA SECTION */
.cta-section{background:url('images/auditorium.webp') center/cover no-repeat;padding:50px 0;position:relative;color:white;}
.cta-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.70) 100%);}
.cta-flex{position:relative;z-index:2;list-style:none;padding:0;margin:0;display:flex;justify-content:center;}
.cta-content{text-align:center;max-width:500px;}
.cta-content h2{color: #FFF;text-align: center;font-family: "Inter Tight";font-size: 45px;font-weight: 700;line-height: 55px;letter-spacing: -1.768px; margin:20px 0;}
.logoFooter{width:160px;}
.cta-btn{display:inline-block;background:#e41e26;color:white;padding:14px 28px;border-radius:30px;font-weight:600;text-decoration:none;
margin-top:10px;transition:0.3s;}
.cta-btn:hover{background:#c4141b;}
.cta-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin-top:80px;color:#fff;font-size:14px;}
.copyright{color: #fff;font-size: 12px;font-weight: 400;line-height: 150%; /* 18px */text-transform: capitalize; font-family: Inter;}
.policy-links a{color:#fff;text-decoration:none;margin:0 6px;opacity:0.9; color: #fff;font-size: 12px;font-weight: 400;line-height: 150%; font-family: Inter;}
.policy-links a:hover{text-decoration:underline;}
.policy-links span{opacity:0.6;}


@media only screen and (min-width: 1200px) and (max-width: 1340px) {
	.container {width: 95% !important;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.container {width: 100% !important;max-width: 95% !important;}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.container {width: 100% !important;max-width: 95% !important;}
	.contactList{flex-wrap: wrap;}
}


@media(max-width:959px){

	.hero{flex-direction:column;height:auto;}
	.hero-left{padding:60px 30px;}
	.hero-content h1{font-size:46px;}
	.hero-right{height:400px;}
	.overviewForm{flex-wrap: wrap;}
	.overviewFormLeft{flex: 100%;}
	.section-text{line-height: 26px;}
	.form-card{padding: 25px 20px;}
	.steps{gap: 12px;}

}
@media only screen and (max-width: 767px)
{	
	.container{width: 100% !important;padding-left: 20px !important;padding-right: 20px !important;}
	.educator-section, .pillars-section, .agenda-section{padding:40px 0px;}
	.section-title, .pillars-title{font-size: 30px;line-height: 40px;letter-spacing: -0.76px;}
	.menu-toggle{display:flex;}
	.menu-close{display:block;}
	.navBar{position:fixed;top:0;left:-280px;width:260px;height:100vh;background:#000;flex-direction:column;padding:80px 30px;gap:25px;transition:0.4s;
	z-index:999;}
	.navBar a{font-size:18px;}
	.navBar.active{left:0;}
	.menu-overlay.active{opacity:1;visibility:visible;}
	.hero-content h1{font-size: 45px;line-height: 55px; letter-spacing: -2.339px;}
	.series{font-size: 16px;line-height: 24px;}
	.pill{padding: 12px 18px;}
	.year-badge{display:none;}
	.hero-right img{height: 300px; transform: scale(1);}
	.overviewForm{flex-wrap: wrap;}
	.overviewFormLeft{flex: 100%;}
	.section-text{line-height: 26px;}
	.form-card{padding: 25px 20px;}
	.steps{gap: 12px;}
	.pillar-list li{flex:0 0 100%;}
	.buttonTwo{flex-wrap: wrap;}
	.btn-pdf{margin-top: 0px;}
	.agenda-title{font-size: 26px;font-weight: 700;line-height: 36px; /* 138.462% */letter-spacing: -0.76px;}
	.agenda-tabs li{padding: 15px 15px;}
	.agenda-theme{flex-wrap:wrap;border-bottom:0px;}
	.agenda-theme h4{font-family: "Inter Tight";font-size: 16px;font-weight: 600;line-height: 24px; /* 150% */}
	.sessions-count{width: 100%;}
	.agenda-theme span{display:none}
	.agenda-item{flex-wrap: wrap;}
	.agenda-info h5{color:#fff;}
	.attend-section{padding:40px 0px; background:#fff;}
	.attend-flex{flex-wrap: wrap;gap: 20px;}
	.attend-left {flex: 100%;}
	.attend-left h2{font-size: 26px;font-weight: 700;line-height: 36px;letter-spacing: -0.76px;}
	.attend-left p{line-height: 26px;}
	.quoteInfo{font-size: 16px;line-height: 26px;}
	.contactSection{padding:40px 0px;}
	.contactFlex{flex-wrap: wrap; gap: 10px;}
	.contactLeft{flex: 100%;}
	.contactSection h2{font-size: 26px;font-weight: 700;line-height: 36px;letter-spacing: -0.76px;}
	.contactList{flex-wrap: wrap; margin: 0; padding: 0;}
	.cta-content h2{font-size: 26px;font-weight: 700;line-height: 36px;letter-spacing: -0.76px;}
	.cta-bottom{margin-top: 40px;justify-content: center;flex-wrap: wrap;    gap: 10px;}
	
}