html {
    scroll-behavior: smooth;
}

body {
    overflow: hidden;
}
/* GLOBAL */

div.page-banner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.big-section {
    padding: 6rem 1.5rem;
}

a.primary-link {
    color: #3EBB87;
    transition: .3s ease;
    position: relative;
}

a.primary-link:hover {
    color: #3EBB87;
    transition: .3s ease;
    color: #fff;
}

a.primary-btn {
    background: #06364a;
    color: #fff;
    padding: 15px 30px;
}

a.primary-btn:hover {
    background: #3EBB87;
    transition: .3s ease;
    color: #fff;
}

a.secondary-btn,
button.primary-btn {
    background: white;
    padding: 15px 50px;
    color: #000;
}

div.line {
    background: #3EBB87;
    width: 100px;
    height: 3px;
    margin: 10px 0;
}

body a {
    font-family: 'Mukta', sans-serif;
}

p a {
    color: #00697A;
}

body h1.title,
body h2.title,
body h3.title,
body h4.title,
body h5.title,
body h6.title {
    font-family: 'Montserrat', sans-serif;
    line-height: 40px;
}

h1.page-title strong,
h2.page-title strong,
h3.page-title strong,
h4.page-title strong,
h5.page-title strong,
h6.page-title strong {
    color: #3EBB87;
}

body h1.subtitle,
body h2.subtitle,
body h3.subtitle,
body h4.subtitle,
body h5.subtitle,
body h6.subtitle {
    font-family: 'Mukta', sans-serif;
}

body p,
li {
    font-family: 'Mukta', sans-serif;
    color: #666666;
    font-size: inherit;
}

div.banner {
    background: #06364a;
    padding: 50px 30px;
}

div.banner a.primary-btn {
    border: 2px solid white;
}

/* NAVBAR */

@media screen and (min-width: 768px){
    a.navbar-item {
        transition: .3s ease;
        color: #000;
    }
}


nav.navbar {
    padding: 10px;
}

a.navbar-item img {
    max-height: 3rem;
}

a.navbar-item.cta-nav {
    background: #06364a;
    transition: .3s ease;
    color: #fff;

}

div a.navbar-item:hover {
    background:transparent;
    color: #3EBB87;
    transition: .3s ease;
}

div a.navbar-item.cta-nav:hover {
    background: #3EBB87;
}


/* HERO BANNER */

div.hero-foot > .container {
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* background: rgb(33 33 33 / 90%); */
}

div.hero-foot a.primary-link:after {
    content: "";
    position: absolute;
    background: #3EBB87;
    width: 100%;
    height: 1px;
    top: 12px;
    left: 140px;
}

a.hero-btn {
    background: #06364a;
    padding: 15px 30px;
    color: #fff;
}

a.hero-btn:hover {
    background: #3EBB87;
    transition: .3s ease;
    color: #fff;
}

/* ABOUT */

@media screen and (min-width:768px){
    div.about__container ul {
        columns: 2;
    }
}

div.about__container ul li {
    margin-top: 8px;
}

/* MEMBER OPTIONS */

header.card-header {
    background: #3EBB87;
}

/* FEAUTURED */

div.featured__container {
    background: #06364a;
    margin-top: 100px;
    padding: 25px;
}

/* FOOTER */

footer.footer {
    background: #0E0E0C;
}

footer.card-footer p {
    background: #f4f4f4;
}

footer.card-footer a {
    background: #06364a;
    color: #fff;
}


.footer-form input.input,
.footer-form textarea.textarea {
    background: transparent;
    border-bottom: 1px solid white;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-radius: 0;
    color: #fff;
    outline: none;
    -webkit-appearance: none;
}

.footer-form input.input::placeholder,
.footer-form textarea.textarea::placeholder {
    color: rgb(128, 128, 128);
}

div.contact-info p,
div.contact-info a {
    margin-top: 20px;
    font-size: 18px;
}

div.bottom-footer {
    background: #1C1C1C;
    padding: 20px;
}

ul.footer-social {
    margin-top: 20px;
}

ul.footer-social li {
    display: inline-block;
    margin-right: 15px;
}

.contactPage textarea, input {
    color: black!important;
}

.footer textarea, input {
    color: #5c5c5c!important;
}