@import url('https://fonts.googleapis.com/css2?family=Manrope&family=Poppins:ital,wght@0,400;1,500&family=Quicksand:wght@500&display=swap'); 




:root{
    --main-background:rgb(12, 116, 43);
    --green-color:rgb(12, 116, 43);
    --light-color:#fff;
    --main-font-size:20px;
    --font-35-size:35px;
    --media-font-size:13px;
    --tablet-size:15px;
}


::-webkit-scrollbar{
    width: 5px;
}
::-webkit-scrollbar-thumb{
 background-color:var(--main-background);
 border-radius: 5px;
}
*{
    margin: 0px;
    padding: 0px;
    scroll-behavior: smooth;
    font-family: 'Poppins', sans-serif;
}

.col-xl-12.col-sm-12.col-xxl-12.col-12.col-md-12{
    overflow: hidden;
}

section{
    overflow: hidden;
}
footer{
    overflow: hidden;
}

.navbar{
box-shadow: 0px 5px 10px rgba(221, 243, 227, 0.2);
border-bottom:1px solid var(--green-color);
}
.nav_head_name{
    font-size: 13px;
}
.nav_sec_name{
    font-size: 13px;
}
.mt-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-n2 {
    margin-top: -0.55rem !important;
  }

.navbar .nav-item .nav-link {
    font-family: 'Poppins', sans-serif;
}
.nav-item .nav-link {
    color: var(--green-color);
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    font-size: 12.5px;
    font-family: 'Poppins', sans-serif;
     font-weight: bold;
}

.nav-link:hover {
    border-top: 2px solid lightgreen;
    font-family: 'Poppins', sans-serif;
    font-size:12px;
    cursor: pointer;
    color: lightgreen;
}

.navbar-toggler {
    border: 1px solid white;
}

#menu-icon {
    color: var(--green-color);
    font-size: 30px;
    cursor: pointer;
    

}

.navbar .navbar-brand {
    color: var(--main-background);
    font-weight: 600;
    border: none;
    font-size:23px;
}

.navbar-brand:hover {
    color: var(--green-color);
    font-weight: 600;
    border: none;
}

.small_nav{
  background-color: rgb(1, 145, 61);
}
a{
    text-decoration: none;
}


.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown {
    margin-left: 40rem;
    margin-right: 40rem;
}
.dropdown-menu{
    border: 1px solid lightgreen;
    box-shadow: 0px 3px 5px rgb(204, 223, 204);
}
.dropdown-menu .dropdown-item{
  color: var(--green-color);
font-size: 11px;
border-bottom: 1px solid rgb(235, 245, 240);
}
.dropdown-menu .dropdown-item:hover{
   background-color: var(--green-color);
  font-size: 10px;
  color: var(--light-color);
  }
  
  


@media (max-width:576px) {
    ::-webkit-scrollbar{
        width: 0px;
    }
    ::-webkit-scrollbar-thumb{
     background-color:var(--main-background);
     border-radius: 20px;
    }
.navbar-brand {
    color: rgb(255,255,255);
    font-weight: 600;
    border: none;
    font-size:18px;
}


    #front_cont {
        margin-top: 0px;
    }

    .con-sevicer{
        margin-top: -4em;
    }

.header{
    font-family: 'Poppins', sans-serif;
    background-color:var(--light-color);
    box-shadow: 0px 5px 10px rgba(4, 131, 68, 0.2);
    

}

    #navbarSupportedContent {
        border-top: 1px solid #fff;
        background-color: var(--light-color);
        margin-top: 10px;
        padding-bottom: 5px;
    
    }

    #menu-icon {
        color: var(--green-color);
    font-size: 28px;
    cursor: pointer;
        
    }

   .nav-item .nav-link {

        color: var(--green-color);

        padding-left: 15px;
        padding-right: 25px;
        padding-bottom: 5px;
        transition: 5ms ease-in;
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
        /* margin-right: 15px; */
        border-bottom: 0.3px solid rgb(255, 255, 255);
        margin-bottom: 10px;




    }

    .nav-item .nav-link:hover {
        color: var(--green-color);
        padding-left: 5px;
        padding-bottom: 5px;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        border-left: 3px solid lightgreen;
        border-top: none;
        cursor: pointer;
        border-radius: 5px;
        background-color: white;



    }

}

@media (min-width: 577px) and (max-width:1020px) {
    
    ::-webkit-scrollbar{
        width: 3px;
    }
    ::-webkit-scrollbar-thumb{
     background-color:var(--main-background);
     border-radius: 20px;
    }
    .navbar-brand {
    color: white;
    font-weight: 600;
    border: none;
    font-size:25px;
}

.navbar-brand:hover {
    color: rgb(77, 230, 166);
    font-weight: 600;
    border: none;
    
}#navbarSupportedContent {
    border-top: 1px solid #fff;
    background-color: var(--light-color);
    margin-top: 10px;
    padding-bottom: 5px;

}

#menu-icon {
    color: var(--green-color);
font-size: 28px;
cursor: pointer;
    
}

.nav-link {

    color: var(--green-color);

    padding-left: 15px;
    padding-right: 25px;
    padding-bottom: 5px;
    transition: 5ms ease-in;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    /* margin-right: 15px; */
    border-bottom: 0.3px solid rgb(255, 255, 255);
    margin-bottom: 10px;




}

.nav-link:hover {
    color: var(--green-color);
    padding-left: 5px;
    padding-bottom: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    border-left: 3px solid rgb(77, 230, 179);
    cursor: pointer;
    border-radius: 5px;
    background-color: white;



}


}