html {
    scroll-behavior: smooth;
    max-width: 2000px;
    margin-right: auto;
    margin-left: auto;
  }
.header{
	max-width: 2000px;
}
body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    background-color: #285d09;
}
.wrapper{
    width: 100%;
    /* max-width:1700px; */
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden !important;
}
/* width */
::-webkit-scrollbar {
    width: 12px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(240, 240, 240); 
    
    border-radius: 0px;
    background-color: rgb(240, 240, 240);
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #558b2f; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #558b2f; 
  }

::-moz-selection { /* Code for Firefox */
    color: white;
    background: #558b2f;
  }  
  ::selection {
    color: #ffffff;
    background: #558b2f;
  }
.btn, .card{
    border-radius: 0px !important;
}
.sec-1{
    margin-top: 125px;/*without special notice*/
    /* height: calc((100vw - 20px) * 0.5625); 16:9 aspect ratio */
}
.notice-pad{
    margin-top: 185px !important;/*with special notice*/
}
.notice-hide{
transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
    min-height: 0px !important;
    padding: 0px !important;
}
.notice-show{
     opacity: 1;
    height: auto;
}
.pdn-special-alert{
    width: 100%;
    min-height: 60px;
    background-color: #fbeb7e;
background-image: linear-gradient(180deg, #fbeb7e 0%, #e8ac02 100%);z-index: 1100;
color: #333;
text-align: center;
padding: 15px 15px 5px 15px;
}
.pdn-special-alert p{
    font-weight: bold;
}
.pdn-special-alert a{
    padding: 5px 10px;
    border: 2px solid #333;
    border-radius: 5px;
    background: #333;
    color: #e8ac02;
    text-decoration: none;
    transition: 1s;
}
.pdn-special-alert a:hover{
    border: 2px solid #333;
    text-decoration: none;
    background: transparent;
    color: #333;
    transition: 1s;
}
.pdn-special-alert button{
    position: absolute;
    left: auto;
    right: 3px;
    top: 8px;
    background: transparent;
    border: none;
    color: #333;
    font-size: 20px
}
.pdn-special-alert button:hover{
    color: black;
    border: none;
}
.pdn-special-alert button:focus{
    outline: none;
}
h1,h2{
    /* font-family: 'Josefin Sans', sans-serif; */
    font-family: 'Inter', sans-serif;
    font-weight: 900;
}
h3,h4,h5,h6{
    font-family: 'Open Sans', sans-serif;
}
p,li,a{
    /* font-family: 'Heebo', sans-serif; */
    /* font-family: 'Josefin Sans', sans-serif;  */
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 17px !important;
}
.text-date{
    font-size: 13px;
    color:rgb(171, 171, 171);
}
.btn-sm{
    padding:2px 10px;
}
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color:#558b2f;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
  }
  
