@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Playfair+Display&display=swap');
:root {
    --primary: #134B23;
    --secondary: #090;
    --light: #E2CEAD;
    --dark: #081d33;
    --title-font: "Poppins", sans-serif;
    --body-font: "Poppins", sans-serif;
    --heading-font:"Playfair Display",serif;
}
.bg-green1{
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
}
.bg-grey{
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
    /* background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%); */
    /* background: #FFE;
    border: 2px solid #FFA; */
    
}
.bg-grey2{
    background-color: #e5e5e5;
}
.mr-2px{
    margin-right:30px;
}
.hprimary{
    font-family: var(--heading-font); 
}
/* h1{
    font-size:3rem;
} */

 h2, h3, h5, h6 {
    /* font-family: var(--title-font); */
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    color: var(--dark);
    /* #332e29 */
}

    .cardh3 {
        line-height: 1.2;
        font-size: 1.875rem;
        margin-top: 20px;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-family: Montserrat,sans-serif;
        font-weight: 400;
        letter-spacing: 2px;
    }

/* h1{
    font-family:var(--heading-font);
    font-weight:500;
    line-height: 1.1em;
    font-size:4.5rem;
} */



.main-theme{
        background-image: linear-gradient(to bottom,#000000b5,#00ff8c4a);
        /* background: var(--bg-dark); */
}

/* NAVBAR STYLING */
#nav{
    background: var(--bg-dark);
    background-image: linear-gradient(to bottom,#000000b5,#00ff8c4a);
    
}
.navbar .nav-item .nav-link{
    color:rgb(255, 255, 255);
    padding: 3px 12px;
    border-bottom:2px solid transparent;
    margin:0px 3px;
    font-size:19px;
}

.navbar .nav-item .nav-link:hover {
    color:#FF9900;
    border-bottom:2px solid;
}

.navbar .collapse{
    padding-left:17vw;
}
.navbar-toggler {
    background-color:white;
}
@media (max-width: 991.98px){
    .navbar .collapse {
        margin-top: 15px;
        padding-left: 0px;
        padding-top: 14px;
        border-top: 2px solid;
    }
    
    .navbar .nav-item .nav-link {
        line-height:2;
    }
}
/* *********** */



/* Hero section */
.ht-1
{
    height:50vh;
}

.mt-custom{
    display: block;
    margin: 0rem auto;
    margin-top: 6rem;
}




/* Heading-divider */
span.heading-divider {
    display: block;
    position: relative;
    left: -40px;
    margin-bottom: 36px;
}
span.heading-divider:before {
    position: absolute;
    content: "";
    width: 13px;
    height: 12px;
    background: #b5d56a;
    left: 54%;
    margin-left: -5px;
    top: -4px;
}
span.heading-divider:after {
    position: absolute;
    content: "";
    height: 5px;
    width: 120px;
    left: 50%;
    margin-left: -30px;
    top: -1px;
    background: #b5d56a;
}
/* Heading-divider-end */




/* ----Announcement----- */

/* for images inside announcemment */
.mt-custom{
    display: block;
    margin: 0rem auto;
    margin-top: 6rem;
}
/* -------- */

.event-list-scroll{
    height: 42vh;
    overflow: auto;
    margin-bottom:30px;
}
.container{
    padding:5px;
}

.ov-control{
    overflow:hidden;
}

/* ------Announcement-ends------ */


/* ----feature section---- */
/* .feat{
    height:80vh;
    position:relative;
} */

.feat>h1{
    margin-top:20px;
    margin-bottom:2px;
    padding: 18px 0px 175px 0px;
    
    font-size:4.5rem;
}
#featinside
{
    display:flex;
    justify-content:space-evenly;
    align-items:center;
    box-sizing: border-box;
}



/* Feature section ends */
.bn{
    border:none;
}
.flt{
    position:absolute ;
    top: 172px;
    left: 2px;
    right: 2px;
    background:white;
}
.feat{
    padding:30px;
    position:relative
}
.cardimg{
    border-top-right-radius: 20px;
    border-bottom-left-radius:20px
}

.sep{
    height:100vh ;
}

.hello{
    background:white;
}
  @media only screen and (min-width:995px) {
    .hello{
        height:384px;
    }
  } 
  @media only screen and (max-width:995px) {
    .hello{
        height:384px;
    }
  } 

  @media only screen and (max-width: 991px) and (min-width: 612px) {
   
    .hello{
        height:500px
    }

  } 
  @media only screen and (max-width: 991px) and (min-width: 570px) {
   
    .hello{
        height:67rem;
    }

  } 
  @media only screen and (max-width: 569px) and (min-width: 50px) {

   
    .hello{

        height:69rem;
    }
    .cardh3{
        font-size:1rem;
    }
    .feat>h1 {
        font-size:2rem;
    }
    .card-text{
        line-height:16px;
    }

  } 
  





  /* -------Gallery------ */

  #galleryscroll {
    display: flex;
    height: 115vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#mygallery {

    border: 2px solid #00000066;
    border-radius: 12px;
    overflow-y: scroll;
    width: 77%;
}


element.style {
    width: 387px;
    height: 218px;
    margin-left: -194px;
    margin-top: -109px;
}
#mygallery img:hover {
    transform: scale(1.2);
    transition: all .5s ease-out;
    filter: brightness(75%);
}


/* Gallery---End */



/* Footer */

.col_white_amrc { color:#FFF;}
footer { width:100%; background-color:#333; min-height:250px; padding:10px 0px 25px 0px ;}
.pt2 { padding-top:40px ; margin-bottom:20px ;}
footer p { font-size:13px; color:#FFFFDD; padding-bottom:0px; margin-bottom:8px;}
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#FFFFDD;}
.footer_ul_amrc li a:hover{ color:#FFFFDD; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a {color:#FFF;}
.footer_ul2_amrc li a:hover { text-decoration:none; color:#FFE;}
.footer_ul2_amrc li i { margin-top:5px;}

.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.bottom_border2 { border-bottom:1px solid #e7e7e7; padding-bottom:10px;}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#FFFFDD; margin:0 12px;}
.contact-list dd a{ color:#FFE; }

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: rgba(255,255,255,0.5);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
	text-decoration:none;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: rgba(255,255,255,0.5);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: #FF9900;
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .btn.btn-square {
    color: rgba(255,255,255,0.5);
    border: 1px solid rgba(255,255,255,0.5);
}

.footer .btn.btn-square:hover {
    color: var(--secondary);
    border-color: var(--light);
}

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--secondary);
}

.footer .copyright a:hover {
    color: var(--primary);
}

.copyright3 {
    padding: 25px 0;
    font-size: 18px;
    border-top: 1px solid #ff2626;
}




.bg-dark {
    background-color: var(--dark)!important;
}
.footer {
    background: var(--bg-dark);
    background-image: linear-gradient(to bottom,#000000b5,#00ff8c4a);
}
.footer h5{
    font-family: var(--body-font);
}