:root{
    --body: #dde4fa;

    --primary: #6157ea; 
    --secondary: #8fb0e8; 
    --tertiary: #d2ddfa; 

    --primary-text: #fff; 
    --secondary-text: #fff; 
    --tertiary-text: #555762; 

    --text: #555762; 
    --text-specialty: #707584;
    --calendar-text: #a1a1a1;

     --service-gradient: #d2ddfa63 
}

.card-container{
    background-color: #f1f4fb;
}


.bootstrap-dialog > .modal-dialog .modal-content {
    border-radius: 20px;
}

.service__btn { 
    border-radius: 100px;
}

@media (max-width: 575px){
    body {
        margin: 0 0;
        background-color: #f1f4fb;
    }
}