/* .shadow{
    -webkit-box-shadow: 4px 3px 10px -2px white;
-moz-box-shadow: 4px 3px 10px -2px white;
box-shadow: 4px 3px 10px -2px white;

} */
.hamburger{
    background: transparent;
    border: none;
    display: none;
    color: white;
}
.shadow1{
    background: white;
}
.bg-maroon{
    background:#558b2f ;
}
.bg-white{
    background: white;
}
.bg-grey{
    background:#F8f8f8  ;
}
.bg-svg{
    background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23e6e6e6' stroke-width='1.8' stroke-opacity='0.23'%3E%3Crect x='-40' y='40' width='75' height='75'/%3E%3Crect x='-35' y='45' width='65' height='65'/%3E%3Crect x='-30' y='50' width='55' height='55'/%3E%3Crect x='-25' y='55' width='45' height='45'/%3E%3Crect x='-20' y='60' width='35' height='35'/%3E%3Crect x='-15' y='65' width='25' height='25'/%3E%3Crect x='-10' y='70' width='15' height='15'/%3E%3Crect x='-5' y='75' width='5' height='5'/%3E%3Crect width='35' height='35'/%3E%3Crect x='5' y='5' width='25' height='25'/%3E%3Crect x='10' y='10' width='15' height='15'/%3E%3Crect x='15' y='15' width='5' height='5'/%3E%3Crect x='40' width='75' height='75'/%3E%3Crect x='45' y='5' width='65' height='65'/%3E%3Crect x='50' y='10' width='55' height='55'/%3E%3Crect x='55' y='15' width='45' height='45'/%3E%3Crect x='60' y='20' width='35' height='35'/%3E%3Crect x='65' y='25' width='25' height='25'/%3E%3Crect x='70' y='30' width='15' height='15'/%3E%3Crect x='75' y='35' width='5' height='5'/%3E%3Crect x='40' y='80' width='35' height='35'/%3E%3Crect x='45' y='85' width='25' height='25'/%3E%3Crect x='50' y='90' width='15' height='15'/%3E%3Crect x='55' y='95' width='5' height='5'/%3E%3Crect x='120' y='-40' width='75' height='75'/%3E%3Crect x='125' y='-35' width='65' height='65'/%3E%3Crect x='130' y='-30' width='55' height='55'/%3E%3Crect x='135' y='-25' width='45' height='45'/%3E%3Crect x='140' y='-20' width='35' height='35'/%3E%3Crect x='145' y='-15' width='25' height='25'/%3E%3Crect x='150' y='-10' width='15' height='15'/%3E%3Crect x='155' y='-5' width='5' height='5'/%3E%3Crect x='120' y='40' width='35' height='35'/%3E%3Crect x='125' y='45' width='25' height='25'/%3E%3Crect x='130' y='50' width='15' height='15'/%3E%3Crect x='135' y='55' width='5' height='5'/%3E%3Crect y='120' width='75' height='75'/%3E%3Crect x='5' y='125' width='65' height='65'/%3E%3Crect x='10' y='130' width='55' height='55'/%3E%3Crect x='15' y='135' width='45' height='45'/%3E%3Crect x='20' y='140' width='35' height='35'/%3E%3Crect x='25' y='145' width='25' height='25'/%3E%3Crect x='30' y='150' width='15' height='15'/%3E%3Crect x='35' y='155' width='5' height='5'/%3E%3Crect x='200' y='120' width='75' height='75'/%3E%3Crect x='40' y='200' width='75' height='75'/%3E%3Crect x='80' y='80' width='75' height='75'/%3E%3Crect x='85' y='85' width='65' height='65'/%3E%3Crect x='90' y='90' width='55' height='55'/%3E%3Crect x='95' y='95' width='45' height='45'/%3E%3Crect x='100' y='100' width='35' height='35'/%3E%3Crect x='105' y='105' width='25' height='25'/%3E%3Crect x='110' y='110' width='15' height='15'/%3E%3Crect x='115' y='115' width='5' height='5'/%3E%3Crect x='80' y='160' width='35' height='35'/%3E%3Crect x='85' y='165' width='25' height='25'/%3E%3Crect x='90' y='170' width='15' height='15'/%3E%3Crect x='95' y='175' width='5' height='5'/%3E%3Crect x='120' y='160' width='75' height='75'/%3E%3Crect x='125' y='165' width='65' height='65'/%3E%3Crect x='130' y='170' width='55' height='55'/%3E%3Crect x='135' y='175' width='45' height='45'/%3E%3Crect x='140' y='180' width='35' height='35'/%3E%3Crect x='145' y='185' width='25' height='25'/%3E%3Crect x='150' y='190' width='15' height='15'/%3E%3Crect x='155' y='195' width='5' height='5'/%3E%3Crect x='160' y='40' width='75' height='75'/%3E%3Crect x='165' y='45' width='65' height='65'/%3E%3Crect x='170' y='50' width='55' height='55'/%3E%3Crect x='175' y='55' width='45' height='45'/%3E%3Crect x='180' y='60' width='35' height='35'/%3E%3Crect x='185' y='65' width='25' height='25'/%3E%3Crect x='190' y='70' width='15' height='15'/%3E%3Crect x='195' y='75' width='5' height='5'/%3E%3Crect x='160' y='120' width='35' height='35'/%3E%3Crect x='165' y='125' width='25' height='25'/%3E%3Crect x='170' y='130' width='15' height='15'/%3E%3Crect x='175' y='135' width='5' height='5'/%3E%3Crect x='200' y='200' width='35' height='35'/%3E%3Crect x='200' width='35' height='35'/%3E%3Crect y='200' width='35' height='35'/%3E%3C/g%3E%3C/svg%3E");
}
.bg-svg-2{
    background-color: #f7f7f7;
}
.text-gold{
    color: gold;
}
/*--top nav--*/
.top-nav{
    top: 0;
    left:0;
    width: 100%;
    height: 50px;
    padding: 15px;
    box-sizing: border-box;
    background: #285d09;
    z-index: 1100; 
}
.top-nav-ul{
    width:100%;
    list-style: none;
    float: right;
    margin: 0;
    padding:0;
    display:flex;
    justify-content:flex-start;
}
.top-nav-links{
    line-height:20px;
    color:white;
    padding:10px 20px 8px 20px;
    text-decoration: none;
    border-bottom: 3px solid #285d09;
    font-size: 17px !important;
    border-right: 3px solid rgb(77, 77, 77);
}
.top-nav-links:hover{
    text-decoration: none;
    color: white;
    border-bottom: 3px solid #333333;
    transition:  0.5s ease;
    background-color: #333333;
}
.top-nav-search{
    border-radius:7px;
    border: none;
    background: white;
    padding:2px 5px;
    width: 15vw;
}
.top-nav-search:focus{
    outline: #285d09;
}
.form-2 input {
    height: 28px;
    margin-top: 2px !important;
    background: #222121;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid white;
  }
