@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root{
--red:#0E73F39;
}

@font-face {
    font-family: "FinancierDisplay";
    src: url("../fonts/FinancierDisplay-Regular.woff2") format("woff2"),
         url("../fonts/FinancierDisplay-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "FoundersGrotesk";
    src: url("../fonts/FoundersGrotesk-Regular.otf") format("woff2"),
	     url("../fonts/FoundersGroteskWeb-Regular.woff2") format("woff2"),
         url("../fonts/FoundersGroteskWeb-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "SpaceMono";
    src: url("../fonts/SpaceMono-Regular.woff2") format("woff2"),
         url("../fonts/SpaceMono-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
 


*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}

body{ font-family: "Inter", sans-serif; font-family: "FoundersGrotesk"; background:#fff; line-height:1.2; letter-spacing: .3px;}
img{max-width:100%;} p, li{ font-family: FoundersGrotesk, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 18px; line-height : 24px;} 


/* ======================
   Basic style open
====================== */
.hero{ display:flex; }
.hero-banner{position:relative}
.hero-banner{background:#003325}
.hero-banner h1, .hero-banner p{color:#fff} .hero-banner h1{padding-bottom:1rem} .form-group .field{padding:10px; width: 100%;} form{display:flex; gap: 15px; flex-direction: column;} .sidebar h3, .sidebar h2{padding-bottom:15px} .concent, .submit-disclam{font-size:12px} .right-submit{margin-bottom:15px} .right-submit, .btn{padding:12px 15px;  } .form-group .field{border: 1px solid #ccdcc8;} .form-group .field:focus-visible{border: 1px solid #044123;} .btn{background-color: #006b46; color: #fff; border-radius: 10px;  border: none; padding: 12px 20px; border-radius: 15px 10px 10px 0; width: fit-content; text-decoration:none } .right-submit{cursor:pointer}

.sidebar{position: relative;}
.sidebar .form-card{  position: sticky; top: 30px; /* Distance from the top while scrolling */  align-self: flex-start;}

/* ======================
  Basic style closed
====================== */

.right-submit{background-color: #006b46; color:#fff;    border-radius:10px; border:none;  }
.footer{background-color: #044123;} .footer-younion img{width:120px} .footer-right p, .footer-right a{color:#fff} .footer{align-items: center;} .present-block{background:#ccdcc8; padding:10px;  border-radius:} .present-block, .present{display:flex; gap:30px} .present-img{width:140px} .present-copy{width:160px}  .present-block{border-radius: 15px 10px 10px 0; padding:20px; flex-direction: column;} .present-block-inner{display:flex; gap:20px; flex-direction: row;} .main-left p,  .main-left h3, .main-left h2,  .main-left li{color:#333;  padding-bottom:15px} .main-left li{padding-bottom:10px; list-style:none; padding-left:20px; position:relative } .main-left ul{padding-bottom:20px; padding-top:5px} .main-left h3, .main-left h2{color:#044123} .main-left li::before{content:''; width:8px; height:8px; position:absolute;  left:0px;  top:5px; background:#044123; border-radius: 6px 1px 1px 1px;  } .present-block p{font-size:16px; line-height:1.2}.concent, .submit-disclam p{font-size:13px; line-height:1.2} .present-img img{border-radius:0} .right-submit{border-radius: 15px 10px 10px 0;} .present-copy h4, .present-copy h5{padding-bottom:2px; margin-bottom:0px} .present-copy h4{color:#044123} .present-copy h4{color:#044123} .present-copy h5{font-weight: 500;} .present-copy i{font-size:14px} .present-block {gap:15px}
.event-details{display:flex;color:#fff; gap:20px}  .event-details div{position:relative; padding-left: 25px; font-size: 16px;} .event-details div::before{position:absolute; content:''; width:17px; height:17px; left:0px } .event-details .date::before{background:url(../images/calendar.png)no-repeat center; background-size:cover;} .event-details .time::before{background:url(../images/clock.png)no-repeat center; background-size:cover; } .hero-banner p{font-size: 20px;}   .sidebar h3, .sidebar h2{    color: #044123;} .sidebar a{color:#006B46}
.main.thankyou{ display: flex; justify-content: space-between; flex-direction: column;  gap: 14px;}  .main h2{color: #044123;} .main .form-card{ border: 1px solid #ccdcc8;  padding: 20px; position: sticky; } .event-details div{line-height: 1.6;} .concent, .submit-disclam p{color: #333;} .present-block h4, .present-block h5, .present-block i, .present-block p  {color:#044123}  
.footer p, .footer a {  font-size: 15px; font-weight: lighter; letter-spacing: .4px; }
 
@media(max-width:767px){
	 .menu-part{padding:15px 6%;}   .main {padding:40px 6%;} .footer {padding:30px 6%;} .right-submit{ font-size:16px; } .hero-banner{padding:40px 6%;} .hero-content { display: flex; flex-direction: column-reverse; gap: 30px; }
	 /* ====================== Basic style closed ====================== */
	 .banner-img img{width:65%}  .hero-banner h1{font-weight: 600;} .footer { display: flex; flex-direction: column;  gap: 20px; } .hero-banner h1, .hero-banner p{padding-bottom:15px}.present{flex-direction: column;} .main{ display: flex; gap: 30px; flex-direction: column;} .main-left h3, .main-left h2, .main h2, .sidebar h3, .sidebar h2{ font-size: 24px;} .present-copy h4{font-size: 20px;} .present-copy h5{ font-size: 14px;} .hero-banner h1{ font-size: 2.4rem; line-height: 1; letter-spacing: 1.3px;}
}	
	
	
@media(min-width:768px){
	 .main{padding:60px 8%;}   .menu-part{padding:15px 8%;}   .footer {padding:30px 8%;} .main{display:flex; justify-content: space-between;} .footer {display:flex; justify-content: space-between;}   .footer p, .footer a{font-size:12px}  .main .main-left{width:70%} .main .sidebar{width:30%} .hero-content { padding: 50px 8%; display: flex; flex-direction: row; align-content: center; align-items: center; gap: 5%; }  
	 /* ====================== Basic style closed ====================== */
	 .banner-img img{width:300px}  .right-submit{ font-size:16px; } .main{ gap: 5%;} .hero-banner h1, .hero-banner p{padding-bottom:15px} .present{flex-direction: column;} .main-left h3, .main-left h2, .main h2, .sidebar h3, .sidebar h2{ font-size: 26px;} .present-copy h4{font-size: 20px;} .present-copy h5{ font-size: 14px;} .hero-banner h1{ font-size: 2.4rem; line-height: 1; letter-spacing: 1.3px;}
	 
}	
	
 @media(min-width:1024px){ 
 .main {padding:60px 8%;}    .menu-part{padding:15px 8%;}  .footer {padding:30px 8%;} .hero-content{padding:50px 8%;} 
 /* ====================== Basic style closed ====================== */
 .banner-img img{width:500px} .hero-banner h1{font-size:3rem;} .right-submit{ font-size:16px; }  .hero-banner h1, .hero-banner p{padding-bottom:15px}.present{flex-direction: row;} 
 
 }
 
 @media(min-width:1280px){
	.main-left h3, .main-left h2, .main h2, .sidebar h3, .sidebar h2{ font-size: 28px;}
	
	
}

 @media(min-width:1366px){
 .hero-banner h1{        font-size: 3.4rem;}
 } 
 
 @media(min-width:1440px){
 
 } 
 
 @media(min-width:1500px){
 
 }
 
 @media(min-width:1920px){
	  .main {padding:60px 15%;}    .menu-part{padding:15px 15%;}  .footer {padding:30px 15%;} .hero-content{padding:50px 15%;} .hero-content{ gap: 10%;} 
 /* ====================== Basic style closed ====================== */
 } 
 
 @media(min-width:1900px){

 
 }
 
 @media(min-width:2000px){
	 
 }