/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {font-family: "Open Sans", sans-serif;color: #444444;}
a {color: #3a8636;text-decoration: none;}
a:hover {color: #3291e6;text-decoration: none}
h1, h2, h3, h4, h5, h6 {font-family: "Raleway", sans-serif;}
label{margin-bottom: 5px; font-size: 14px;}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#fff}
#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #3a8636;border-top-color:#d1e6f9;border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#3a8636;width:40px;height:40px;border-radius:4px;transition:all .4s}
.back-to-top i{font-size:28px;color:#fff;line-height:0}
.back-to-top:hover{background:#47a242;color:#fff}
.back-to-top.active{visibility:visible;opacity:1}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{background:#fff;transition:all .5s;z-index:997;padding:10px 0;top:0;box-shadow:0 2px 15px rgba(25,119,204,.1)}
#header.header-scrolled{top:0}
#header .logo{font-size:30px;margin:0;padding:0;line-height:1;font-weight:700;letter-spacing:.5px;font-family:Poppins,sans-serif}
#header .logo a{color:#2c4964}
#header .logo img{max-height:60px; max-width: 250px;}
.nominate-btn{margin-left:25px;background:#3a8636;color:#fff;border-radius:50px;padding:8px 25px;white-space:nowrap;transition:.3s;font-size:14px;display:inline-block}
.nominate-btn:hover{background:#47a242;color:#fff}

@media (max-width: 768px) {
  .nominate-btn {
    margin: 0 15px 0 0;
    padding: 6px 18px;
  }
  
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar{padding:0}
.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.navbar li{position:relative}
.navbar>ul>li{position:relative;white-space:nowrap;padding:8px 0 8px 20px}
.navbar a,
.navbar a:focus{display:flex;align-items:center;justify-content:space-between;font-size:16px;color:#000000;white-space:nowrap;transition:.3s;border-bottom:2px solid #fff;padding:5px 2px; font-weight: bold;}
.navbar a i,
.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}
.navbar .active,
.navbar .active:focus,
.navbar a:hover,
.navbar li:hover>a{color:#3a8636;border-color:#3a8636}
.navbar .dropdown ul{display:block;position:absolute;left:20px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25);transition:.3s}
.navbar .dropdown ul li{min-width:200px}
.navbar .dropdown ul a{padding:10px 20px;font-size:14px;font-weight:500;text-transform:none;color:#082744;border:none}
.navbar .dropdown ul a i{font-size:12px}
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul a:hover,
.navbar .dropdown ul li:hover>a{color:#3a8636}
.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}
.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}
.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {color: #2c4964;font-size: 28px;cursor: pointer;display: none;line-height: 0;transition: 0.5s;}
.mobile-nav-toggle.bi-x {color: #fff;}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }
  .navbar ul {
    display: none;
  }
}

.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(28,47,65,.9);transition:.3s;z-index:999}
.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}
.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;background-color:#fff;overflow-y:auto;transition:.3s}
.navbar-mobile>ul>li{padding:0}
.navbar-mobile a{padding:10px 20px;font-size:15px;color:#2c4964;border:none}
.navbar-mobile .active,
.navbar-mobile a:hover,
.navbar-mobile li:hover>a{color:#3a8636}
.navbar-mobile .getstarted{margin:15px}
.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25)}
.navbar-mobile .dropdown ul li{min-width:200px}
.navbar-mobile .dropdown ul a{padding:10px 20px}
.navbar-mobile .dropdown ul a i{font-size:12px}
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul li:hover>a{color:#3a8636}
.navbar-mobile .dropdown>.dropdown-active{display:block}

/*--------------------------------------------------------------
# Home Section
--------------------------------------------------------------*/
#home{padding-top: 70px;}
#home img{width: 100%;}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section{padding:60px 0;overflow:hidden}
.section-bg{background-color:#ecfceb}
.section-title{text-align:center;padding-bottom:30px}
.section-title h2{font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative;color:#000000;}
.section-title h2::before{content:'';position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px)}
.section-title h2::after{content:'';position:absolute;display:block;width:40px;height:3px;background:#3a8636;bottom:0;left:calc(50% - 20px)}
.section-title p{margin-bottom:0}



/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.form-group{padding-bottom:20px}
.validate{display:none;color:red;margin:0 0 15px 0;font-weight:400;font-size:13px}
input.form-control,
select.form-control,
textarea.form-control{border-radius:0;box-shadow:none;font-size:14px;padding:10px!important}
input:focus,
select:focus,
textarea:focus{border-color:#3a8636}
input.form-control,
select.form-control{height:44px}
.about textarea{padding:10px 12px}
button[type=submit]{background:#3a8636;border:0;padding:10px 35px;color:#fff;transition:.4s;border-radius:50px}
button[type=submit]:hover{background:#47a242}

.nominate-candidate li{display: inline-block; width: 33%; margin-top: 20px;}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer{color:#444;font-size:14px;background:#f1f7fd}
#footer .footer-top{padding:60px 0 30px 0;background:#fff;box-shadow:0 2px 15px rgba(25,119,204,.1)}
#footer .footer-top h4{font-size:16px;font-weight:700;color:#444;position:relative;padding-bottom:12px; margin-bottom: 0}
.footer-top .info-box{border: 1px solid #cccccc; padding: 20px;border-radius: 10px; box-shadow: 4px 4px 1px rgba(0,0,0,0.2); margin-bottom: 15px;}



@media screen and (max-width: 767px){
  section {
    padding: 40px 0}
}

.service-section{position: inherit; background: #ffffff; padding: 0;}
.service-block-one .inner-box h4{padding: 30px 20px}
.service-block-one .inner-box{box-shadow: 0 0 30px rgb(0 0 0 / 20%) inset;}
.service-block-one .inner-box:hover{box-shadow:0px 20px 30px rgb(58 134 54 / 45%) inset;}
.service-block-one .inner-box:hover h4{color: #000000;}