#basic-text1{
    background:#222121 ;
    height: 28px;
    margin-top: 2px !important;
    border: none;
}
#basic-text1 i{
    color: white;
}
.top_bar_mobile{
    position: fixed;
    background: #222121;
    width: 90%;
    height: 100vh;
    z-index: 1000;
    /* display: none; */
    transform: translateX(-100%);
    transition: transform  0.5s ease-in;
    display: none;
}
.active_top_mobile{
    padding-left:25px ;
    position: fixed;
    background: #222121;
    width: 90%;
    height: 100vh;
    padding-left:25px ;
    z-index: 1000;
    /* display: none; */
    transform: translateX(0%);
}
.top_bar_mobile .top-nav-links{
    display:block;
    line-height:30px;
    color:white;
    padding:10px 10px;
    text-decoration: none;
    border-bottom: 3px solid #222121;
    font-size: 12px;
}
.top_bar_mobile .top-nav-links:hover{
    text-decoration: none;
    color: white;
    border-bottom: 3px solid #222121;
    transition:  0.5s ease;
    background-color: transparent;
}
#___gcse_0{
    height: 28px !important;
    float: right !important;
    transition: all 0.35s, border-radius 0s;
    float: right !important;
    max-width: 180px !important;
    margin-right: 3px !important;
}
.gsc-input tr .gsib_b{
    display: none !important;
}
.gsc-control-cse, .gsc-control-cse-en{
    background: transparent !important;
    border: none !important;
    padding: 2px !important;
} 
.gsc-input{
    padding: 0 !important;
    width: 100%!important;
    height: 28px !important;
    margin-top: 0px !important;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border:none !important;
    height: 28px !important;
    padding: 0 0 0 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
.gsib_a{
    padding:0 !important;
}
.gs-title{
    font-weight: 700 !important;
    color: #558b2f !important;
}
.gsc-search-button-v2{
    border-color: white !important;
    background-color: white !important;
    background-image: none !important;
    color: #333 !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    margin-top: 0px !important;
    margin-left: -2px;
}
.gsc-search-button-v2:focus {
    outline: none !important;
}
#___gcse_0:hover{
    max-width: 250px !important;
    margin-right: 3px !important;
}   
.gsc-search-button-v2 svg {
    fill: #333 !important;
}
.search-form .form-group {
    float: right !important;
    transition: all 0.35s, border-radius 0s;
    margin-top: 2px;
    margin-right: 20px;
    width: 28px;
    height: 28px;
    background-color: #f2f0ee;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border-radius: 25px;
    /* border: 1px solid #ccc; */
  }
  .search-form .form-group::placeholder{
      color:#222121;
  }
  .search-form .form-group input.form-control {
    padding-right: 20px;
    border: 0 none;
    background: transparent;
    box-shadow: none;
    display:block;
    font-size: 12px;
    padding-top: 0px;
  }
  .search-form .form-group input.form-control::-webkit-input-placeholder {
    display: none;
  }
  .search-form .form-group input.form-control:-moz-placeholder {
    /* Firefox 18- */
    display: none;
  }
  .search-form .form-group input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    display: none;
  }
  .search-form .form-group input.form-control:-ms-input-placeholder {
    display: none;
  }
  .search-form .form-group:hover,
  .search-form .form-group.hover {
    width: 100%;
    border-radius: 4px 25px 25px 4px;
  }
  .search-form .form-group span.form-control-feedback {
    position: absolute;
    top: 3px;
    right: 20px;
    z-index: 2;
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #222121;
    left: initial;
    font-size: 12px;
  }
  li .top-nav-li::marker{
      color: gold !important;
  }
