body {
    font-family: 'Raleway', Helvetica;
}
@media only screen and (max-width:800px) {
    .responsive-aos {
        overflow-x: hidden;
    }
}

#landing-sec-1 {
    background: #fff;
    background: url(../../images/Landing/bg.jpg) no-repeat top;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    z-index: 1;
}
.dark-sec-content-text {
    color: #beb9c1;
    font-weight: 500;
    font-size:18px;
}

/*section 2*/
.features-4 {
    background-color:#ffffff;
}
/*button style*/

.btn-more {
    color: #fff;
    background-color: #32aade;
    border-color: #32aade;
    border-radius: 30px;
    letter-spacing: 4px;
}

    .btn-more:hover {
        background-color: white;
        border-color: #32aade;
        color: #32aade;
    }

    .btn-more:active {
        background-color: #32aade;
        border-color: #32aade;
    }

#landing-sec-2 h6{
    font-size:14px;
    letter-spacing:2.5px;
    font-weight:600;
}
#landing-sec-2 p {
    font-size:15px;
    letter-spacing:1.5px;
}

.features4-rightinfo {
    position: relative;
    min-height: 145px;
}

@media (max-width: 1280px) {
    .features4-rightinfo {
        min-height: 150px;
    }

}

@media (max-width: 1200px) {
    .features4-rightinfo {
        min-height: 195px;
    }
}

@media (max-width: 991px) {
    .features4-rightinfo {
        min-height: 105px;
    }
}

/*//section 2*/

/*section 3 grid*/

#landing-sec-3 {
    background-color:#fafafa;
}

.sec-2-grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: min-content min-content min-content;
    justify-content: center !important;
}

    .sec-2-grid img {
        max-width: 400px;
        height: 300px;
        object-fit: cover;
        object-position: 20% 10%;
    }

@media only screen and (max-width:1270px) {
    .sec-2-grid {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: min-content min-content;
    }
}

@media only screen and (max-width:800px) {
    .sec-2-grid {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: min-content;
    }
}

@media only screen and (max-width:400px) {
    .sec-2-grid img {
        max-width: 90vw;
        height: auto;
        object-fit: cover;
        object-position: 20% 10%;
    }
}
/*//section 4*/

/*section 5*/

#landing-sec-5 {
    background-color:#fafafa;
}
    #landing-sec-5 .row{
        justify-content:center !important;
    }
    #landing-sec-5 .card {
        background-color: white;
        height: 400px;
        width: 320px;
        justify-content: center !important;
        text-align: center;
        margin:0;
        flex:none;
    }
    #landing-sec-5 .card-img-5 {
        width:130px;
    }

.card-col-div {
    padding: 0;
    justify-content:center !important;
}

/*section 6*/

#landing-sec-6 {
    background-color: #32aade
}

.btn-join {
    border: 1px solid white;
    padding: 6px 20px;
    color: white;
    font-size: 25px;
    font-weight: bold;
    border-radius: 50px;
    width: 180px;
}

.white-text {
    color: white;
}

.btn-join:hover {
    background-color: white;
    color: #32aade;
}

.btn-join:active {
    background-color: #32aade;
}

/*navar styles*/
.navbar {
    width:100%;
}
.navbar-toggler {
    float: right;
    background-color:none;
    color:white;
}

.navbar-nav {
    float: right;
}
.fixed-top {
    position:absolute; 
}
.navbar-toggler {
    border:none;
}