:root {
    /* --primary-color: #119DA4; */
    --primary-color: #119da4;
    --secondary-color: #19647E;
    --light-green-overlay: #119da473;
    --light-red: #ff3d00;
    --footer-dark: #151e29;
    --dark-overlay: rgba(22, 21, 21, 0.178);
    --light-white: rgb(243, 243, 243);
    --text: #2f3640;
    --light-text: #7a7a7a;
    /* --light-text: #f8f9fa; */
    --facebook-blue: #4267b2;
    --twitter-blue: #1da1f2;
}

body {
    font-family: "lato", sans-serif;
    height: 100%;
    width: 100%;
}

.custom-bg-primary {
    background: linear-gradient(90deg, #119da481, #19657e), url("/assets/images/hero.jpg");
    background-size: cover;
    background-position: center;
    /* margin-top: 20px !important; */
    transform: translate(0%, 30%);
}

.left img {
    position: absolute;
    top: 40%;
    left: 30%;
    /* background: #000; */
    /* transform: translate(50,50); */
}

.btn {
    padding: .7rem 3rem;
    border-radius: 50px;
    color: var(--text);
    border: 2px solid #fff;
    transition-duration: .3s;
    font-weight: 600;
    font-size: 18px;
}

.btn:hover {
    box-shadow: 3px 3px 8px 2px #35353588;
    transition-duration: .3s;
}

.btn-green {
    background-color: var(--primary-color);
    color: #fff;
}

.btn-green:hover {
    color: var(--text);
    background-color: #fff;
}

.btn-white {
    background-color: #fff;
}

.btn-white:hover {
    color: #fff;
    background-color: var(--primary-color);
}

@media (max-width: 800px) {
    .left img {
        display: none;
    }
    .border {
        border: none !important;
    }
}

@media (max-width: 500px) {
    .custom-bg-primary {
        width: 100% !important;
        background-color: #119da473;
    }
    .loginform {
        width: 100% !important;
        padding: 0 !important;
        /* background: #000; */
    }
    .left img {
        display: none;
    }
    .d-flex {
        display: block !important;
    }
}

* {
    /* border: 2px solid red; */
}