@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playball&display=swap');



body {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    line-height: 28px;
    font-size:17px;
    color:#000
 
}




h1{font-size:32px;font-weight:900; word-spacing: 4px;letter-spacing: 1px;}

.bg-light {background-color: #fff!important;}


.navbar-nav {font-size:15px; font-weight:bold;color:#000;text-transform:uppercase; line-height:15px;margin-left:30px}

.nav-link {color: #000;border-bottom: solid 5px #fff; margin: 0 20px 0 0; }

a.nav-link {padding:4px 0px!important}

.nav-link:hover {border-bottom: solid 5px #AA1D00}

.nav-link.active {border-bottom: solid 5px #AA1D00}

.navbar{margin-top:10px}



.dropdown-item.active, .dropdown-item:active {
    color:#fff;
    text-decoration: none;
    background-color: #AA1D00 !important;
}

.dropdown-menu{border:none!important; line-height:28px; background-color:#eee}


.btn-black {
    align-items: center;
    text-decoration: none !important;
    background-color: #000;
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    max-width: 480px;
    min-height: 40px;
    min-width: 0px;
    overflow: hidden;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    touch-action: manipulation;
    transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
}

.btn-black:hover,
.btn-black:focus {
    background-color: #3A3939;
    color: #ffffff;
}

.btn-black:active {
    background: #3A3939;
    color: rgb(255, 255, 255, .7);
}

.btn-black:disabled {
    cursor: not-allowed;
    background: rgba(0, 0, 0, .08);
    color: rgba(0, 0, 0, .3);
}


.btn-red {
    align-items: center;
    text-decoration: none !important;
    background-color: #AA1D00;
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    max-width: 480px;
    min-height: 40px;
    min-width: 0px;
    overflow: hidden;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    touch-action: manipulation;
    transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
}

    .btn-red:hover,
    .btn-red:focus {
        background-color: #7A1500;
        color: #ffffff;
    }

    .btn-red:active {
        background: #7A1500;
        color: rgb(255, 255, 255, .7);
    }

    .btn-red:disabled {
        cursor: not-allowed;
        background: rgba(0, 0, 0, .08);
        color: rgba(0, 0, 0, .3);
    }



.generalcontent {
    height: 100%;
    background: #a6a6a6;
    background: linear-gradient(0deg,rgba(166, 166, 166, 1) 0%, rgba(237, 237, 237, 1) 100%);
    padding: 40px 0 60px 0
}


.generalcontent h3{padding:25px 0 20px 0;font-size:25px;}

.generalcontent h2{padding: 0 0 40px 0; font-size:35px; font-weight:bold}


    .container-fluid {
        padding: 0px !important 
    }



.cardnlc {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 80%;
    word-wrap: break-word;
    background-color: #000;
    background-clip: border-box;
    border-radius: 30px;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    padding: 0 0 20px 0;
    margin:10px auto
}

.cardnlc h5{font-size:20px;font-weight:bold;padding:10px}



.btn-primary{margin:10px 0;background-color:#AA1D00!important;font-weight:bold;border:none!important;border-radius: 100px;padding:10px 30px}
.btn-primary:hover{background-color:#7A1500!important;font-weight:bold;border:none!important;border-radius: 100px;padding:10px 30px}


.subscribebox {text-align:center!important; margin-bottom:40px  }

    .subscribebox input {
        color: #7A1500 !important;
        font-weight: bold;
        height: 50px !important;
        width: 380px !important;
        margin:10px auto!important;border-color:#ccc!important
    }


.textemailsubscription {padding:30px 0 0 0;line-height:28px
}

.footer {padding:30px; font-size:14px;color:#fff; background-color: #000; line-height:10px;}

.footer a{color:#fff; text-decoration:underline}
.footer a:hover{color:#fff; text-decoration:none}
.footer h2{padding-bottom:20px}



.footermenu {padding:60px 0;float:right}

.footercopy {float:right;line-height: 22px;}

.heroplace{margin:30px 0 50px 0}

.carousel-caption {
    background-color:black;
    left:23%;
    color: #fff;
    text-align: left;
    bottom:50%; padding:50px; opacity:0.8; width:50%
}


.textfront {
    padding: 50px 0;
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    line-height: 36px;
    font-size: 18px;
}




.innermenu{ background-color:#000;color:#fff;margin:10px 0 30px 0;padding:10px 0 0 0}

.innermenu h1{padding:10px 0}


    .maincontent li {
        list-style-image: url('/images/nativelearningcenterlibraries/website-assets/bullet.png'); padding:10px 0 0 0; 
    }


.profilepicture{margin:0 0 30px 0; line-height:26px}

.redcontent {
    margin: 60px 0;
    color: #fff;
    background-image: url('/images/nativelearningcenterlibraries/website-assets/redcontent.png ');
    height: 100%
}

.imagemask{filter:sepia(1)  opacity(0.4) }




.teammember {
    transition: transform 0.2s ease-out;
}

.teammember a{
    color: #000;
    text-decoration: none !important
}

.formgray{padding:30px;margin:50px 0; background-color:#ECECEC}


.teammember:hover {
    transform: scale(1.05);
}






.nav-pillsNLC {
    --bs-nav-pills-border-radius: none !important;
    --bs-nav-pills-link-active-color: yellow!important;
    --bs-nav-pills-link-active-bg: none !important;
    
}


.nav-linkNLC {
    color: #fff !important;
    border-bottom: none !important;
    margin: 0 20px 0 0;
    
}


.nav-pillsNLC .nav-linkNLC.active, .nav-pillsNLC .show > .nav-linkNLC {
    color: yellow !important;
     
}

















    @media (max-width: 680px) {
        .footermenu {
            padding: 60px 0;
            float: left;
        }

        .footercopy {
            clear: both;
            line-height: 22px;
            float: left;
        }
    }