/*
Custom CSS for TemplateMo 561 Purple Buzz

https://templatemo.com/tm-561-purple-buzz

*/
[v-cloak] {
    display: none;
}

.service-work {
    display: inline-block;
    width: 280px;
    min-height: 33rem;
    max-height: 15rem;
    margin: 8px
}
.rounded-lg {
    border-radius: .75rem;
}
.rounded-end-lg {
    border-top-right-radius: .75rem!important;
    border-bottom-right-radius: .75rem!important;
}
.rounded-start-lg {
    border-top-left-radius: .75rem!important;
    border-bottom-left-radius: .75rem!important;
}
.rotate-90 {
    transform: rotate(90deg);
}
.min-w-auto {
    min-width: auto !important;
}
.checkButton {
    min-width: calc(100%/3 - 8px);
}
.checkButton label {
    display: inline-block;
    background-color: #f8f8f8;
    width: 100%;
}
.checkButton.checkButton-hotTag label {
    display: inline-block;
    background-color: #fff;
    width: 100%;
    font-size: 13px;
}
.checkButton label > i,
.checkButton input {
    display: none;
}
.checkButton input:checked + label > i {
    /* display: inline-block; */
    margin-right: 4px;
}
.checkButton input:checked + label {
    background-color: white;
    color: #4232c2;
    border: 1px solid #4232c2;
}
.navbar-toggler:focus {
    outline: 0;
    box-shadow: none;
}
.nav-link.active {
    font-weight: bold;
}
@media (min-width: 0px) {
    .nav-link.active {
        font-weight: bold;
        border-bottom: 3px solid #FDC900;
    }
}
.object-cover {
    object-fit: cover;  
}
.filter-search:focus {
    box-shadow: none;
}