/* bbutton light pink */
.btn-brand{
    padding: 8px 16px;
    background: #FF5A5A;
    border-radius:100px;
    font-weight: 700;
    border: 1px solid white;
    color: white;
}
.btn-brand:hover{
    background: white;
    color: #FF5A5A;
    border: 1px solid #FF5A5A;
}
.btn-brand.btn-brand-sm{
    padding: 12px 15px;
}
/* bbutton white */
.btn-brand-outline{
    padding: 16px 39px;
    background: white;
    border-radius:100px;
    font-weight: 700;
    border: 1px solid #FF5A5A;
    color: #FF5A5A;
}
.btn-brand-outline:hover{
    background: #FF5A5A;
    color: white;
    border: 1px solid white;
}
.hero-section .search-area button:nth-child(2):hover{
    border: 1px solid #FF5A5A;
}
.nav.nav-tabs{
    border-bottom: 0;
    width: fit-content;
    border-radius: 100px;
}
.nav.nav-tabs li a{
    border: none;
    border: 1px solid #FF5A5A;
}
.nav.nav-tabs li:nth-child(1) a{
    background-color: #FF5A5A !important;
    color: white !important;
    border-radius: 0;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border: 1px solid #FF5A5A;
}
.nav.nav-tabs li:nth-child(1) a:hover{
    background-color: white !important;
    color: #FF5A5A !important;
}
.nav.nav-tabs li:nth-child(2) a{
    background-color: white !important;
    color: #FF5A5A !important;
    border-radius: 0;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}
.nav.nav-tabs li:nth-child(2) a:hover{
    background-color: #FF5A5A !important;
    color: white !important;
}

@media (max-width: 1023px) {
    .btn-brand-outline{
        padding: 14px 20px;
    }
    .btn-brand{
        padding: 14px 20px;
    }
}