@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700&display=swap');

.ep-wrapper{
background:#f5f5f5;
padding:40px 20px;
}

.ep-card{
max-width:900px;
margin:auto;
background:#fff;
padding:40px;
border-radius:30px;
position:relative;
overflow:hidden;
}

.ep-card:before{
content:'';
position:absolute;
top:0;
left:0;
width:170px;
height:170px;
background:#1551c5;
border-bottom-right-radius:170px;
}

.ep-logo{
display:block;
max-width:260px;
margin:0 auto 20px;
position:relative;
z-index:2;
}

.ep-title{
font-family:'Bebas Neue', sans-serif;
font-size:64px;
color:#1551c5;
text-align:center;
margin-bottom:10px;
}

.ep-sub{
text-align:center;
font-family:'Montserrat';
font-size:20px;
margin-bottom:40px;
color:#234;
}

.ep-question{
display:flex;
gap:25px;
border-bottom:2px dashed #bdd0ff;
padding:30px 0;
}

.ep-number{
width:75px;
height:75px;
background:#ff2b2b;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
color:#fff;
font-family:'Bebas Neue';
min-width:75px;
}

.ep-content h3{
font-family:'Bebas Neue';
font-size:48px;
color:#1551c5;
line-height:1;
margin:0 0 20px;
}

.ep-options{
display:flex;
gap:15px;
flex-wrap:wrap;
}

.ep-options input{
display:none;
}

.ep-options span{
border:3px solid #1551c5;
padding:16px 28px;
border-radius:16px;
font-family:'Montserrat';
font-weight:700;
display:block;
cursor:pointer;
color:#1551c5;
}

.ep-options input:checked + span{
background:#1551c5;
color:#fff;
}

.ep-button{
width:100%;
background:#1551c5;
color:#fff;
border:none;
padding:24px;
font-size:36px;
font-family:'Bebas Neue';
border-radius:20px;
margin-top:35px;
cursor:pointer;
}

@media(max-width:768px){

.ep-card{
padding:25px;
}

.ep-title{
font-size:42px;
}

.ep-content h3{
font-size:34px;
}

.ep-question{
flex-direction:column;
}

}