/*--main nav--*/
.header{
    position: fixed;
    z-index: 900;
    width: 100%;
}
.header-fixed{
    position:fixed;z-index:1000;width:100%;
}
.main-nav{
    font-family: 'Josefin Sans', sans-serif;
    position: relative;
    top: 0;
    left:0;
    width: 100%;
    box-sizing: border-box;
    border-top: 2px solid #285d09 ;
    background:linear-gradient(#285d09,#285d09 );
}
.main-nav .row{
    margin-bottom: 0;
}
.main-nav-logo-div{
    width:100%;
    display: flex;
    justify-content: center;
}
.main-nav-logo-text{
    width: 100%;
    color: rgb(216, 199, 44);
    margin-left: 25px;
    font-size: 20px;
}
.main-nav-ul{
    list-style: none;
    margin: 65px 30px 0px 0;
    padding:0;
    display:flex;
    justify-content: space-around;
    /* transition: 1s; */  /*home section margin shrink missin*/
}
.main-nav-ul-shrink{
    margin: 15px 0 0px 0;
    /* transition: 1s; */
} 
.b-maroon{
    border-bottom: 2px solid #285d09 ;
}
.text-maroon{
    color: #285d09;
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 2rem;
    list-style: none;
    /* background-color: rgb(182, 180, 180); */
    /* border: 1px solid rgb(185, 185, 185); */
    border-radius: 0.25rem;
}
.notice-box-dark{
    background: #f7f7f7 !important;
}
.btn-group > .btn:hover{
    transition:ease-in-out 0.3s;
    background-color: #285d09;
}
.main-nav-li{
    padding:0px;
}
.main-nav-links{
    line-height:40px;
    background: transparent;
    border: none;
    color: white;
    text-decoration: none;
    font-size: 15px;
    font-weight:bold;
}
.hamburger-main{
    line-height:40px;
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-weight:bold;
    border-radius: 5px;
    display: none;
    padding-left: 0;
}
.main-nav-links:hover{
    border-radius: 5px;
    transition: 1s;
    text-decoration: none;
    color: gold;
}
.main-nav-links:focus{
    outline: none;
}
.dropdown:hover i{
    transform: rotate(180deg);
    transition: 0.5s;

}
#main-collapes{
    background: transparent;
    height: 40px;
}
#main-collapes:focus{
    outline: none;
}
.main-nav-logo{
    height:90px;margin-top:0px;
    transition: 1s;
}
.logo-header-srink{
    height: 40px;
    transition: height 1s;
}
/* section 1 */
.sidebar-ul{
    width: 100%;
    padding-left:0;
}
.sidebar-li{
    list-style: none;
    line-height: 40px;
}
.sidebar-links{
    text-decoration: none;
    display: block;
    padding: 10px 15px;
    color: white;
    border-bottom:2px #285d09 ;
    transition: 0.5s ease;
}
.sidebar-links:hover{
    text-decoration: none;
    color: #285d09;
    background:#d1d1d1;
    border-bottom:2px solid transparent;
}
.slider-overlay{
    margin: 0;
    margin-left: -20px;
    padding: 0;
    width: 110%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.602),transparent);
    position: absolute;
    z-index: 1;
}
.slider-overlay-light{
    margin: 0;
    margin-left: -20px;
    padding: 0;
    width: 110%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.52),transparent);
    position: absolute;
    z-index: 1;
}
/* event */
.event-main-div{
    overflow-y:visible;
} 

