@carset "utf-8";


.hsp-header{
    background-opacity:1 !important;
}
.hsp-header.scrolled{
    background-opacity:1 !important;
    background: #100c !important;
    backdrop-filter: blur(10px) brightness(1.5) contrast(1.7) saturate(2);
}
.hsp-header{
    font-size:20px !important;
}
.hsp-pagination .swiper-pagination-bullet-active{
    background:rgba(159, 23, 50, 1) !important;
}
.link-to.tab-menu:active{
    background-color:rgba(230, 220, 220, 0.8) !important;
    color:black !important;
    box-shadow: 0 0px 8px rgba(255 , 255, 255, 0.8) !important;
    border-radius: 30px !important;
}
.link-to.g-tab:hover{
    background: rgba(50 , 20, 120, 1) !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(20 , 10, 100, 0.2) !important;
    border-radius: 30px !important;
}
.link-to.g-tab:active{
    background: rgba(100 , 20, 120, 1) !important;
    color: white !important;
    box-shadow: 0 0px 8px rgba(225 , 255, 255, 0.8) !important;
    border-radius: 30px !important;
}
.hsp-header .hsp-logo{
    max-height:100px !important;
    transition:all 0.50s cubic-bezier(0.36, -1.33, 0.53, 1.3) !important;
}
.hsp-header.scrolled .hsp-logo{
    max-height:18px !important;
}
.hsp-header .hsp-shoar{
    max-height:30px !important;
    margin-top: 10px !important ;
    transition:all 1.50s cubic-bezier(0.36, -1, 0.53, 1.3) !important;
}
.hsp-header.scrolled .hsp-shoar{
    max-height:75px !important;
    margin: 0 !important;
}
.last-meet.title{
    font-family:azar !important;
    text-align:center !important;
    color:#fff !important;
    transition:all 0.3s ease !important;
}
.last-meet.title:active{
    font-family:azar !important;
    text-align:center !important;
    color:rgba(187, 53, 122, 1) !important;
}
.mcc-card-overlay{
    background: linear-gradient(to top, rgba(17, 5, 22, .95) 0%, rgba(79, 13, 20, .9) 100%) !important;
}
.mcc-card-inner{
    border-color: rgba(17, 5, 22, .95) !important;
}
.main_color a{
    color:rgba(179, 33, 70, 1) !important;
}
.main_color a:hover{
    color:rgba(187, 53, 122, 1) !important;
}
.hsp-pagination .swiper-pagination-bullet-active{
    background:rgba(159, 23, 50, 1) !important;
}
.hsp-menu a{
    font-size:20px !important;
}
.main_color.avia-color-theme-color{
    background-color:rgba(179, 33, 70, 1) !important;
}
.landing-yeklink>.card{
    border-color:rgb(179,33,80) !important;
}
.landing-yeklink .card .head{
    background:rgb(179,33,80) !important;
}
.link-to.tab-menu:active{
    background-color:rgba(230, 220, 220, 0.8) !important;
    color:black !important;
    box-shadow: 0 0px 8px rgba(255 , 255, 255, 0.8) !important;
    border-radius: 30px !important;
}
.hsp-menu a:hover{
    background-color:rgba(179, 33, 70, 0.4) !important;
    color: #fff !important;
    font-weight: normal !important;
}
.link-to.g-tab:hover{
    background: rgba(50 , 20, 120, 1) !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(20 , 10, 100, 0.2) !important;
    border-radius: 30px !important;
}
.link-to.g-tab:active{
    background: rgba(100 , 20, 120, 1) !important;
    color: white !important;
    box-shadow: 0 0px 8px rgba(225 , 255, 255, 0.8) !important;
    border-radius: 30px !important;
}
.hsp-menu-wrapper{
    display: block; !important;
}
@media (max-width: 768px){
    .hsp-menu-wrapper{
        height: 0px  !important;
        width: 0px !important;
        overflow: hidden !important;
        opacity: 0 !important;
        transform: translateY(-50px) !important;
        z-index: 50  !important;
        transition: opacity 0.8s ease, height 0.2s ease, width 0.2s ease, display 1.2s, transform 0.2s ease;
    }
    .hsp-menu-wrapper.active{
        height: 320px !important;
        width: 300px !important;
        opacity: 1 !important;
        transform: translateY(0px) !important;
        transition: opacity 1s ease, height 0.8s ease, width 0.8s ease, display 0s, transform 0.8s ease !important;
    }
}
.hsp-mobile-toggle{
    z-index: 500000000000000000000000000 !important;
}
.logo-level-tow{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}