:root{
    --bs-info: #07b0ef !important;
    --bs-info-rgb: 7, 176, 239 !important;
}

.btn-info {
    color: white !important;
    --bs-btn-bg: var(--bs-info) !important;
    --bs-btn-border-color: var(--bs-info) !important;
    --bs-btn-disabled-border-color: var(--bs-info) !important;
}
.btn-outline-info {
    color: black !important;
    font-weight: 500 !important;
    --bs-btn-color: var(--bs-info) !important;
    --bs-btn-border-color: var(--bs-info) !important;
    --bs-btn-hover-bg: var(--bs-info) !important;
    --bs-btn-hover-border-color: var(--bs-info) !important;
    --bs-btn-active-bg: var(--bs-info) !important;
    --bs-btn-active-border-color: var(--bs-info) !important;
    --bs-btn-disabled-color: var(--bs-info) !important;
}
.btn-outline-info:hover{
    color: white !important;
}
.bg-info {
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important;
}
/* .bg-info-secondary {
    background-color: #def5fd !important;
} */

@font-face {
    font-family: helvetica;
    src: url('/assets/fonts/helvetica.ttf');
}
@font-face {
    font-family: gothamBlack;
    src: url('/assets/fonts/gotham_pro_black.ttf');
}

body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: helvetica !important;
}
.gotham-black-font{
    font-family: gothamBlack !important;
}
input.timepicker , input.hasPicker , select option{
    border: none !important;
    font-size: 14px;
}
select:focus-visible{
    outline: none !important;
}

/* ======= Customize Scrollbar Style ======= */
::-webkit-scrollbar {
    width: 6px;
    height: 2px;
}
::-webkit-scrollbar-track {
    background: white;
}
::-webkit-scrollbar-thumb {
    background: var(--bs-info);
}
::-webkit-scrollbar-thumb:hover {
    background:  var(--bs-info);
}
/* ======= End Of Customize Scrollbar Style ======= */

div.shadow , section.shadow{
    -webkit-box-shadow: 0px 17px 42px #dddddd !important;
    box-shadow: 0px 17px 31px #f1f1f1 !important;
}

.navbar{
    transition: .3s ease-in-out;
}
/* remove background color for autocmplete inputs */
input:-webkit-autofill {transition: background-color 5000s ease-in-out 0s;}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar .nav-item{
        font-size: .8rem;
    }
}

/* floating menu */
.floating-menu {
    width: 80px;
    border: none;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.floating-menu .floating-menu-item {
    border: none;
    transition: all 0.3s ease-in-out;
    color: white;
}

.phone-menu-item {
    background: var(--bs-info);
}
.email-menu-item {
    background: white;
}
.whatsapp-menu-item {
    background: #35c422;
}
.facebook-menu-item {
    background: #3f65a6;
}

.floating-menu .floating-menu-item i {
    color: white;
    transition: all 0.3s ease-in-out;
}

.email-menu-item i {
    color: rgb(110, 110, 110) !important;
}

.floating-menu .floating-menu-item:hover{
    background: var(--bs-info);
}
.floating-menu-item:hover i{
    color: white;
}

.floating-menu .content div:first-child i{
    transform: rotate(-45deg)
}
.floating-menu .content i {
    font-size: 30px;
}

.hasFlatPicker{
    height: 30px;
    border-radius: 10px;
}

/* ====== Support Section ===== */

/* support section */
.support-section .cards img{
    width: 45%
}
@media only screen and (max-width: 576px) {
    .support-section .cards h5{
        font-size: 14px !important;
    }
}