html{
    scroll-behavior: smooth;
}
body{
    letter-spacing: .5px;
    font-size:1rem;
    color:#000;
}
.navbar-brand {
    font-size:18px;
}
.navbar-nav .nav-item .nav-link{
    font-size:13px;
    color:#000;
    border-bottom:1px solid transparent;
    border-width:2px;
    transition:.5s;
    letter-spacing: 1px;
}
.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link.active{
    border-color:var(--bs-warning);
    color:var(--bs-warning);
}
.flashing-text {
    animation: flash 1s infinite;
}

@keyframes flash {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}
.main-banner{
    background-image:url('../images/main-bg.jpg');
    background-position: top center;
    background-size: cover;
}
.contact-form-section,
.main-banner{
    position: relative;
    z-index: 100;

}
.banner-wrapper{
    background-color: rgba(0,0,0,0.4);
}
.contactForm{
    background-color:rgba(255,255,255,0.9)
}
.banner-text{
    background-color:rgba(0,0,0,0.8)

}
.contactForm .heading{
    letter-spacing: 2px;
}
.btn{
    transition: .3s;
}
.btn:hover{
    transform:translateY(-3px) scale(1.05);
}
.testimonials{
    background-image:url('../images/bg-2.jpg');
    background-size: cover;
    background-attachment: fixed;
}
.testimonials-wrapper{
    background-color: rgba(255,255,255,.8);
}
.contact-form-section{
    background-image:url('../images/bg-3.jpg');
    background-size: cover;
    background-attachment: fixed;
}
.contact-form-section-wrapper{
    background-color: rgba(0,0,0,.6);
}
.aboutus img{
    object-fit: cover;
}
.gallery-item{
    position: relative;
    display: block;
    overflow: hidden;
}

.gallery-item img{
    transition: .5s;
}
.gallery-item:hover img{
    transform:scale(1.3);
}
.gallery-item:before{
    content:" ";
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    width: 100%;
    height:100%;
    background-color: rgba(0,0,0,.3);
    z-index: 1;
}
.gallery-item:after{   
    content:" ";
    position: absolute; 
    left:5px;
    top:5px;
    right:5px;
    bottom:5px;
    width: auto;
    height: auto;
    border:1px solid #fff;
    z-index: 1;
}
.fixed-cta{
    position:fixed;
    left:0;
    right:0;
    bottom:-1px;
    z-index:99;
}
@media screen and (max-width:769px){
    .navbar-nav{
        overflow-x: auto;
        max-width:100%;
    }
}