/* navbar -- start */
.header.fixed{
    background: white;
    z-index: 999;
}

.nav-item .nav-link{
    color: black;
}

.nav-item .nav-link:hover{
    color: black;
}

.nav-item .nav-link:active{
    color: black;
}

.nav-item.dropdown .nav-link.show{
    color: black;
}

.nav-item .current{
    color: #679C2B;
}

.nav-item .current:hover{
    color: #679C2B;
}

.nav-item .current:active{
    color: #679C2B;
}

.nav-item.dropdown .current.show{
    color: #679C2B;
}
/* navbar -- end */


/* maps contents -- Start */
.maps_content {
    /* margin-left: 60px; */
    background: #F6F6F6;
    margin-top: 155px;
    border-radius: 20px;
}

.maps_content .here{
    text-decoration: none;
    color: #0586B6;
    font-size: 17px;
}
.maps_content h3{
    color: #679C2B;
    text-transform: uppercase;
    font-weight: 600;
}

.maps_content .text_content{
    padding: 35px 25px 20px 25px;
}

.samco {
    background: white;
    border-radius: 7px;
    padding: 25px 25px 15px 35px;
}

.samco h3{
    /* margin-top: 250px; */
    padding-bottom: 20px;
}

.samco h5{
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
}
.samco h5 span{
    display: flex;
}

.samco .contents{
    font-size: 17px;
    font-weight: 500;
    padding-left: 5px;
    margin-top: 10px;
}

.bulletin{
    padding-right: 22px;
}

.samco ul{
    padding-left: 5px;
}

.samco ul li{
    font-size: 17px;
    font-weight: 500;
    display: flex; 
    align-items: start;
    padding-top: 10px;
}

.grants{
    background: white;
    border-radius: 10px;
    padding: 25px 25px 10px 35px;
}

.grants h3{
    margin-bottom: 25px;
}

.grants ul li{
    margin-bottom: 17px;
    font-weight: 500;
    display: flex; 
    align-items: start;
}

.grants h5{
    font-weight: 800;
    font-size: 17px;
    margin-top: 30px;
}

.grants h5 span{
    font-weight: 500;
    line-height: 25px;
}

.grants .contents{
    font-size: 17px;
    font-weight: 500;
    padding-left: 5px;
    margin-top: 10px;
}

.grants .here.new_here{
    color: #1155CC;
}

.workshops{
    background: white;
    border-radius: 10px;
    padding: 25px 25px 10px 35px;
}

.workshops h3{
    margin-bottom: 25px;
}

.workshops ul li{
    margin-bottom: 20px;
    display: flex; 
    align-items: start;
}

.workshops h5{
    font-weight: 800;
    font-size: 17px;
    margin-top: 30px;
}

.workshops h5 span{
    font-weight: 500;
    line-height: 25px;
}

.workshops .contents{
    font-size: 17px;
    font-weight: 500;
    padding-left: 5px;
    margin-top: 10px;
}

.workshops .here.carb{
    color: #1155CC;
}

/* maps contents -- End */

/* Responsive -- Start */
@media (max-width: 420px) {
    .maps_content .text_content {
        padding: 25px 15px 15px 15px;
    }

    .maps_content .here{
        font-size: 15px;
    }

    .samco {
        padding: 20px 20px 10px 30px;
    }

    .samco .contents {
        padding-left: 0px;
    }

    .samco h5 {
        font-size: 15px;
    }

    .samco h5 span {
        font-size: 14px;
    }

    .samco ul li {
        font-size: 14px;
    }

    .grants {
        padding: 20px 20px 10px 30px;
    }

    .grants .contents {
        padding-left: 0px;
    }

    .grants h5 {
        font-weight: 800;
        font-size: 15px;
    }

    .grants h5 span {
        font-size: 14px;
    }

    .workshops {
        padding: 20px 20px 10px 30px;
    }

    .workshops .contents {
        padding-left: 0px;
    }

    .workshops h5 {
        font-weight: 800;
        font-size: 15px;
    }

    .workshops h5 span {
        font-size: 14px;
    }

    .bulletin {
        padding-right: 10px;
    }
}

@media (max-width: 375px) {
    .navbar_brand .logo{
        width: 250px;
    }

    .samco{
        padding: 15px 15px 10px 25px;
    }

    .grants {
        padding: 15px 15px 10px 25px;
    }

    .workshops{
        padding: 15px 15px 10px 25px;
    }
}

/* Responsive -- End */