.table td {
    padding: 0.75rem;
    vertical-align: middle;
    border-top:none;
}
.event-table tr,td{
    border: none;
    /* border-bottom: 1px solid #e2e0e0; */
}

.event-table .nob{
    border: none !important;
}
tr td .box{
    color: #285d09;
}
/* tr td .box h4{
    color: gold;
} */
tr td .box p{
    font-size: 12px;
    text-align: center;
    margin-bottom: 0;
}
tr td .box h1{
    text-align: center;
    margin-bottom: 0;
}
.event-content p,a{
    color: #333;
    font-size: 13px;
    text-decoration: none;
    margin-bottom: 0px;
    text-align: justify;
}
.table .event-content{
    vertical-align: middle !important;
}
.event-content a:hover{
    color: #285d09 ;
    text-decoration: none;
}
.mobile-events{
    display: none;
}
.mobile-events a:hover{
    color: #285d09 ;
}
.event-badge h4{
    text-align: center;
    color:#285d09 ;
    background-color: #e2dfdf;
}
.event-badge p{
  text-align: justify;
}

/* news */
.news{
    background: #fff ;
}
.news-thumb{
    width: 100%;
    /* max-height:35vh; */
}
.news_title p{
    color: #333;
    font-weight: bold;
    text-align: left !important;
}
.home_news_img{
    min-width: 100%;
    overflow: hidden;
}
.news-category{
    position:absolute;
    margin-top: -27px;
    float: right;
    font-size:11px;
    padding: 5px;
    height:27px;
}
.news-card{
    transition:0.5s;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;

}
.news-card:hover{
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.education{
    background: rgb(61, 187, 134);
    color: #333333;
}
.awards{
    background: rgb(24, 67, 122);
    color: #ffffff;
}
.public{
    background: rgb(207, 126, 4);
    color: #000000;
}
.news-date{
    font-weight: bold;
    color:#558b2f;
    font-size: 11px;
    padding: 5px;
    width: 40%;
}
.news-content{
    /* min-height:200px; */
}
.p-brief{
    /* height: 150px; */
    display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: justify !important;
}
/* notice */
.notice-box{
    background: white;
    border-radius: 0px;
    width: 100%;
    border-top: 2px solid #285d09 ;
    background: white;
    margin-bottom: 25px;
}
.notice-footer{
    padding-top: 8px;
}
.notice-footer a{
    font-weight: 600;
    font-style: italic;
    color: #285d09;
}
.notice-footer a:hover{
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
    color: #333 ;
}
.btn-notice{
    background: #285d09 ;
    color: white;
    transition: 0.5s;
}
.btn-notice:hover{
    background: #c5e1a5;
    color: white;
}
.notice-content p{
    text-align:left;
    font-size: 13px;
}
.notice-date p{
    margin-bottom: 2px;
    font-weight: 900;
}
.notice-content p{
    word-wrap: break-word;
    font-weight: bold;
}
.notice-row{
    overflow-y: hidden;
}
/* Video section*/
.youtube{
    width: 2000px;
    height: 494px;;
}
.video-link{
    width: 100px;
    padding: 20px 60px;
    background-color: gold;
    color: #558b2f ;
    font-weight: 900;
    font-size: 18px;
}
.video-link:hover{
    width: 100px;
    padding: 20px 60px;
    background-color: gold;
    text-decoration: none;
    color: #333;
    font-weight: 900;
    font-size: 18px;
}
.more-btn{
    background: #285d09 ;
    color: white;
    font-weight: bold;
    /* border:1px solid #333; */
    padding: 10px 30px;
}
.more-btn span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }
  
  .more-btn span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
  }
  
  .more-btn:hover span {
    padding-right: 25px;
    color: gold;

  }
  .more-btn:hover span:after {
    opacity: 1;
    right: 0;
  }
  .large-text{
    font-size:400%
  }
  .see_all_btn{
    float: right;
    font-weight: bold;
  }

  .see_all_btn:hover{
    color:#c5e1a5 ;
    font-weight: bold;
  }
  /* video gallery */
  .video_date{
      color: rgb(160, 160, 160);
      font-size: 13px !important;
      margin-bottom: 0;
  }
  .video_title{
      color: #558b2f;
      font-weight: 600;
  }
