:root {
    --primary-color: #2697B2 ;
    --secondary-color: #1C3C59 ;
    --accent-color: #F5A623 ;
}


.brand-primary {
    color: var(--primary-color) ;
}
.brand-secondary {
    color: var(--secondary-color) ;
}
.brand-accent {
    color: var(--accent-color) ;
}
.bg-primary {
    background-color: var(--primary-color) !important;
}
.bg-secondary {
    background-color: var(--secondary-color) !important;
}
.bg-accent {
    background-color: var(--accent-color) !important;
}

.btn-group{
    gap: 5px;
    margin-top: 30px;
}
.btn {
    width: 100%;
    float: left;
    padding: 15px 25px;
    color: #fff !important;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 40px !important;
    border: none;
}
.btn-primary {
    background-color: var(--primary-color);
}
.btn-secondary {
    background-color: var(--accent-color);
    
}


.btn-primary:hover {
    background-color: var(--accent-color) !important;
    color: #fff !important;
}

.btn-secondary:hover {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.button-primary.active a {
    background-color: #fda417;
    color: #fff;
}

input[type="text"] {
    border-radius: 40px;
}
textarea {
    border-radius: 40px;
}