@import url(./font-awesome.css);
@import url(fonts.css);

:root {
    --primary-color: #ff69B4;
    --primary-dark-color: #d1477a;
    --primary-darker-color: #b8436b;
    --main-radius: 7px;
    --primary-rgb: 255, 105, 180;
}

a {
    text-decoration: none !important;
}

.bg-main-pink {
    background-color: var(--primary-color) !important;
}
.box-bg-pink
{
    background-color: rgb(250, 240, 244) !important;
}

.btn-main-pink {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-border-radius: var(--main-radius);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-dark-color);
    --bs-btn-hover-border-color: var(--primary-dark-color);
    --bs-btn-focus-shadow-rgb: var(--primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-darker-color);
    --bs-btn-active-border-color: var(--primary-darker-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
}

.br-7 {
    border-radius: var(--main-radius);
}

.center-h
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.item-hover {
    transition: all 0.3s ease;
}
.item-hover:hover , .item-hover:focus {
    background-color: #eeeeee;
    border-radius: var(--main-radius);
}

.cursor-pointer {
    cursor: pointer !important;
}

@media (min-width: 992px) {
    .navbar .has-mega-menu {position: static !important;}
    .navbar .mega-menu {top: unset !important;left: 0;right: 0;width: 100%;margin-top: 0;}
}