@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Lato';
    letter-spacing: 1.2px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.dropdown-menu {
    display: none;
}

.dropdown-btn:hover .dropdown-menu {
    display: flex;
    z-index: 100;
}


.dropdown-btn:hover .dropdown-icon {
    transform: rotate(90deg);
}



.nested-dropdown-menu {
    display: none;
}

.nested-dropdown-btn:hover .nested-dropdown-menu {
    display: flex;
    z-index: 100;
}

.nested-dropdown-btn:hover .sub-dropdown-icon {
    transform: rotate(90deg);
}

.service-box {
    background: #832F76;
    color: #fff;
    transition: 0.5s;
    box-shadow: 0 10px 15px #ccc;
}

.service-icon {
    background: #fff;
    transition: 0.5s;
}

.service-box:hover {
    background-color: #fff;
    color: #832F76;
    box-shadow: 0 10px 15px #ccc;
    transform: translateY(-20px);
    transition: 0.5s;
}

.service-box:hover .service-image {
    filter: brightness(0) invert(1);
}

.service-box:hover .service-icon {
    background-color: #832F76;
    transition: 0.5s;
}




.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.date-bg {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.008928571428571397) 0%, rgba(255, 255, 255, 0.9) 100%);
}

.media-btn {
    background: #832F76;
}

.active {
    background: #000;
}

.bullet::before {
    content: "\2022";
    color: #832F76;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.department-btn {
    color: #fff;
    background: #707070;
}

.dep-active {
    color: #000;
    background: #fff;
}