/* footer */
.footer{
    background:linear-gradient(#285d09,#285d09 );
}
.footer_logo{
    position: absolute;

    top: 30%;
    left: 40%;
    transform: translateY(-50%);
    /* transform: translateX(-50%); */
}

.footer ul{
    margin: 0;
    padding: 0;
}
.footer ul li{
    list-style: none;
    padding: 5px;
    justify-content:c;
}
.footer ul li a{
    color: #f5f5f5;
    transition: 0.5s;
}
.footer ul li a:hover{
    color: rgb(216, 199, 44);
    text-decoration: none;
}
.footer a{
    color: white;
}
.footer-copyright{
    border-top: 2px solid #285d09 ;
    background: #285d09;
}
.all-link{
    margin-left: 15px;
    background-color: rgb(199, 191, 191);
    padding: 5px 7px;
    text-decoration: none;
    border-radius: 5px;
    color: #558b2f ;
    font-size: 12px;
}
.all-link:hover{
    background-color: #558b2f ;
    color: white;
    text-decoration: none;
    transition: 0.5s;
}
.sec-4{
    min-height: 60vh;
    background: #f1f0ee ;
}
/* all news */
.card{
    border: none;
    margin-bottom: 40px;
    background: white;
}
.card > h5{
    text-align: center !important;
}
.card-text p{
    font-size: 13px;
    /* text-align: center; */
}
.card-text a{
    font-weight: bold;
    color: #558b2f ;
    text-decoration: none;
}
.filter-btn{
    border-radius: 20px;
    padding-left: 30px;
    color: #333;
    border: none;
    background: #f5f5f5;
    border: 2px solid #558b2f ;
}
.search{
    border-radius: 20px;
    padding-left: 10px;
    border: none;
    background: #fff;
    border: 1px solid #969696;
}
.src-btn{
    border-radius: 20px;
    padding-left: 10px;
    border: none;
    color: white;
    background: #558b2f ;
    border: 1px solid #558b2f;
}
.src-btn:hover{
    border-radius: 20px;
    padding-left: 10px;
    border: none;
    color: rgb(238, 236, 236);
    background: #558b2f;
    border: 1px solid #969696;
}
.input-group:focus{
    outline: none;
}
.input-group-append .btn:focus {
    outline: none;
}
.filter-btn:hover{
    border-radius: 20px;
    padding-left: 30px;
    color: #333;
    border: none;
    background: #f5f5f5;
    border: 2px solid #4e9640 ;
}
/* .filter input{
  
} */
 
  .dropdown {
    position: relative;
    display: inline-block;  
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    /* right: 20px; */
    background: #fff;
    margin-left: 50%;
    transform: translateX(-50%);
    opacity: 1;
  }
.large-content{
    min-width: 800px;
    margin-left:auto;
    transform: translateX(-60%);
}
  .dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    color: #333;
    transition: 0.2s;
  }
  
  .dropdown-content a:hover {
      text-decoration: none;
      background: #285d09 ;
      color: white;
    }
  
  .dropdown:hover .dropdown-content {
      display: block;
    }
  
/* pagination */

