* {
    scroll-behavior: smooth;
}

.banner-text {
    color: whitesmoke;
    opacity: 0.9;
}

.nav-effect {

    /* display: table; */

    border-radius: 8px;

}

.nav-effect li {
    list-style: none;
    display: inline-block;
}

.nav-effect li a {

    text-decoration: none;
    position: relative;
    font-size: 16px;
    display: block;
}

.nav-effect li a+a {
    margin-left: 16px;
}

.nav-effect li a::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: red;
    transform-origin: bottom right;
    transition: transform 0.7s ease;
    transform: scaleX(0);
}

.nav-effect a:hover::after {
    transform-origin: bottom left;
    transform: scaleX(1);
}

/* /////////// */


h2::after {
    content: "";
    display: block;
    width: 5%;
    height: 2px;
    background-color: #ef3114;
    margin: 12px auto;
}

.active {
    color: red !important;
}


.grow {

    transition: all .9s ease-in-out;
}

.grow:hover {

    transform: scale3d(1.2, 1.2, 1);

}

.form-control:focus {
    border-color: black !important;
    outline-color: black !important;
}

.text-theme {
    color: red;
}
/* 
.card {
    cursor: pointer;
} */

.border-hover-effect:hover {
    border-color: black !important;
}


/*  */
.btn-theme {
    background-color: red;
    color: white;
}

.btn-theme:hover {
    background-color: red !important;
    color: white !important;
}




/* media queries */
@media only screen and (max-width: 500px) {
    .banner-text {
        font-size: 13.5px;
        line-height: 20px;
        padding-top: 20px;
    }
}