*{
    font-family: montserrat;
}

body{
    background: #f1fbff;

}
/*
------------Logo styling-----------------------------------
*/
.logo{
    height: 100px;
    width: 100px;
    margin-left: 0px;
}
.logoName{
    margin-right: 0px;
    font-weight: 400;
}
/*
------------------------------Navigation Bar---------------------------------------
*/
.navbar{
    box-shadow: 0 3px 9px 3px rgba(0, 0, 0, 0.1);
}
.navbar-brand span{
    letter-spacing: 4px;
}

.nav-item{
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}


.navbar-nav a{
    font-size: 15px;
    font-weight: 500;
}

.navbar-light .navbar-brand{
    color: #000;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 2px;

}

/*
------------------------------- Carousel at header section--------------------------------------------------
*/

.carousel-caption{
    bottom: 220px;
    z-index: 2;
}
.carousel-caption h5{
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 25px;
}
.carousel-caption p{
    width: 60%;
    margin: auto;
    font-size: 18px;
}

#header{
    background: url(images/header/pexels-cottonbro-studio-4489712.jpg) top/cover no-repeat;
    object-fit: cover;
}

#findButton{
    justify-content: center;
    align-content: center;
}

/*
---------------------------------------Form Section--------------------------------------
*/
#selectContainer{
    height: 14rem;
}
#carouselContainer{
    height: 150px;
}

.carousel-item{
    height: 15rem;
    object-fit: cover;
}
.btn:hover{
    background-color: #f1fbff;
    color: black
}

/*
-----------------------------------About section-------------------------------------------------------
*/
#about{
    border-top: 1px solid #000;
    
}

.card {
    transition: transform 0.2s;
}

.card:hover{
    transform: scale(1.10);
}

.underline{
    text-decoration: underline;
}


/*
---------------------------Body text-------------------------------------------------------------------------
*/
.title h2 {
    position: relative;
    display: inline;
}

.title h2::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    border-left: 3px solid black;
}

/*
---------------------------------Contact Section-----------------------------------------------------
*/
#contactSection{
    background-color: #d5e7ef;
}