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


html,body{
    background-color: #F2F5F8;
}

html{scroll-behavior:smooth;}


*{
    font-family: "Inter", sans-serif;
}

label:has(input[type="radio"]:checked) {
                                  
    border: 2px solid #525866;
  }



.yes{
    background: url("./../images/bus.svg")  no-repeat 12px center;
    background-size: 24px;
    padding-left: 40px;
}

.no {
    background: url("./../images/cross.svg") 12px center no-repeat;
    background-size: 24px;
    padding-left: 40px;
}

.registration-content-sec{
    position: relative;
}

.registration-content-sec::after{
    content: "";
    background: linear-gradient(0deg, #E1E4EA 0%, rgba(225, 228, 234, 0) 100%);
max-height: 80px;
display: flex;
width: 100%;
position: absolute;
bottom: 0;
}
.attendee-container-parent{position:relative;}
input.error{border-color:#dd1313 !important;}
label.error{font-size:13px !important; color:#dd1313 !important; display:block;     margin-top: 5px;}

.attendee-container-parent:before{
	content:''; 
	position:absolute; 
	left:0;
	top:0; 
	right:0;  opacity:0; visibility:hidden;
	background: rgb(225,228,234);
background: linear-gradient(0deg, rgba(225,228,234,0) 30%, rgba(225,228,234,1) 100%);
height:120px;
pointer-events:none;
z-index:1;
transition:all ease 0.3s;
}

.attendee-container-parent:after{
	content:''; 
	position:absolute; 
	left:0;
	bottom:0; opacity:0; visibility:hidden;
	right:0; 
	background: rgb(225,228,234);
background: linear-gradient(180deg, rgba(225,228,234,0) 0%, rgba(225,228,234,1) 70%); 
height:120px;
pointer-events:none;
z-index:1;
transition:all ease 0.3s;
}

.attendee-container-parent.active:before,
.attendee-container-parent.active:after{opacity:1; visibility:visible;}

.transportation-needed{background:url(../images/arrow.svg) right center no-repeat #ffffff;}


@media (min-width:1024){
    html,body{
        background-color: #fff;
    }
}