body {
    display: flex;
    background: #1E1E1E;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Ensure the body takes up the full viewport height */
    margin: 0;
}


 .main {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center content vertically */
    align-items: flex-start; /* Center content horizontally */
    text-align: center;
    height: 416px;
    width: 412px;
    background: #232A34;
    border-radius: 30px;
    margin: 0; /* Remove any default margin */
}
.icon{
    display: flex;
    justify-content:center;
    align-items: center;
    width:16px;
    height:16px;
}
.icon-div{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align: center;
    height:48px;
    width:48px;
    background:#262E38;
    border-radius:50%;
    margin-top:32px;
    margin-left:32px;
}
.title{
    display:flex;
    justify-content:center;
    align-items: center;
    font-weight:600;
    font-size:2.5rem;
    color:#ffffff;
    margin-top:30px;
    margin-bottom:0.1px;
    margin-left:32px;
    font-family: "overpass", sans-serif;
}
.discription{
    display:flex;
    justify-content:center;
    align-items: center;
    color:#969fad;
    font-size:17px;
    text-align:start;
    margin-bottom:32px;
    margin-left:32px;
    font-family: "overpass", sans-serif;
    margin-right:20px;
}
.button{
    display:flex;
    justify-content:center;
    align-items: center;
    height:51px;
    width:51px;
    background:#262E38;
    border-radius:50%;
    color:#969fad;
    gap:20px;
    border:1px solid transparent;
    font-size:17px;
    font-family:"overpass", sans-serif;
}
.button:hover{
    background:#fc7614;
    color:#131518;
    transition:0.3s;
}


.button-div{
    display:flex;
    justify-content:center;
    align-items: center;
    flex-direction:row;
    gap:20px;
    margin-left:32px;
    font-family: "overpass", sans-serif;
    margin-right:20px;
}
.button.clicked {
    background-color: #FFFFFF; /* Change to the desired color */
    color: black; /* Change text color if needed */
}
.submit{
    display:flex;
    justify-content:center;
    align-items: center;
    flex-direction:column;
    margin-left:35.5px;
    font-family: "overpass", sans-serif;
    font-weight:600;
    margin-right:35.5px;
    margin-top:32px;
    background: #fc7614;
    text-decoration:none;
    text-align:center;
    border:1px solid transparent;
    width: 341px;
    height:45px;
    border-radius:22.5px;
    color:#131518;
    letter-spacing:0.15rem;
}
.submit:hover{
    background:#FFFFFF;
    color:#131518;
    text-decoration:none;
    transition:0.5s;
}