/* general style */



h1, h2, h3, h4, h5, h5, span, label {
    font-family: 'Roboto', sans-serif;
}

.cursor {
    cursor: pointer;
}

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

.font-30 {
    font-size: 33px;
}

.w-60 {
    width: 60%;
}

.my-fixed-img {
    height: 80% !important;
}

.vh-83 {
    height: 83vh !important;
}

.mt-5,
.my-5 {
    margin-top: 1rem !important;
}


/* navbar */
nav .close {
    border: 3px solid #000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.fs-1 {
    font-size: 1.5rem !important;
}

.fs-5 {
    font-size: 1rem !important;
}

/* logo on img */
.logo-on-img {
    bottom: 5%;
    left: 4%;
}

/* form */
.form-btn {
    -webkit-box-shadow: 0px 2px 6px 1px #CACACA;
    -moz-box-shadow: 0px 2px 6px 1px #CACACA;
    box-shadow: 0px 2px 6px 1px #CACACA;
}

.bg-input {
    background-color: #E9F0FD !important;
}

input:focus {
    border: 4px solid #017EF4;
}


.form-control:focus {
    box-shadow: none;
}

.back-img {
    /* Full height */
    height: 80vh;
    /* Center and scale the image  */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0px 35px 35px 0px;
}

.form-input {
    padding-left: 1em !important;
}

input.form-control[disabled] {
    color: #999 !important;
}


/* Form Alert - Error */

.errorLogin {
    width: 75%;
}


/* back-img */
.back-img1 {
    /* The image used */
    background-image: url("/media/3980/sync_aquaticsbannerincreek.jpg");
    /* Full height */
    height: 80vh;
    /* Center and scale the image  */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0px 35px 35px 0px;
}

.back-img2 {
    /* The image used */
    background-image: url("/media/3981/sync_aquaticsflowergrowing.jpg");
    /* Full height */
    height: 80vh;
    /* Center and scale the image  */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0px 35px 35px 0px;
}

.back-img3 {
    /* The image used */
    background-image: url("/media/3982/sync_aquaticskidsbypond.jpg");
    /* Full height and width */
    width: 105%;
    height: 80vh;
    /* Center and scale the image */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0px 35px 35px 0px;
    padding-bottom: 40px;
}

.back-img4 {
    /* The image used */
    background-image: url("/media/3983/sync_labwomanwithmicroscope.jpg");
    /* Full height and width */
    width: 105%;
    height: 80vh;
    /* Center and scale the image */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0px 35px 35px 0px;
    padding-bottom: 40px;
}

.back-img5 {
    /* The image used */
    background-image: url("/media/3984/sync_hortgrowerwithplants.jpg");
    /* Full height and width */
    width: 105%;
    height: 80vh;
    /* Center and scale the image */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0px 35px 35px 0px;
    padding-bottom: 40px;
}

.back-img6 {
    /* The image used */
    background-image: url("../images/diane-serik-oFK7xgf4_50-unsplash.jpg");
    /* Full height and width */
    width: 105%;
    height: 80vh;
    /* Center and scale the image */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0px 35px 35px 0px;
    padding-bottom: 40px;
}