@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
  padding: 0;
  margin: 0;
}

body {
  position: relative;
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden;
}

nav {
  background: white;
}

nav ul li a {
  font-weight: 600 !important;
}

nav ul li a:hover {
  border-bottom: 4px solid #006766;
}

.btn-login {
  background-color: #BD211B !important;
  padding: 10px 30px !important;
  color: white !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  margin-right: 15px !important;
}

.btn-signup {
  background-color: #006766 !important;
  padding: 10px 30px !important;
  color: white !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
}

.hero-section {
  position: relative;
}

.banner-text {
  position: absolute;
  top: 45%;
  left: 5%;
  color: white;
}

.btn-green {
  background-color: #006766;
  color: white !important;
  padding: 10px 30px !important;
  border-radius: 30px !important;
}

.btn-green:hover {
  background-color: #fff;
  color: #006766 !important;
  box-shadow: 0 0 15px 5px #00000010;
}

.text-green {
  color: #006766;
}

.footer {
  position: relative;
  background: url('../images/footer.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 20px;
  color: white !important;
  margin-top: 5vh;
}

.social_links img {
  margin-right: 10px;
}
.header-btn{
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  background: white !important;
  color: black !important;
}
/* .white-section{
  height: 8vh;
  margin-top: 2.5vh;
  background-color: white;
  border-top-right-radius: 10px;
  width: 100%;
  display: row;
  flex-direction: column;
  align-items: center;
  color: #006766;
  padding: 10px;
} */
.table-def th{
  background-color: #006766 !important;
  color: white !important;
}
.form-def input , .form-def textarea , .form-def select  {
  margin-bottom: 10px;
}
.active>.page-link, .page-link.active{
  background: #006766;
  border: none;
}
    * {
        padding: 0;
        margin: 0;
    }
    
    body {
        font-family: "Montserrat", sans-serif;
    }
    
    nav {
        background: white;
    }
    
    nav ul li a {
        font-weight: 600 !important;
    }
    
    nav ul li a:hover {
        border-bottom: 4px solid #006766;
    }
    
    .btn-login {
        background-color: #BD211B !important;
        padding: 10px 30px !important;
        color: white !important;
        border-radius: 30px !important;
        font-weight: 600 !important;
        margin-right: 15px !important;
    }
    
    .btn-signup {
        background-color: #006766 !important;
        padding: 10px 30px !important;
        color: white !important;
        border-radius: 30px !important;
        font-weight: 600 !important;
    }
    
    .hero-section {
        position: relative;
    }
    
    .banner-text {
        position: absolute;
        top: 45%;
        left: 5%;
        color: white;
    }

    .btn-green {
        background-color: #006766 !important;
        color: white !important;
        padding: 10px 30px !important;
        border-radius: 30px !important;
        text-decoration: none !important;
    }
    
    .btn-green:hover {
        background-color: #fff  !important;
        color: #006766 !important;
        box-shadow: 0 0 15px 5px #00000010;
    }
    
    .text-green {
        color: #006766;
    }
    
    .footer {
        position: relative;
        background: url('../images/footer.png') !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 20px;
        color: white !important;
        margin-top: 5vh;
    }
    
    .social_links img {
        margin-right: 10px;
    }
    
    .links a {
        color: white !important;
        text-decoration: none !important;
        margin-right: 5%;
    }
    
    .btn-red {
        background-color: #BD211B !important;
        padding: 10px 30px !important;
        color: white !important;
        border-radius: 30px !important;
        font-weight: 600 !important;
        margin-right: 15px !important;
    }
    
    .btn-white {
        background-color: transparent !important;
        padding: 10px 30px !important;
        color: white !important;
        border-radius: 30px !important;
        font-weight: 600 !important;
        margin-right: 15px !important;
        border: 1px solid #fff;
    }
    
    .btn-white:hover {
        background-color: white !important;
        color: black !important;
        border: 1px solid #fff;
    }
    
    .footer .wapp {
        position: absolute;
        right: 2%;
        top: -7%;
    }
    
    .login-page {
       
        background: url('../../images/MVP  Flavors - Log in.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        height: fit-content;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
    }
    
    .form {
        background-color: #006766;
        padding: 30px;
        border-radius: 30px;
        box-shadow: 6px 9px 10px 5px #00000020;
        color: white;
        
    }
    

    
    .splash {
        height: 100vh;
        background: url('../images/splash.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .footer-splash {
        position: absolute;
        bottom: 0;
    }
    
    .skip-btn {
        position: absolute;
        bottom: 0;
        right: 2%;
        margin-bottom: 3vh;
    }
    
    @media screen and (max-width: 968px) {
        .splash .btns a {
            width: 100%;
            margin-bottom: 10px;
        }
    }


.btn-red {
  background-color: #BD211B !important;
  padding: 10px 30px !important;
  color: white !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  margin-right: 15px !important;
}

.btn-white {
  background-color: transparent !important;
  padding: 10px 30px !important;
  color: white !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  margin-right: 15px !important;
  border: 1px solid #fff;
}

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

.footer .wapp {
  position: absolute;
  right: 2%;
  top: -7%;
}
.header{
    position: relative;
    min-height: 10vh;
    background: linear-gradient(to right, #006766 25% , #017674 25%);
    padding: 0px !important;
    
}
.left-side{
    /* background: linear-gradient(to right, #006766 25% , #017674 25%); */
    min-height: 10vh;
    border-top-right-radius: 10px;
}

#faq details{
  background-color: red !important;
  box-shadow:  0 0 10px 10px #00000010;
  border-radius: 10px;
}