@font-face {
    font-family: 'Charmonman-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Charmonman Regular'), url('fonts/Charmonman-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Charmonman-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Charmonman Bold'), url('fonts/Charmonman-Bold.woff') format('woff');
}

.logoImage {
    margin-left: 26px;
}
.logoText {
    color: #3F3F3F;
    font-family: 'Charmonman-Bold', Arial;
    font-size: 17px;
}

@media (max-width: 767.98px) {
    .logoImage { 
        width: 180px;
        margin-left: 6px;
    }
    .logoText {
        font-size: 14px;
    }
}

.navbar {
    --bs-navbar-brand-margin-end: 2rem;
    --bs-navbar-nav-link-padding-x: 1rem;
    --bs-navbar-active-color: #5855BC;
    --bs-navbar-hover-color: #5855BC;
}

.navbar-nav {
    --bs-nav-link-font-size: 1.5rem;
}

.dropdown-toggle::after {
    vertical-align: .155em;
}

.navbar .nav-item:hover .dropdown-menu {
    display: block;
}

.bi {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: -.125em;
    fill: currentColor;
}

.bi-facebook {
    width: 2.5rem;
    height: 2.5rem;
    fill: #3B5998;
}

.bi-instagram {
    width: 2.5rem;
    height: 2.5rem;
    fill: #A926E3;
}

.bi-youtube {
    width: 2.5rem;
    height: 2.5rem;
    fill: #C4302B;
}

.bi-whatsapp {
    width: 2.5rem;
    height: 2.5rem;
    fill: #00BB2D;
}

.bi-light-violet {
    fill: #DCDCFC;
}
.bi-light-brown {
    fill: #C39866;
}
.bi-light-green {
    fill: #82C975;
}
.bi-light-pink {
    fill: #D38DD2;
}

.rating .bi {
    fill: #ffda07;
}

.btn-bd-primary {
    --bd-violet-bg: #5855BC;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #44429a;
    --bs-btn-hover-border-color: #6528e0;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8;
}

.list-group {
    --bd-violet-bg: #5855BC;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
    --bs-list-group-active-color: var(--bs-white);
    --bs-list-group-active-bg: var(--bd-violet-bg);
    --bs-list-group-active-border-color: #5a23c8;
    --bs-list-group-action-hover-color: var(--bs-white);
    --bs-list-group-action-hover-bg: #44429a;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #5855BC;
}

.accordion-button {
    --bd-violet-bg: #5855BC;
    --bs-accordion-active-bg: var(--bd-violet-bg);
    --bs-accordion-active-color: var(--bs-white);
}

.carousel-item {
    max-height: 500px;
}


@media (max-width: 575.98px) {
    .carousel-item {
        max-height: 200px;
    }
}
@media (max-width: 991.98px) {
    .carousel-item {
        max-height: 300px;
    }
}

.bg-purple {
    background-color: #DCDCFC;
}

.clickable,
.clickable-sm {
    cursor: pointer;
}

.accordion-item > a {
    text-decoration: none;
}
