/* Default styles for LTR */
.header-wrapper{
    animation: backgroundFadeIn 2s ease-in-out;
}


@keyframes backgroundFadeIn {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
.slick-track {
    display: flex !important;
  } 
  
  .slick-slide {
    height: auto;
  }
  .slick-slide div{
    height: 100% !important;
  }

#buildingSection{
    background-color: #F5F8F9 !important;
}
.nav.nav-tabs{
    justify-content: center;
    border-bottom: 0 !important;
    align-items: end;
}
.nav.nav-tabs .nav-item{
    margin: 0 !important;
    background-color: #F3F3F3;
    color: #C0C0C0;
    font-size: 28px;
    font-weight: 500;
    line-height: 44.8px;
    text-align: center;
    height: 61px;
    vertical-align: middle;
    align-content: center;
}
.nav.nav-tabs .nav-item .nav-link{
    color: #C0C0C0;
    padding: 0px 24px !important;
    border: none !important;
    background-color: transparent !important;
}

.nav-tabs .nav-item.show,.nav-tabs .nav-item:focus,.nav-tabs .nav-item:active,.nav-tabs .nav-item:hover{
    height: 75px !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    border: 1px solid #ECECEC;
    background-color: #FFF !important;


}

 .nav-tabs .nav-item .nav-link.active, 
 .nav-tabs .nav-item .nav-link:hover, 
 .nav-tabs .nav-item .nav-link:active,
 .nav-tabs .nav-item .nav-link:focus,
 .nav-tabs .nav-item .nav-link:focus-visible,
 .nav-tabs .nav-item .nav-link:focus-within{
    border: none !important;
    height: 100%;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    background-color: #fff;
    color: var(--primary) !important;
    font-weight: 600;
}

.card{
    border-radius: 16px;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 30px;
}
.card .card-icon{
    width: 100%;
    text-align: center;

}
.card .card-icon i{
    font-size: 82px;
    color: #425166;
    position: relative;
}
.card .card-body h4{
    margin: auto;
    text-align: center;
    color: #425166;
    width: 60%;
    position: relative;
}
.card-hover {
    transition: background 0.3s ease-in-out;
    background-size: cover;
    background-position: center;
    position: relative;
}
.card-hover:hover::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(66, 81, 102, 0.4), rgba(66, 81, 102, 0.4));

}
.card-hover:hover i,.card-hover:hover h4{
    color: #fff !important; 
}
.card-hover:hover img{
    filter: brightness(10);
}