.page-link{
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: ##558b2f0 ;
}
.page-link:hover{
    background: #558b2f;
    border-color:#558b2f ;
    color: rgb(216, 199, 44);
}
.page-link.active{
    background: #558b2f ;
    color: rgb(216, 199, 44);
}
.filter-input{
    border-radius: 20px;
    padding-left: 10px;
    border: none;
    background: #f5f5f5;
    padding: 0px 10px;
    border: 2px solid #f5f5f5;
    color: rgb(116, 114, 114);
}
.filter_form_div{
    width: 100%;
    height: 38px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.d1, .d2{
    margin-top: 6px;
}
.filter-input:focus{
  outline: none;
}
.filter-input:hover{
  border: 2px solid #558b2f ;
}
.filter-btn:focus{
  outline: none;
}
input::-webkit-datetime-edit-day-field:focus,
input::-webkit-datetime-edit-month-field:focus,
input::-webkit-datetime-edit-year-field:focus {
    background-color: #558b2f(167, 3, 3, 0.815);
    color: white;
    outline: none;
}
.count-section h5,.count-section h1{
    color: white;
}
.accordion{
    margin: 0;
    margin-top: -2px; 
    position: absolute;
    width: 100vw;
    display: none;
    z-index: 2;
    max-height: 80vh;
    overflow-y: scroll;
}

.accordion .card{
    margin-bottom: 0px ;
}
.accordion .card-header button{
    width: 100%;
    text-decoration: none;
    color: #558b2f;
}
.accordion .card-header button:focus{
    box-shadow: 0 0 0 0.2rem ##558b2f;
}
.show_hide{
    display: block;
}
/* newspage */
.main-img-news{
    position: absolute;
}


.footer_contact:focus{
    outline: none;
}
.additional-d-btn{
    color:#343A40;
    border: 1px solid #343A40;
    padding: 5px 5px;
    margin: 0px 5px ;
    line-height: 30px;
    font-size: 12px !important;
    border-radius: 5px;
    transition: 0.5s;
}
.additional-d-btn:hover{
    color:white;
    border: 1px solid #343A40;
    background: #343A40;
    text-decoration: none;
}
.job-row{
   /* border-bottom: 1px solid grey;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
*/
}
.job-col{
   /* border-left: 1px solid grey;*/
}
.job-row:nth-child(odd){
    background: #f8f9fa;
}
.job-row:nth-child(even){
    background: #ececec;
}

.accomodation-collaps .card{
    margin-bottom: 0;
}
.accomodation-collaps .card-header{
    border-bottom: 1px solid #dedede;
}
.students-hall-row img{
    width: 100%;
    overflow: hidden;
}
.downloads-table{
    width: 100%;
}
.downloads-table tr td a{
    text-decoration: none;
    float: right;
}
.downloads-table tr td a button{
    font-size: 11px;
}
.downloads-table tr td a:hover{
    text-decoration: none;
}
.disableddiv {
    pointer-events: none;
    opacity: 0.4;
}
.directory-accordian .card{
    margin-bottom: 0px !important;
}
.directory-accordian .card .card-body{
    padding-left: 0px;
    padding-right: 0px;
}
.directory-accordian .card .card-body button{
    width: 100% !important;
}
.side-bar-link:hover{
    text-decoration: none;
}

.img-fluid {
    object-fit: contain;
}
@media screen and (max-width: 768px) {
    .mobile-events{
        display: block;
    }
    .event-table{
        display: none;
    }
    .pdn-special-alert span{
        display: block;
        margin-top: 5px;
    }
}
@media screen and (max-width: 966px) {
    .top-nav-ul{
      display: none;
    }
    .main-nav-ul{
      display: none;
    }
    .hamburger,#top_bar_mobile,.hamburger-main{
        display: block;
    }
    .large-text{
        font-size:250%
    }
    footer ul li a{
        text-align: center;
    }
    .main-img-news{
        position: relative;
    }
    .footer_sub_menu{
        text-align: center;
    }
    .footer_ul{
        padding: 0px;
    }
}
@media screen and (max-width: 843px) {
    .sec-1{
        padding-top:10rem !important;
        min-height:70vh;
    }
    .home .caption{
        margin-top: 145px;
    }
}