@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');
body {
    overflow: hidden;
    background-image: url(../images/banner/Background2.png);
    background-size: cover;
    
}

@media only screen and (max-width: 768px) {
    body {
        overflow: hidden;
        background-image: url(../images/banner/Backgroundmobile.png);
        background-size: cover;
    
    }
    .responsive {
      height:100vh !important;
      margin-top: 30px;
    }
}

h1, p, h6 {
color: #fff !important;

}
h1 {
font-family: 'Orbitron';

}

p, h6, h2, h3, h4, h5 {
    font-family: 'Codec Cold' !important;
}
ul li p.desc {
margin-top: 4px !important;
font-size: 20px !important;
}


h2 {
font-size: 32px;
font-weight: 700;
margin-bottom: 30px;
}
.question {
margin-bottom: 30px;
font-size: 18px;
font-weight: 600;
}
.options {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}
.option-btn {
width: 100%;
max-width: 500px;
padding: 12px 20px;
border-radius: 10px;
background-color: #101016;
border: 2px solid transparent;
cursor: pointer;
transition: background-color 0.3s, border-color 0.3s;
color: #ffffff;
font-weight: 600;
}
.option-btn:hover, .option-btn.active {
background-color: #2cc1eb;
border-color: #2cc1eb;
}
.tf-btn.primary {
background-color: #2cc1eb;
padding: 10px 20px;
border-radius: 50px;
color: #ffffff;
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
border: none;
margin-top: 20px;
transition: opacity 0.3s;
}
.tf-btn.primary:hover {
opacity: 0.8;
}
.hidden {
display: none;
}

h2 {
color: white;
}