@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

body {
    background: black !important;
    font-family: 'Inter', sans-serif !important;
}


section{
    padding: 60px 0px;
}

.desc {
    color: white;
    max-width: 669px;
    margin: auto;
}

.group {
    display: flex;
    justify-content: center;
    list-style: none;
}

.list {
    padding: 10px 0PX;
    background: #1A1B1D;
}

.btn {
    color: #8B8F9E !important;
    text-decoration: none;
}

.title{
        text-align: center;
        color: white;
}

.icon{
    display: block;
    margin: auto;
}


.card_left {
    max-width: 500px;
    margin-left: auto;
    margin-bottom: 30px;
    border-radius: 20px !important;
}

.card_right {
    max-width: 500px;
    margin-right: auto;
    margin-bottom: 30px;
    border-radius: 20px !important;
}


.btn_primary {
    background: none !important;
    border: none !important;
    color: black !important;
    padding: 10px 0px !important;
}


.btn_inside {
    border-radius: 0px !important;
    margin: 6px !important;
    padding: 0px 10px !important;
}

@media only screen and (max-width: 600px) {
    .card_left {
        max-width: 500px;
        margin-left: none !important;
        border-radius: 20px !important;
    }
    
    .card_right {
        max-width: 500px;
        margin-right: none !important;
        border-radius: 20px !important;
    }
    
  }