html{
    scroll-behavior: smooth;
}
body{
    font-family: "Montserrat", serif !important;
    font-optical-sizing: auto !important;
    font-style: normal !important;
    background-color: #FBFBFC !important;
}
.text-grey{
    color: #998D97 !important;
}
.text-red{
    color: #F63E15 !important;
}
.text-pink{
    color: #fcb1b1;
}
.text-black{
    color: #000 !important;
}
.bg-red{
    background-color: #F63B12 !important;
}
.bg-events{
    background-color: #FDFDFE !important;
}
.w-15{
    width: 15%;
}
.w-20{
    width: 20%;
}
.h-45{
    height: 45px;
}
nav > .container-fluid > .collapse > ul > .nav-item{
    transform: translateX(100rem);
    animation: slideIn .8s forwards;
}
nav > .container-fluid > .collapse > ul > .nav-item:nth-child(1){
    animation-delay: 0s;
}
nav > .container-fluid > .collapse > ul > .nav-item:nth-child(2){
    animation-delay: .1s;
}
nav > .container-fluid > .collapse > ul > .nav-item:nth-child(3){
    animation-delay: .2s;
}
nav > .container-fluid > .collapse > ul > .nav-item:nth-child(4){
    animation-delay: .3s;
}
nav > .container-fluid > .collapse > ul > .nav-item:nth-child(5){
    animation-delay: .4s;
}
nav > .container-fluid > .collapse > ul > .nav-item:nth-child(6){
    animation-delay: .5s;
}
nav > .container-fluid > .collapse > ul > .nav-item:nth-child(7){
    animation-delay: .6s;
}
.hover-link::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    background-color: #E22424;
    transition: width 0.5s ease;
}
.hover-link:hover{
    color: #E22424 !important;
}
.hover-link:hover::after {
    color: #ff0000 !important;
    width: 100%;
}
.min-h-screen{
    min-height: 91vh;
}
.inset-0{
    inset: 0px;
}
.floating-ball{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    animation: float 6s ease-in-out infinite;
    z-index: 1;
}
.top-right{
    top: 40px;
    right: 40px;
    animation-delay: 0s;
}
.bottom-left{
    bottom: 40px;
    left: 40px;
    animation-delay: 3s;
}
.bg-hero{
    padding: 1rem 2rem;
    background-color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    border-radius: 8px;
}
.btn-linear{
    background-color: transparent;
    transition: .4s;
}
.btn-linear:hover{
    transition: .4s;
    background: linear-gradient(
        to bottom,
        #fff,
        #d8d8d8,
        #a1a1a1,
        #808080,
        #636363,
        #3a3a3a 
    );
    color: #000 !important;
}
.arrow-animation{
    display: inline-block;
    transition: transform 0.3s ease;
}
.btn:hover .arrow-animation{
    transform: translateX(5px);
}
.bg-linear{
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));
}
.text-shadow{
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.bg-card-hero{
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(6px);
    transition: transform 0.3s ease;
}
.bg-card-hero:hover{
    transform: scale(1.05);
}
.header-section h1::before{
    content: "";
    position: absolute;
    display: block;
    bottom: 1px;
    left: calc(50% - 60px);
    width: 120px;
    height: 1px;
    background: #ddd;
}
.header-section h1::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: calc(50% - 20px);
    width: 40px;
    height: 3px;
    background: #E22424;
}
.text-justify{
    text-align: justify;
}
.border-left{
    border-left: 3px solid #E22424 !important;
}
.border-left:hover{
    background-color: rgba(226, 36, 36, 0.4);
}
.partners .swiper-slide img{
    opacity: 0.5;
    transition: 0.3s;
    filter: grayscale(100);
}  
.partners .swiper-slide img:hover{
    filter: none;
    opacity: 1;
}
.border-contact-top{
    border-top: 3px solid #E22424 !important;
}
.border-contact-bottom{
    border-bottom: 3px solid #E22424 !important;
}
.p-icon{
    padding: 10px 12px 7px 12px;
}
.p-icon-email{
    padding: 10px 7px 7px 9px;
}
.p-icon-phone{
    padding: 10px 9px 7px 9px;
}