@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Nava || Dentist & Medical HTML 5 Template
    Version: 1.0
    更多模板：http://www.bootstrapmb.com/
-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
    02. Header CSS
    03. Hero Header CSS
    04. About CSS
    05. Banner CSS
    06. loader CSS
    07. Testimonial CSS
    08. Blog CSS
    09. Comment CSS
    10. Breadcrumb CSS
    11. Sidebar CSS
    12. Faq CSS
    13. Gallery CSS
    14. Team CSS
    15. Service CSS
    16. Icon box CSS

    18. Contact CSS
    19. Faq CSS
    20. 404 CSS
    21. Reset CSS
    22. Typography CSS
    23. Footer CSS
    24. Forms CSS
    25. Pagination CSS

-----------------------------------------------------------------------------------*/
/* @import url("https://fonts.googleapis.com/css?family=Open+Sans|Poppins&display=swap"); */
/*----------------------------------------*/
/*          21. Reset CSS
/*----------------------------------------*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* google fonts */
@font-face {
  font-family: "flat-icon";
  src: url("../fonts/flat-icon.eot?qp2z5z");
  src: url("../fonts/flat-icon.eot?qp2z5z#iefix") format("embedded-opentype"), url("../fonts/flat-icon.ttf?qp2z5z") format("truetype"), url("../fonts/flat-icon.woff?qp2z5z") format("woff"), url("../fonts/flat-icon.svg?qp2z5z#flat-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
i[class^=icon] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "flat-icon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-teeth:before {
  content: "";
}

.icon-cosmetic:before {
  content: "";
}

.icon-implant:before {
  content: "";
}

.icon-broken-tooth:before {
  content: "";
}

.icon-dental-tools:before {
  content: "";
}

.icon-tooth:before {
  content: "";
}

.icon-dentist:before {
  content: "";
}

.icon-dentist-chair:before {
  content: "";
}

.icon-search:before {
  content: "";
}

/*----------------------------------------*/
/*      22. Typography CSS
/*----------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
}

p {
  color: #525252;
}

/* responsive grid */
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
html {
  height: 100%;
}

body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  position: relative;
  padding: 0;
  margin: 0;
  color: #474747;
  line-height: 1.5;
  font-size: 1rem;
}

img {
  max-width: 100%;
  height: auto;
}

a {
 color: inherit;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.page-content a{color: #0056b3;
text-decoration: underline;}
/*a:hover {
  color: inherit;
  text-decoration: none;
}*/

/*--
    general classes
-----------------------------------------*/
.form-control:focus,
.page-link:focus,
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=url]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  border: 1px solid #0e6516;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-text-fill-color: #474747;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  -moz-box-shadow: 0 0 0px 1000px #ffffff inset;
  -ms-box-shadow: 0 0 0px 1000px #ffffff inset;
  -o-box-shadow: 0 0 0px 1000px #ffffff inset;
  box-shadow: 0 0 0px 1000px #ffffff inset;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  -moz-box-shadow: 0 0 0px 1000px #ffffff inset;
  -ms-box-shadow: 0 0 0px 1000px #ffffff inset;
  -o-box-shadow: 0 0 0px 1000px #ffffff inset;
  box-shadow: 0 0 0px 1000px #ffffff inset;
}

button:focus, .btn:focus {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.btn.focus {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

/* css utilities classes */
/* list reset styles */
.list-no-style {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* overflow hidden */
.overflow-hidden {
  overflow: hidden;
}

/* padding and margin classes */
.py-120 {
  padding: 7.5rem 0;
}
@media only screen and (max-width: 767px) {
  .py-120 {
    padding: 5rem 0;
  }
}

.pb-120 {
  padding-bottom: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .pb-120 {
    padding-bottom: 5rem;
  }
}

.pt-120 {
  padding-top: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .pt-120 {
    padding-top: 5rem;
  }
}

.py-90 {
  padding: 2.625rem 0;
}
@media only screen and (max-width: 767px) {
  .py-90 {
    padding: 3.125rem 0;
  }
}

.pb-90 {
  padding-bottom: 5.625rem;
}
@media only screen and (max-width: 767px) {
  .pb-90 {
    padding-bottom: 3.125rem;
  }
}

.pt-90 {
  padding-top: 5.625rem;
}
@media only screen and (max-width: 767px) {
  .pt-90 {
    padding-top: 3.125rem;
  }
}

.my-120 {
  margin: 7.5rem 0;
}
@media only screen and (max-width: 767px) {
  .my-120 {
    margin: 5rem 0;
  }
}

.mt-120 {
  margin-top: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .mt-120 {
    margin-top: 5rem;
  }
}

.mb-120 {
  margin-bottom: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .mb-120 {
    margin-bottom: 5rem;
  }
}

.my-30 {
  margin: 1.875rem 0;
}

.mt-30 {
  margin-top: 1.875rem;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

/* theme main title style */
.main-title {
  margin-bottom: 2.5rem;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main-title {
    margin: 3rem 0 2rem;
  }
}
.main-title span {
  font-size: 0.875rem;
  background: rgba(8, 113, 26, 0.58);
  display: inline-block;
  padding: 0.25rem 0.375rem;
  color: #ffffff;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.main-title .title {
  color: #000;
  font-size: 1.5rem;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .main-title .title {
    font-size: 1.75rem;
  }
}
.main-title--light .title {
  color: #ffffff;
}
.main-title--pages {
  text-align: left;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .main-title--pages {
    margin:1rem 0 1.5rem;
  }
}
.main-title--pages .title {
  font-size: 1.25rem;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .main-title--pages .title {
    font-size: 1.5rem;
  }
}
.main-title--left {
  text-align: left;
}

/*---- owl carousel custom general styles ----*/
/* owl carousel custom styles */
.owl-carousel .owl-nav [class*=owl-] {
  display: block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-align: center;
  z-index: 200;
  font-size: 1.125rem !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-shadow: 0 2px 4px #959595;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .owl-carousel .owl-nav [class*=owl-] {
    opacity: 1;
  }
}
.owl-carousel .owl-nav [class*=owl-].disabled {
  color: #959595;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  color: #959595;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
  color: #474747;
}
.owl-carousel .owl-nav button.owl-next {
  right: 20px;
}
@media only screen and (max-width: 767px) {
  .owl-carousel .owl-nav button.owl-next {
    right: 10px;
  }
}
.owl-carousel .owl-nav button.owl-prev {
  left: 20px;
}
@media only screen and (max-width: 767px) {
  .owl-carousel .owl-nav button.owl-prev {
    left: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .owl-carousel:hover .owl-nav [class*=owl-] {
    opacity: 1;
  }
  .owl-carousel:hover .owl-nav button.owl-next {
    left: auto;
    right: 10px;
  }
  .owl-carousel:hover .owl-nav button.owl-prev {
    right: auto;
    left: 10px;
  }
}

/* owl dots styles */
.owl-dots {
  position: absolute;
  margin-top: 1.25rem;
  text-align: center;
  height: 20px;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  margin: 0 0.375rem;
  float: none;
  display: inline-block;
  background: #cfcfcf;
  border: 1px solid #cfcfcf;
  box-shadow: 0px 1px 2px 0px #454545;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.owl-dots .owl-dot.active {
  background: #0e6516;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

/* scroll up button */
#scroll-btn {
  display: inline-block;
  background-color: #0e6516;
  width: 45px;
  height: 45px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
#scroll-btn:hover, #scroll-btn:active {
  background-color: #F59E13;
}
#scroll-btn::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 45px;
  color: #ffffff;
}
#scroll-btn.show {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*          Buttons
/*----------------------------------------*/
.btn {
  font-size: 1rem;
  text-align: center;
  padding: 0.325rem 0.475rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  border-radius: 0.5rem;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.btn--sm {
  padding: 0.375rem 0.75rem;
}

.form-wrapper .form-wrapper__btn, .footer .widget.widget_newsletter .input-group-btn .btn, .blog-post--list .blog-post__body--btn .btn, .item-wrapper .item-wrapper-btn, .cta-banner__content .banner-btn, .vertical-tab__content .vertical-tab-inner--btn, .hero-header--slider .inner-content .slider-btn .btn, .header .custom-navbar .main-navbar__item.megamenu .megamenu__banner-content .banner-btn {
  background-color: #F59E13;
  border: 1px solid #F59E13;
  color: #ffffff;
}
.form-wrapper .form-wrapper__btn:hover, .footer .widget.widget_newsletter .input-group-btn .btn:hover, .blog-post--list .blog-post__body--btn .btn:hover, .item-wrapper .item-wrapper-btn:hover, .cta-banner__content .banner-btn:hover, .vertical-tab__content .vertical-tab-inner--btn:hover, .hero-header--slider .inner-content .slider-btn .btn:hover, .header .custom-navbar .main-navbar__item.megamenu .megamenu__banner-content .banner-btn:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 0 20px 0 rgba(245, 158, 19, 0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(245, 158, 19, 0.4);
  -ms-box-shadow: 0 0 20px 0 rgba(245, 158, 19, 0.4);
  -o-box-shadow: 0 0 20px 0 rgba(245, 158, 19, 0.4);
  box-shadow: 0 0 20px 0 rgba(245, 158, 19, 0.4);
}

.gallery-area__btn .btn, .item-card--list .item-card__content .item-card-btn .btn {
  background-color: #0e6516;
  border: 1px solid #0e6516;
  color: #ffffff;
}
.gallery-area__btn .btn:hover, .item-card--list .item-card__content .item-card-btn .btn:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 0 20px 0 rgba(13, 201, 235, 0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(13, 201, 235, 0.4);
  -ms-box-shadow: 0 0 20px 0 rgba(13, 201, 235, 0.4);
  -o-box-shadow: 0 0 20px 0 rgba(13, 201, 235, 0.4);
  box-shadow: 0 0 20px 0 rgba(13, 201, 235, 0.4);
}

.error-page .back-to-home-btn .btn, .header .navbar-btn .btn {
  background-color: transparent;
  border: 1px solid #0e6516;
  color: #0e6516;
}
.error-page .back-to-home-btn .btn:hover, .header .navbar-btn .btn:hover {
  background-color: #0e6516;
  color: #ffffff;
  -webkit-box-shadow: 0 0 20px 0 rgba(13, 201, 235, 0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(13, 201, 235, 0.4);
  -ms-box-shadow: 0 0 20px 0 rgba(13, 201, 235, 0.4);
  -o-box-shadow: 0 0 20px 0 rgba(13, 201, 235, 0.4);
  box-shadow: 0 0 20px 0 rgba(13, 201, 235, 0.4);
}

.custom-form__btn .btn {
  background-color: #00a551;
  border: 1px solid #00a551;
  color: #ffffff;
}
.custom-form__btn .btn:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 0 20px 0 rgba(79, 215, 146, 0.4);
  -moz-box-shadow: 0 0 20px 0 rgba(79, 215, 146, 0.4);
  -ms-box-shadow: 0 0 20px 0 rgba(79, 215, 146, 0.4);
  -o-box-shadow: 0 0 20px 0 rgba(79, 215, 146, 0.4);
  box-shadow: 0 0 10px 0 rgb(15, 167, 171);
}

/*----------------------------------------*/
/*           02. Header CSS
/*----------------------------------------*/
.header {
  z-index: 1000;
  /* top navabar styles */
  /* custom navabr styles */
  /* navbar actions butttons */
  /* search section */
  /* appointment buttton */
  /* typeahead search input */
}
.header .top-header {
  background: #03840f;
  /* padding: 0.875rem 0; */
  color: #ffffff;
  display: none;
  line-height: 27px;
  background-color: #33a50a;
    background-image: linear-gradient(to right,#33a50a 10%,#0e6516 90%);
}
@media only screen and (min-width: 992px) {
  .header .top-header {
    display: block;
  }
}
.header .top-header__info {
  float: left;
}
.header .top-header__info li {
  display: inline-block;
  vertical-align: middle;
  padding-right: 1rem;
}
.header .top-header__info li span {
  padding-left: 0.5rem;
}
.header .top-header__social {
  float: right;
}
.header .top-header__social li {
  display: inline-block;
  /*vertical-align: middle;*/
  padding-left: 0.5rem;
  /*font-size: 0.875rem;*/
}
.header .top-header__social li > a:hover {
  color: #F59E13;
}
.header .custom-navbar {
  background: #ffffff;
  padding: 0 1rem;
  -webkit-box-shadow: 0 4px 5px -4px rgba(44, 44, 44, 0.1);
  -moz-box-shadow: 0 4px 5px -4px rgba(44, 44, 44, 0.1);
  -ms-box-shadow: 0 4px 5px -4px rgba(44, 44, 44, 0.1);
  -o-box-shadow: 0 4px 5px -4px rgba(44, 44, 44, 0.1);
  box-shadow: 0 4px 5px -4px rgba(44, 44, 44, 0.1);
  border-bottom: 1px solid #ccc;
  /* navbar fixed */
}
@media only screen and (max-width: 991px) {
  .header .custom-navbar #mainNavbar {
    overflow-y: auto;
    max-height: 100%;
  }
}

.header .custom-navbar.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-animation: smoothScroll 1s forwards;
  -moz-animation: smoothScroll 1s forwards;
  -ms-animation: smoothScroll 1s forwards;
  -o-animation: smoothScroll 1s forwards;
  animation: smoothScroll 1s forwards;
}
/*.header.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-animation: smoothScroll 1s forwards;
  -moz-animation: smoothScroll 1s forwards;
  -ms-animation: smoothScroll 1s forwards;
  -o-animation: smoothScroll 1s forwards;
  animation: smoothScroll 1s forwards;
}*/
@keyframes smoothScroll {
  0% {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.header .custom-navbar .container {
  position: relative;
}
.header .custom-navbar.navbar-light .navbar-toggler {
  padding: 1.5rem 0 1.5rem 0;
  border: none;
}
@media only screen and (min-width: 768px) {
  .header .custom-navbar.navbar-light .navbar-toggler {
    padding: 1.5rem 0 1.5rem 1.5rem;
  }
}
.header .custom-navbar .main-navbar {
  margin-left: 70px;
  /* navbar items */
}
@media only screen and (max-width: 991px) {
  .header .custom-navbar .main-navbar {
    height: 325px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.header .custom-navbar .main-navbar__item {
  /* navbar dropdown */
  /* navbar sub dropdown */
  /* navbar megamenu */
}
@media only screen and (max-width: 991px) {
  .header .custom-navbar .main-navbar__item:not(:last-child) {
    border-bottom: 1px solid rgba(44, 44, 44, 0.1);
  }
}
.header .custom-navbar .main-navbar__item.nav-item:focus {
  outline: none;
}
.header .custom-navbar .main-navbar__item .nav-link {
  padding: 0.875rem 0;
  font-size: 1.0625rem;
  /*text-transform: uppercase;*/
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media only screen and (min-width: 992px) {
  .header .custom-navbar .main-navbar__item .nav-link {
    padding: 1.5rem 1.25rem;
    color: #666;
  }
}
.header .custom-navbar .main-navbar__item .nav-link:after {
  content: "";
  border: none;
}
.header .custom-navbar .main-navbar__item .nav-link:hover {
  color: #0e6516;
}
.header .custom-navbar .main-navbar__item .nav-link:focus {
  outline: none;
}
.header .custom-navbar .main-navbar__item .dropdown-menu {
  margin: 0;
  margin-top: -5px;
  border: 1px solid rgba(44, 44, 44, 0.1);
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -webkit-transition: 0.2s ease 0s;
  -moz-transition: 0.2s ease 0s;
  -ms-transition: 0.2s ease 0s;
  -o-transition: 0.2s ease 0s;
  transition: 0.2s ease 0s;
}
@media only screen and (max-width: 991px) {
  .header .custom-navbar .main-navbar__item .dropdown-menu {
    margin: 0 1rem 1.25rem 0;
  }
}
@media only screen and (min-width: 992px) {
  .header .custom-navbar .main-navbar__item .dropdown-menu {
    margin: -1px 0 0 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
}
.header .custom-navbar .main-navbar__item .dropdown-menu .dropdown-item {
  color: #777;
  padding: 0.375rem 1.25rem;
}
.header .custom-navbar .main-navbar__item .dropdown-menu .dropdown-item:hover {
  background: transparent;
  color: #0e6516;
}
.header .custom-navbar .main-navbar__item .dropdown-menu .dropdown-item.active, .header .custom-navbar .main-navbar__item .dropdown-menu .dropdown-item:active, .header .custom-navbar .main-navbar__item .dropdown-menu .dropdown-item:focus {
  text-decoration: none;
  background-color: transparent;
  color: #0e6516;
}
.header .custom-navbar .main-navbar__item .dropdown-menu .dropdown-item--icon {
  margin-bottom: 0.875rem;
}
.header .custom-navbar .main-navbar__item .dropdown-menu .dropdown-item--icon span {
  display: inline-block;
  vertical-align: middle;
}
.header .custom-navbar .main-navbar__item .dropdown-menu .dropdown-item--icon img {
  margin-right: 1rem;
  width: 40px;
}
.header .custom-navbar .main-navbar__item .sub-dropdown__list {
  top: auto;
  left: 100%;
  margin-top: -2rem;
}
@media only screen and (max-width: 991px) {
  .header .custom-navbar .main-navbar__item .sub-dropdown__list {
    margin: 0.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .header .custom-navbar .main-navbar__item .sub-dropdown .dropdown-toggle:after {
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: -3px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .header .custom-navbar .main-navbar__item .dropdown-toggle:after {
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: -3px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
.header .custom-navbar .main-navbar__item.megamenu {
  position: static;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__list {
  width: 100%;
  padding: 0.5rem 0;
}
@media only screen and (min-width: 992px) {
  .header .custom-navbar .main-navbar__item.megamenu .megamenu__list {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) {
  .header .custom-navbar .main-navbar__item.megamenu .megamenu__list--width {
    width: 30%;
  }
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__list--pos-left {
  left: auto;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__list--pad {
  padding-bottom: 0;
  padding-top: 0.875rem;
}
@media only screen and (min-width: 992px) {
  .header .custom-navbar .main-navbar__item.megamenu .megamenu__list > .container {
    padding-right: 0;
  }
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__list--title {
  font-weight: 700;
  margin-bottom: 0;
  padding: 0.375rem 0.25rem;
}
@media only screen and (min-width: 992px) {
  .header .custom-navbar .main-navbar__item.megamenu .megamenu__list--title {
    padding-bottom: 0.375rem;
    border-bottom: 1px solid #ccc;
    /* margin-bottom: 0.375rem; */
  }
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__list--column {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__list--column:last-child {
  padding: 0 1rem;
}
@media only screen and (min-width: 992px) {
  .header .custom-navbar .main-navbar__item.megamenu .megamenu__list--column:last-child {
    padding: 1.25rem;
  }
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__list--column .row:nth-child(2) {
  margin-top: auto;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__list--column .dropdown-item {
  padding: 0.375rem 0.25rem;
}
@media only screen and (min-width: 992px) {
  .header .custom-navbar .main-navbar__item.megamenu .megamenu__list--column .dropdown-item {
    padding: 0.375rem;
  }
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__list--column .megamenu-service {
  background-color: #f8f8f8;
  color: #474747;
  padding: 1rem;
  text-align: center;
  margin-top: 1.5rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
@media only screen and (max-width: 991px) {
  .header .custom-navbar .main-navbar__item.megamenu .megamenu__list--column .megamenu-service {
    display: none;
  }
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__list--column .megamenu-service__icon {
  font-size: 2.25rem;
  margin-bottom: 0.5rem;
  display: block;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__list--column .megamenu-service h6 {
  margin: 0;
  font-size: 0.875rem;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__footer {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  background: #f8f8f8;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -ms-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -ms-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__footer--devider {
  position: relative;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__footer--devider:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-right: 1px solid rgba(44, 44, 44, 0.1);
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__footer--item {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__footer--item span {
  display: block;
  color: #959595;
  font-size: 0.875rem;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__footer--item > a {
  color: #0e6516;
  font-size: 0.875rem;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__footer--item > a:hover {
  text-decoration: underline;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__banner {
  position: relative;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -ms-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -ms-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
@media only screen and (min-width: 992px) {
  .header .custom-navbar .main-navbar__item.megamenu .megamenu__banner {
    display: block;
  }
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__banner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(9, 44, 159, 0.5);
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -ms-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -ms-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__banner-content {
  z-index: 1;
  width: 100%;
  text-align: center;
  padding: 1.375rem 1.875rem 1.875rem 1.875rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__banner-content .banner-title {
  display: block;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__banner-content .banner-text {
  display: block;
  color: #ffffff;
  margin-bottom: 0;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__banner-content .banner-btn {
  margin-top: 1.5rem;
}
.header .custom-navbar .main-navbar__item.megamenu .megamenu__banner-content .banner-btn span {
  margin-left: 0.5rem;
  vertical-align: middle;
}
@media only screen and (min-width: 992px) {
  .header .custom-navbar .main-navbar .dropdown:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.header .custom-navabr__actions {
  margin-left: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 992px) {
  .header .custom-navabr__actions {
    order: 1;
    margin: 0;
  }
}
.header .search-wrapper {
  position: relative;
  display: inline-block;
}
.header .search-wrapper__btn {
  padding: 1.5rem;
  cursor: pointer;
  font-size: 1.0625rem;
  color: #959595;
}
@media only screen and (min-width: 768px) {
  .header .search-wrapper__btn {
    padding: 1.5rem 0.75rem;
  }
}
.header .search-wrapper__btn .icon-search {
  vertical-align: middle;
}
.header .search-wrapper__box {
  position: absolute;
  top: 100%;
  width: 270px;
  left: unset;
  right: 0;
  background: #ffffff;
  z-index: 2;
  padding: 1.25rem;
  display: none;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(44, 44, 44, 0.1);
  -moz-box-shadow: 0px 0px 15px 0px rgba(44, 44, 44, 0.1);
  -ms-box-shadow: 0px 0px 15px 0px rgba(44, 44, 44, 0.1);
  -o-box-shadow: 0px 0px 15px 0px rgba(44, 44, 44, 0.1);
  box-shadow: 0px 0px 15px 0px rgba(44, 44, 44, 0.1);
}
@media only screen and (min-width: 992px) {
  .header .search-wrapper__box {
    width: 330px;
    left: -50px;
    left: unset;
    order: 1;
  }
}
.header .search-wrapper__box .search-box {
  position: relative;
  width: 100%;
}
.header .search-wrapper__box .search-box__input {
  border: 1px solid rgba(44, 44, 44, 0.1);
  font-size: 0.875rem;
  height: 37px;
  color: #959595;
  width: 100%;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.header .search-wrapper__box .search-box__btn {
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  border: none;
  color: #959595;
  width: 50px;
  text-align: center;
}
.header .navbar-btn {
  display: none;
  margin-left: 0.75rem;
}
.header .navbar-btn .btn {
  padding: 0.5rem 1.25rem;
}
@media only screen and (min-width: 768px) {
  .header .navbar-btn {
    display: inline-block;
  }
}
.header .twitter-typeahead {
  position: unset !important;
  display: block !important;
}
.header .tt-menu {
  width: 100%;
  margin-top: 5px;
  padding: 8px 0;
  background-color: #ffffff;
  border: 1px solid #ced4da;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.1);
  -ms-box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.1);
  -o-box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.1);
  box-shadow: 0 0 10px 0 rgba(59, 59, 59, 0.1);
}
.header .tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}
.header .tt-suggestion.tt-is-under-cursor {
  color: #ffffff;
  background-color: #0097cf;
}
.header .tt-suggestion p {
  margin: 0;
}
.header .tt-suggestion:hover {
  cursor: pointer;
  color: #474747;
  background-color: #f8f8f8;
}
.header .tt-suggestion.tt-cursor {
  color: #474747;
  background-color: #f8f8f8;
}

/*----------------------------------------*/
/*           03. Hero Header CSS
/*----------------------------------------*/
/* full width carousel header */
.hero-header {
  position: relative;
  /* hero header background static demo 02 */
}
.hero-header__wrapper {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0 3rem 0 4rem;
}
.hero-header__wrapper--inner {
  display: table-cell;
  vertical-align: middle;
}
.hero-header--slider {
  position: relative;
  /* hero header slider content */
}
.hero-header--slider .slider-img {
  position: relative;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  padding: 4.25rem 0;
}
@media only screen and (min-width: 768px) {
  .hero-header--slider .slider-img {
    /*height: 450px;*/
  }
}
@media only screen and (min-width: 992px) {
  .hero-header--slider .slider-img {
    /*height: 800px;*/
  }
}
.hero-header--slider .inner-content {
  max-width: 650px;
  color: #28a734;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .hero-header--slider .inner-content {
    max-width: 510px;
    padding: 0 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero-header--slider .inner-content {
    max-width: 275px;
  }
}
.hero-header--slider .inner-content .slider-sub-title {
  /*text-transform: uppercase;*/
  color: #ffffff;
  font-weight: 600;
  font-size: 0.75rem;
  background: #0e6516;
  display: inline-block;
  padding: 0.25rem 0.375rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
@media only screen and (min-width: 768px) {
  .hero-header--slider .inner-content .slider-sub-title {
    font-size: 1rem;
  }
}
.hero-header--slider .inner-content .slider-title {
  font-weight: 600;
  font-size: 3.5rem;
  text-transform: capitalize;
}
@media only screen and (max-width: 991px) {
  .hero-header--slider .inner-content .slider-title {
    font-size: 3.125rem;
  }
}
@media only screen and (max-width: 767px) {
  .hero-header--slider .inner-content .slider-title {
    font-size: 1.5rem;
  }
}
.hero-header--slider .inner-content .slider-desc {
  display: none;
}
.hero-header--slider .inner-content .slider-desc P {
  margin: 0;
  font-size: 1.125rem;
  margin-bottom: 1.625rem;
  color: #474747;
}
@media only screen and (min-width: 768px) {
  .hero-header--slider .inner-content .slider-desc {
    display: block;
  }
}
.hero-header--slider .inner-content .slider-btn .btn {
  text-transform: uppercase;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .hero-header--slider .inner-content .slider-btn .btn {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
  }
}
.hero-header--slider .inner-content .slider-btn .btn span {
  padding-left: 0.25rem;
}
.hero-header--slider .owl-item .hero-header-slider__wrapper * {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.hero-header--slider .owl-item.active .slider-animated .slider-title {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.hero-header--slider .owl-item.active .slider-animated .slider-sub-title {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.hero-header--slider .owl-item.active .slider-animated .slider-desc {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.hero-header--slider .owl-item.active .slider-animated .slider-btn {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.hero-header--slider .owl-carousel .owl-nav [class*=owl-] {
  display: block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-align: center;
  z-index: 200;
  width: 45px;
  height: 45px;
  line-height: 45px;
  padding-right: 1px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-shadow: 0 2px 4px #959595;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .hero-header--slider .owl-carousel .owl-nav [class*=owl-] {
    opacity: 0;
  }
}
.hero-header--slider .owl-carousel .owl-nav [class*=owl-].disabled {
  color: #959595;
}
.hero-header--slider .owl-carousel .owl-nav button.owl-next, .hero-header--slider .owl-carousel .owl-nav button.owl-prev {
  color: #959595;
  background: rgba(255, 255, 255, 0.45);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.hero-header--slider .owl-carousel .owl-nav button.owl-next:hover, .hero-header--slider .owl-carousel .owl-nav button.owl-prev:hover {
  background: #ffffff;
}
.hero-header--slider .owl-carousel .owl-nav button.owl-next {
  right: 30px;
}
@media only screen and (max-width: 767px) {
  .hero-header--slider .owl-carousel .owl-nav button.owl-next {
    right: 15px;
  }
}
.hero-header--slider .owl-carousel .owl-nav button.owl-prev {
  left: 30px;
}
@media only screen and (max-width: 767px) {
  .hero-header--slider .owl-carousel .owl-nav button.owl-prev {
    left: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .hero-header--slider .owl-carousel:hover .owl-nav [class*=owl-] {
    opacity: 1;
  }
  .hero-header--slider .owl-carousel:hover .owl-nav button.owl-next {
    left: auto;
    right: 20px;
  }
  .hero-header--slider .owl-carousel:hover .owl-nav button.owl-prev {
    right: auto;
    left: 20px;
  }
}
.hero-header--slider .owl-carousel .owl-dots {
  position: absolute;
  bottom: 20px;
  margin: 0;
}
.hero-header--bg {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  height: 100%;
  padding: 4.25rem 0;
}
@media only screen and (min-width: 768px) {
  .hero-header--bg {
    padding: 3.625rem 0;
  }
}
@media only screen and (min-width: 992px) {
  .hero-header--bg {
    padding: 8.25rem 0;
  }
}
.hero-header--overlay {
  background: rgba(149, 149, 149, 0.3);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.hero-header .header-form-wrapper {
  padding: 1.5rem;
  background: #ffffff;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 8px 20px 0px rgba(45, 58, 73, 0.25);
  -moz-box-shadow: 0 8px 20px 0px rgba(45, 58, 73, 0.25);
  -ms-box-shadow: 0 8px 20px 0px rgba(45, 58, 73, 0.25);
  -o-box-shadow: 0 8px 20px 0px rgba(45, 58, 73, 0.25);
  box-shadow: 0 8px 20px 0px rgba(45, 58, 73, 0.25);
}
@media only screen and (min-width: 768px) {
  .hero-header .header-form-wrapper {
    padding: 2rem;
  }
}
.hero-header .header-form-wrapper .badge-title {
  color: #03840f;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .hero-header .header-form-wrapper .badge-title {
    margin-bottom: 2rem;
    background: #0e6516;
    color: white;
    padding: 0.5rem 1rem;
    display: inline-block;
    border-radius: 0;
    position: absolute;
    left: -5px;
    top: 32px;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .hero-header .header-form-wrapper .badge-title:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 10px solid #0e6516;
    top: -20px;
    left: 0;
    border-top-color: transparent;
    border-left-color: transparent;
  }
  .hero-header .header-form-wrapper .badge-title .title {
    padding-left: 35px;
    margin: 0;
  }
}


/*----------------------------------------*/
/*          16. Icon box CSS
/*----------------------------------------*/
/* home page icon boxes */
.icon-box--light {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .icon-box--light {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.icon-box--light .icon-box__col {
  cursor: pointer;
  -webkit-box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 8.135px 18.271px 40px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.5rem;
  padding: 3rem;
}
@media only screen and (max-width: 991px) {
  .icon-box--light .icon-box__col {
    margin-bottom: 1.875rem;
  }
}
.icon-box--light .icon-box__icon {
  margin-bottom: 1.5rem;
  text-align: center;
  display: inline-block;
  font-size: 3rem;
  color: #0e6516;
}
.icon-box--light .icon-box__title {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.icon-box--light .icon-box__desc {
  color: #959595;
  font-size: 1rem;
}

/*----------------------------------------*/
/*          15. Service CSS
/*----------------------------------------*/
/* services vertical tabs */
.vertical-tab {
  background: transparent;
  color: #474747;
  position: relative;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /* services vertical tabs links */
  /* vertical tab contents */
}
@media only screen and (min-width: 992px) {
  .vertical-tab {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .vertical-tab {
    display: block;
    width: 100%;
    margin-bottom: 1.875rem;
  }
}
.vertical-tab:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.25rem;
  height: 100%;
  background-color: rgba(71, 71, 71, 0.09);
  -webkit-border-top-right-radius: 0.25rem;
  -moz-border-top-right-radius: 0.25rem;
  -ms-border-top-right-radius: 0.25rem;
  -o-border-top-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-border-top-left-radius: 0.25rem;
  -moz-border-top-left-radius: 0.25rem;
  -ms-border-top-left-radius: 0.25rem;
  -o-border-top-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  -webkit-border-bottom-right-radius: 0.25rem;
  -moz-border-bottom-right-radius: 0.25rem;
  -ms-border-bottom-right-radius: 0.25rem;
  -o-border-bottom-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  -webkit-border-bottom-left-radius: 0.25rem;
  -moz-border-bottom-left-radius: 0.25rem;
  -ms-border-bottom-left-radius: 0.25rem;
  -o-border-bottom-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.vertical-tab--link {
  position: relative;
  background: transparent;
  font-size: 1.125rem;
  padding: 0.625rem 1.25rem;
  text-transform: capitalize;
}
.vertical-tab--link:not(:last-child) {
  margin: 0 0 0.5rem 0;
}
.vertical-tab--link:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: transparent;
  -webkit-border-top-right-radius: 0.25rem;
  -moz-border-top-right-radius: 0.25rem;
  -ms-border-top-right-radius: 0.25rem;
  -o-border-top-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-border-top-left-radius: 0.25rem;
  -moz-border-top-left-radius: 0.25rem;
  -ms-border-top-left-radius: 0.25rem;
  -o-border-top-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  -webkit-border-bottom-right-radius: 0.25rem;
  -moz-border-bottom-right-radius: 0.25rem;
  -ms-border-bottom-right-radius: 0.25rem;
  -o-border-bottom-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  -webkit-border-bottom-left-radius: 0.25rem;
  -moz-border-bottom-left-radius: 0.25rem;
  -ms-border-bottom-left-radius: 0.25rem;
  -o-border-bottom-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.vertical-tab--link.active:after {
  background-color: #0e6516;
}
.vertical-tab .nav-link {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.vertical-tab .nav-link.active, .vertical-tab .nav-link:hover, .vertical-tab .nav-link:focus {
  background: transparent;
  color: #0e6516;
  outline: none;
}
.vertical-tab.nav-pills .show > .nav-link {
  background: #959595;
}
.vertical-tab__content--img {
  position: relative;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.vertical-tab__content--img.vr-rectangle:after {
  display: block;
  content: "";
  width: 100%;
  padding-top: 105.25%;
}
@media only screen and (max-width: 991px) {
  .vertical-tab__content--img.vr-rectangle:after {
    padding-top: 100%;
  }
}
.vertical-tab__content .vertical-tab-inner {
  margin-top: 1rem;
}
@media only screen and (min-width: 992px) {
  .vertical-tab__content .vertical-tab-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    height: 100%;
    margin-top: 0;
  }
}
.vertical-tab__content .vertical-tab-inner--desc h4 {
  font-size: 1.25rem;
}
.vertical-tab__content .vertical-tab-inner--btn {
  margin-top: auto;
}
.vertical-tab__content .vertical-tab-inner--btn span {
  display: inline-block;
  vertical-align: middle;
}

/* service icon box */
.icon-box {
   cursor: pointer; 
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.icon-box--border {
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(44, 44, 44, 0.1);
  padding: 0.375rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  margin-bottom: 1.875rem;
}
.icon-box--border .icon-box__heading .heading-icon {
  font-size: 3rem;
  color: #0e6516;
  margin-bottom: 1rem;
  position: relative;
}
.icon-box--border .icon-box__heading .heading-icon i {
  color: #03840f;
  display: inline-block;
  position: relative;
  font-size: 3.25rem;
  top: 3px;
  z-index: 1;
}
.icon-box--border .icon-box__heading .heading-icon i:after {
  position: absolute;
  left: -2px;
  top: -9px;
  z-index: -1;
  background-color: rgba(9, 44, 159, 0.12);
  width: 65px;
  height: 64px;
  content: "";
  border-radius: 50%;
}
.icon-box--border .icon-box__heading .heading-title {
  font-size: 1rem;
  color: #474747;
  /*margin-bottom: 1rem;*/
  padding:0.375rem;
  border-bottom: 1px solid #ccc;
}
.icon-box__btn {
  position: relative;
  padding: 8px;
}

.icon-box__btn .dropdown-menu{
  position: absolute;
  left: 80%;
  top:-50%;
  display: none;
}
.icon-box__btn:hover .dropdown-menu{
  display: block;
}


.icon-box__btn .dropdown-item {
  border-bottom: 1px solid #ccc;

}
.icon-box__btn .dropdown-item:hover {
  background-color: #ccc;
}
.icon-box--border .icon-box__btn > a {
  color: #088a14;
}
.icon-box--border .icon-box__btn > a span {
  display: inline-block;
  font-size: 0.75rem;
  padding-left: 0.5rem;
}
.icon-box--border .icon-box__btn > a:hover {
  color: #F59E13;
}
.icon-box--border:hover {
  border-color: #03840f;
}

@media only screen and (max-width: 767px) {
  .icon-box__content {
    display: none;
  }
  .icon-box--border{margin-bottom: 0;}
  .main-title{
    margin-bottom: 0;
  }
}

/* service single page styles */
.single-service__body {
  padding-top: 1.25rem;
}
.single-service__body .title {
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  color: #03840f;
}
.single-service__body .sub-title {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
  color: #03840f;
}
.single-service__body .single-service-list {
  padding: 1rem 0;
}
.single-service__body .single-service-list li {
  padding-bottom: 1rem;
  color: #959595;
}
.single-service__body .single-service-list li:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  color: #4fd792;
  padding-right: 0.5rem;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .single-service__body .single-service-list__img {
    padding-top: 1rem;
  }
}
.single-service__body .single-service-box {
  margin: 2rem 0;
}
@media only screen and (max-width: 767px) {
  .single-service__body .single-service-box {
    margin: 1rem 0;
  }
}
.single-service__body .single-service-box .card-box {
  padding: 1.25rem;
  text-align: center;
  font-size: 0.875rem;
  -webkit-box-shadow: 0 0 20px 0px rgba(44, 44, 44, 0.1);
  -moz-box-shadow: 0 0 20px 0px rgba(44, 44, 44, 0.1);
  -ms-box-shadow: 0 0 20px 0px rgba(44, 44, 44, 0.1);
  -o-box-shadow: 0 0 20px 0px rgba(44, 44, 44, 0.1);
  box-shadow: 0 0 20px 0px rgba(44, 44, 44, 0.1);
}
@media only screen and (max-width: 767px) {
  .single-service__body .single-service-box .card-box {
    margin-bottom: 1rem;
  }
}
.single-service__body .single-service-box .card-box__title {
  font-size: 0.875rem;
  text-transform: capitalize;
  font-weight: 600;
}
.single-service__body .single-service-box .card-box__text {
  margin: 0;
}
.single-service__body .single-service-price-table {
  margin-top: 1rem;
}
.single-service__body .single-service-price-table .price-table {
  background-color: #ffffff;
  border: 1px solid;
  border-color: rgba(207, 207, 207, 0.45);
  border-bottom: none;
  margin-top: 2rem;
}
.single-service__body .single-service-price-table .price-table .table-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  border-bottom: 1px solid rgba(207, 207, 207, 0.45);
}
.single-service__body .single-service-price-table .price-table .table-cell {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  min-height: 30px;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #474747;
  padding: 1rem;
  border-left: 1px solid rgba(207, 207, 207, 0.45);
}
.single-service__body .single-service-price-table .price-table .table-cell:first-child {
  border-left: none;
}
.single-service__body .single-service-price-table .price-table .service-name {
  width: 60%;
}
.single-service__body .single-service-price-table .price-table .service-price {
  width: 40%;
}
.single-service__body .single-service-price-table .price-table .table-head .table-cell {
  background: #03840f;
  color: #ffffff;
}

/*----------------------------------------*/
/*          14. Team CSS
/*----------------------------------------*/
/* team list image hover effect */
/* team card */
.item-card {
  border: 1px solid rgba(44, 44, 44, 0.1);
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  /* team card style 01 carousel */
  /* team card style 02 box */
  /* team card style 03 list team list page */
}
.item-card > a {
  display: block;
}
.item-card--mb {
  margin-bottom: 1.875rem;
}
.item-card--carousel {
  position: relative;
  overflow: hidden;
}
.item-card--carousel .item-card__img {
  position: relative;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  height: 100%;
  -webkit-border-top-right-radius: 0.25rem;
  -moz-border-top-right-radius: 0.25rem;
  -ms-border-top-right-radius: 0.25rem;
  -o-border-top-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-border-top-left-radius: 0.25rem;
  -moz-border-top-left-radius: 0.25rem;
  -ms-border-top-left-radius: 0.25rem;
  -o-border-top-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  /* social media list */
}
.item-card--carousel .item-card__img img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.item-card--carousel .item-card__img:before, .item-card--carousel .item-card__img:after {
  content: "";
  width: 100%;
  height: 50%;
  background: rgba(248, 248, 248, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform-origin: 100% 0;
  -webkit-transform: rotatez(90deg);
  -moz-transform: rotatez(90deg);
  -ms-transform: rotatez(90deg);
  -o-transform: rotatez(90deg);
  transform: rotatez(90deg);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.item-card--carousel .item-card__img:after {
  top: auto;
  bottom: 0;
  transform-origin: 0 100%;
}
.item-card--carousel .item-card__img .social-list {
  padding: 0.375rem 0.5rem;
  list-style: none;
  background: #03840f;
  top: -100%;
  right: 0;
  z-index: 2;
  transition: all 0.3s ease 0.05s;
  text-align: center;
  position: absolute;
  -webkit-border-bottom-left-radius: 0.25rem;
  -moz-border-bottom-left-radius: 0.25rem;
  -ms-border-bottom-left-radius: 0.25rem;
  -o-border-bottom-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.item-card--carousel .item-card__img .social-list__item {
  padding: 0 0.25rem;
  vertical-align: middle;
  display: block;
  margin: 0.325rem 0;
}
.item-card--carousel .item-card__img .social-list__item > a {
  display: block;
  font-size: 1rem;
  color: #ffffff;
}
.item-card--carousel .item-card__img .social-list__item > a:hover {
  color: #F59E13;
}
.item-card--carousel .item-card__content {
  padding: 1.25rem 0;
  text-align: center;
  background-color: #ffffff;
  -webkit-border-bottom-right-radius: 0.25rem;
  -moz-border-bottom-right-radius: 0.25rem;
  -ms-border-bottom-right-radius: 0.25rem;
  -o-border-bottom-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  -webkit-border-bottom-left-radius: 0.25rem;
  -moz-border-bottom-left-radius: 0.25rem;
  -ms-border-bottom-left-radius: 0.25rem;
  -o-border-bottom-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.item-card--carousel .item-card__content span {
  display: block;
}
.item-card--carousel .item-card__content .name {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.item-card--carousel .item-card__content .name:hover {
  color: #0e6516;
}
.item-card--carousel .item-card__content .pos {
  color: #0e6516;
  font-size: 1rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}
.item-card--carousel .item-card__content .certificates {
  color: #959595;
  font-size: 0.875rem;
}
.item-card--carousel:hover .item-card__img:after, .item-card--carousel:hover .item-card__img:before {
  -webkit-transform: rotatez(0);
  -moz-transform: rotatez(0);
  -ms-transform: rotatez(0);
  -o-transform: rotatez(0);
  transform: rotatez(0);
}
.item-card--carousel:hover .item-card__img img {
  transform: scale(1.1);
}
.item-card--carousel:hover .item-card__img .social-list {
  top: 0;
}
.item-card--box {
  position: relative;
  overflow: hidden;
  margin: 0;
  margin-bottom: 1.875rem;
  cursor: pointer;
}
.item-card--box .item-card__content {
  color: #ffffff;
  text-align: center;
  background-color: transparent;
}
.item-card--box .item-card__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(9, 44, 159, 0.75);
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s;
  -ms-transition: opacity 0.3s, visibility 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 2;
}
.item-card--box .item-card__overlay .name, .item-card--box .item-card__overlay .pos, .item-card--box .item-card__overlay .social-list {
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
  -ms-transform: translateY(25px);
  -o-transform: translateY(25px);
  transform: translateY(25px);
  opacity: 0;
  -webkit-transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
}
.item-card--box .item-card__overlay .social-list__item {
  display: inline-block;
  padding: 0 0.5rem 0 0;
  margin-top: 1rem;
}
.item-card--box .item-card__overlay .social-list__item > a:hover {
  color: #F59E13;
}
.item-card--box:hover .item-card__img:after {
  opacity: 1;
}
.item-card--box:hover .item-card__overlay {
  opacity: 1;
  visibility: visible;
}
.item-card--box:hover .item-card__overlay .name {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  transform: translateY(0px);
  opacity: 1;
}
.item-card--box:hover .item-card__overlay .pos {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  transform: translateY(0px);
  opacity: 1;
}
.item-card--box:hover .item-card__overlay .social-list {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  transform: translateY(0px);
  opacity: 1;
}
.item-card--list {
  background: #f8f8f8;
  border: none;
  margin-bottom: 1.875rem;
}
.item-card--list .item-card__img {
  cursor: pointer;
}
.item-card--list .item-card__img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .item-card--list .item-card__img {
    margin-bottom: 1rem;
  }
}
.item-card--list .item-card__bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
@media only screen and (min-width: 768px) {
  .item-card--list .item-card__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.item-card--list .item-card__content {
  padding: 1.5rem 1.5rem 1.875rem 1.5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.item-card--list .item-card__content .name {
  font-size: 1.25rem;
  display: block;
  color: #474747;
}
.item-card--list .item-card__content .name:hover {
  color: #0e6516;
}
.item-card--list .item-card__content .pos {
  color: #0e6516;
  display: block;
  padding-bottom: 0.5rem;
}
.item-card--list .item-card__content .social-list__item {
  display: inline-block;
  padding-right: 0.5rem;
  font-size: 1rem;
}
.item-card--list .item-card__content .contact-info > ul > li {
  padding-bottom: 0.5rem;
}
.item-card--list .item-card__content .contact-info > ul > li span:first-child {
  color: #0e6516;
  padding-right: 0.25rem;
}
.item-card--list .item-card__content .item-card-btn {
  margin-top: 1rem;
}
/* team profile single page */
@media only screen and (max-width: 767px) {
  .team-profile .profile-img {
    margin-bottom: 1.875rem;
  }
}
.team-profile .profile-heading {
  margin-bottom: 0.5rem;
}
.team-profile .profile-heading .profile-name {
  font-size: 1.375rem;
  font-weight: 600;
}
.team-profile .profile-heading .profile-pos {
  line-height: 1.2;
  color: #0e6516;
  font-size: 1rem;
  font-weight: 600;
}
.team-profile .profile-desc > ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #959595;
}
.team-profile .profile-desc > ul li {
  padding: 1rem 0.75rem 0 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  display: block;
  color: #959595;
}
.team-profile .profile-desc > ul li:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  color: #4fd792;
  margin-right: 0.5rem;
  text-align: center;
  padding: 0.375rem;
  border-radius: 50%;
  font-size: 0.875rem;
  background: rgba(79, 215, 146, 0.13);
}
.team-profile .profile-social-media.social-list {
  margin: 0.75rem 0;
}
.team-profile .profile-social-media.social-list .social-list__item {
  display: inline-block;
  font-size: 1rem;
  border: 2px solid rgba(44, 44, 44, 0.1);
  text-align: center;
  margin: 0 0.25em 0.25em 0;
  width: 40px;
  height: 40px;
  line-height: 36px;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.team-profile .profile-social-media.social-list .social-list__item.gl-icon {
  color: #ea4335;
}
.team-profile .profile-social-media.social-list .social-list__item.li-icon {
  color: #2AA1DA;
}
.team-profile .profile-social-media.social-list .social-list__item.fb-icon {
  color: #3b5998;
}
.team-profile .profile-social-media.social-list .social-list__item.tr-icon {
  color: #1da1f2;
}
.team-profile .profile-social-media.social-list .social-list__item:hover {
  background: #f8f8f8;
}

.team-profile-info .education-list li {
  margin-bottom: 1.5rem;
}
.team-profile-info .education-list li .year {
  display: inline-block;
  background: #0e6516;
  color: #ffffff;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  padding: 0.25rem 0.375rem;
  font-size: 0.875rem;
  line-height: 12px;
  margin-right: 0.25rem;
}
.team-profile-info .skill-bar__row {
  margin-bottom: 1rem;
}
.team-profile-info .skill-bar__row .label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.team-profile-info .skill-bar__row .progress .progress-bar {
  background: #0e6516;
}
.team-profile-info .profile-contact-list > li {
  padding-bottom: 0.75rem;
}
.team-profile-info .profile-contact-list > li span:first-child {
  display: inline-block;
  width: 85px;
  font-weight: 700;
}
.team-profile-info .profile-time-schedule {
  max-width: 80%;
}
@media only screen and (min-width: 992px) {
  .team-profile-info .profile-time-schedule {
    max-width: 50%;
  }
}
.team-profile-info .profile-time-schedule > li {
  padding-bottom: 0.75rem;
}
.team-profile-info .profile-time-schedule > li span:first-child {
  font-weight: 600;
}
.team-profile-info .profile-time-schedule > li span:last-child {
  float: right;
}

/*----------------------------------------*/
/*  05-Banner css
/*----------------------------------------*/
.cta-banner {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 3.25rem 0;
  /* banner with gradient background */
  /* banner image background with gradient */
  /* banner dark blue background */
  /* banner light gray background */
  /* banner image background light */
  /* banner image alignment */
  /* banner counter */
}
.cta-banner--gradient-bg {
  background: -webkit-linear-gradient(to right, #267dea 13%, #37d7f4 58%, #0e6516 100%);
  background: -moz-linear-gradient(to right, #267dea 13%, #37d7f4 58%, #0e6516 100%);
  background: -ms-linear-gradient(to right, #267dea 13%, #37d7f4 58%, #0e6516 100%);
  background: -o-linear-gradient(to right, #267dea 13%, #37d7f4 58%, #0e6516 100%);
  background: linear-gradient(to right, #267dea 13%, #37d7f4 58%, #0e6516 100%);
}
.cta-banner--img-gr {
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .cta-banner--img-gr {
    background-attachment: fixed;
  }
}
.cta-banner--img-gr:before {
  content: "";
  background: -webkit-linear-gradient(-45deg, #1e285e, rgba(13, 201, 235, 0.58));
  background: -moz-linear-gradient(-45deg, #1e285e, rgba(13, 201, 235, 0.58));
  background: -ms-linear-gradient(-45deg, #1e285e, rgba(13, 201, 235, 0.58));
  background: -o-linear-gradient(-45deg, #1e285e, rgba(13, 201, 235, 0.58));
  background: linear-gradient(-45deg, #1e285e, rgba(13, 201, 235, 0.58));
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  z-index: -1;
}
.cta-banner--bg-blue {
  background: #03840f;
}
.cta-banner--bg-light {
  background: #f8f8f8;
}
.cta-banner--img-light-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(248, 248, 248, 0.45);
}
.cta-banner .cta-banner-align {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
@media only screen and (max-width: 991px) {
  .cta-banner__content {
    padding-bottom: 1.5rem;
  }
}
.cta-banner__content .banner-heading {
  margin-bottom: 0.5rem;
  display: block;
}
.cta-banner__content .banner-heading--title {
  font-size: 2rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .cta-banner__content .banner-heading--title {
    font-size: 2.5rem;
  }
}
.cta-banner__content .banner-heading--title .text-blue {
  color: #0e6516;
}
.cta-banner__content .banner-heading--title .text-dark-blue {
  color: #03840f;
}
.cta-banner__content .banner-heading--sub-title {
  font-size: 1.25rem;
}
.cta-banner__content .banner-heading--sub-title span {
  padding: 0 0.5rem 0 0;
}
@media only screen and (min-width: 768px) {
  .cta-banner__content .banner-heading--sub-title {
    font-size: 1.5rem;
  }
}
.cta-banner__content .banner-heading--center {
  text-align: center;
  margin-bottom: 1.5rem;
}
.cta-banner__content .banner-heading--font-md .banner-heading--title {
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .cta-banner__content .banner-heading--font-md .banner-heading--title {
    font-size: 1.75rem;
  }
}
.cta-banner__content .banner-heading--font-md .banner-heading--sub-title {
  font-size: 1rem;
}
@media only screen and (min-width: 768px) {
  .cta-banner__content .banner-heading--font-md .banner-heading--sub-title {
    font-size: 1.125rem;
  }
}
.cta-banner__content--light {
  color: #ffffff;
}
.cta-banner__content--light .banner-text p {
  color: #ffffff;
}
.cta-banner__content--flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.cta-banner__img {
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .cta-banner__img {
    margin-top: -118px;
  }
}
.cta-banner .banner-counter {
  text-align: center;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .cta-banner .banner-counter .counter-box {
    margin-bottom: 1rem;
  }
}
.cta-banner .banner-counter .counter-box .counter-icon {
  font-size: 2.5rem;
}
.cta-banner .banner-counter .counter-box .counter-title {
  font-size: 1.25rem;
  padding: 0.5rem 0;
  margin: 0;
}
.cta-banner .banner-counter .counter-box .counter-number {
  font-size: 2rem;
}

/*----------------------------------------*/
/*  04-About css
/*----------------------------------------*/
/* about us section wrapper */
.item-wrapper {
  /* about us section wrapper with blue background */
  /* about us wrapper image */
  /* about us wrapper inner content */
  /* about us wrapper button */
}
.item-wrapper--bg {
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  padding: 7rem 0;
}




 screen and (min-width: 992px) {
  .item-wrapper--bg:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 33.3333%;
    background-color: #0e6516;
    z-index: -1;
  }
}
.item-wrapper__img {
  position: relative;
  /* about us image wrapper with solid background */
  /* about us image wrapper with gradient background */
}




 screen and (min-width: 992px) {
  .item-wrapper__img--pad {
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .item-wrapper__img--pad {
    padding-right: 4rem;
    padding-bottom: 4rem;
  }
}
@media only screen and (min-width: 992px) {
  .item-wrapper__img--bg:before {
    content: "";
    position: absolute;
    top: 64px;
    left: 53px;
    width: 90%;
    height: 90%;
    background: rgba(9, 44, 159, 0.12);
    z-index: -1;
  }
}
.item-wrapper__img--bg-gr:before {
  content: "";
  background: -webkit-linear-gradient(to right, #267dea 13%, #37d7f4 58%, #0e6516 100%);
  background: -moz-linear-gradient(to right, #267dea 13%, #37d7f4 58%, #0e6516 100%);
  background: -ms-linear-gradient(to right, #267dea 13%, #37d7f4 58%, #0e6516 100%);
  background: -o-linear-gradient(to right, #267dea 13%, #37d7f4 58%, #0e6516 100%);
  background: linear-gradient(to right, #267dea 13%, #37d7f4 58%, #0e6516 100%);
  display: block;
  width: 88%;
  height: 77%;
  position: absolute;
  top: 67px;
  left: 0;
  z-index: -1;
}
.item-wrapper__img img {
  width: 100%;
}
.item-wrapper__img .img-badge {
  position: absolute;
  top: 40%;
  right: 0;
}
.item-wrapper__img .img-badge .img-badge--bg {
  position: absolute;
  right: 0;
  top: 60%;
  -webkit-transform: translateY(-60%);
  -moz-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  -o-transform: translateY(-60%);
  transform: translateY(-60%);
  border: 8px solid #ffffff;
  background-color: #03840f;
  color: #ffffff;
  width: 150px;
  text-align: center;
  height: 150px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.item-wrapper__img .img-badge .img-badge--bg p {
  color: #ffffff;
  line-height: initial;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  left: 0;
  top: 45%;
  -webkit-transform: translateY(-45%);
  -moz-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  -o-transform: translateY(-45%);
  transform: translateY(-45%);
  font-size: 1rem;
  font-weight: 600;
}
.item-wrapper__img .img-badge .img-badge--bg p span {
  display: inline-block;
  font-size: 1.875rem;
}
.item-wrapper__inner {
  padding-top: 1.875rem;
}
@media only screen and (min-width: 992px) {
  .item-wrapper__inner {
    padding-top: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
}
.item-wrapper__inner .main-title {
  text-align: left;
  margin-bottom: 1rem;
}
.item-wrapper__inner .inner-content__desc h6 {
  margin-bottom: 1rem;
}
.item-wrapper__inner .inner-content__list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.item-wrapper__inner .inner-content__list > li {
  padding: 1rem 0.75rem 0 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  display: block;
  color: #959595;
}
.item-wrapper__inner .inner-content__list > li:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  color: #4fd792;
  margin-right: 0.5rem;
  text-align: center;
  padding: 0.375rem;
  border-radius: 50%;
  font-size: 0.875rem;
  background: rgba(79, 215, 146, 0.13);
}
.item-wrapper__inner .inner-content__box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}
.item-wrapper__inner .inner-content__box .box-text {
  padding-left: 1.5rem;
  color: #959595;
}
.item-wrapper__inner .inner-content__box .box-text span {
  display: block;
}
.item-wrapper__inner .inner-content__box .box-text span:first-child {
  color: #474747;
  font-weight: 600;
}
.item-wrapper .item-wrapper-btn {
  margin-top: 0.625rem;
}

.page-content p{
  /* margin:0.2rem auto; */
  line-height: 180%;
}

/*----------------------------------------*/
/*       13. Gallery CSS
/*----------------------------------------*/
.gallery-area__item {
  margin-bottom: 1.875rem;
}
.gallery-area__btn {
  text-align: center;
  margin-top: 1rem;
}
.gallery-area__btn .btn {
  display: inline-block;
}

/* gallery images effect */
.gallery {
  margin-bottom: 1.875rem;
}
.gallery--effect {
  position: relative;
  overflow: hidden;
}
.gallery--effect::after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 100%;
  background: linear-gradient(-45deg, #1e285e, rgba(13, 201, 235, 0.58));
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  opacity: 0;
  width: 100%;
}
.gallery--effect:hover .overlay-content {
  opacity: 1;
}
.gallery--effect:hover span, .gallery--effect:hover .popup-link {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.gallery--effect:hover:after {
  opacity: 1;
}
.gallery__wrapper {
  position: relative;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.gallery__wrapper--aspect:after {
  display: block;
  content: "";
  /* 16:9 aspect ratio */
  width: 100%;
  padding-top: 56.25%;
}
@media only screen and (max-width: 991px) {
  .gallery__wrapper--aspect:after {
    /* 1:1 aspect ratio */
    padding-top: 100%;
  }
}
.gallery__wrapper--aspect.vr-rectangle:after {
  display: block;
  content: "";
  width: 100%;
  padding-top: 117.25%;
}
@media only screen and (max-width: 991px) {
  .gallery__wrapper--aspect.vr-rectangle:after {
    padding-top: 100%;
  }
}
.gallery__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 30px;
  text-align: center;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.gallery__overlay--text {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
}
.gallery__overlay--icon {
  opacity: 0;
  display: inline-block;
  height: 50px;
  width: 50px;
  background: #F59E13;
  display: inline-block;
  line-height: 50px;
  margin: 0 auto;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px);
}

/*----------------------------------------*/
/*          07. Testimonial CSS
/*----------------------------------------*/
.testimonial {
  /* testimonials carousel wrapper */
}
.testimonial--bg {
  position: relative;
  background: rgba(248, 248, 248, 0.3);
  padding: 3.25rem 0;
}
@media only screen and (min-width: 768px) {
  .testimonial--bg {
    padding: 6.25rem 0;
  }
}
.testimonial .main-title {
  margin-bottom: 2.5rem;
}
.testimonial__img {
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.testimonial .testimonial-wrapper {
  text-align: center;
  color: #474747;
  padding: 1rem;
  text-align: center;
  overflow: hidden;
  font-size: 1.25rem;
  max-width: 600px;
  margin: 0 auto;
}
.testimonial .testimonial-wrapper__img {
  width: 90px;
  margin: 0 auto 0.75rem auto;
  display: block;
  position: relative;
}
.testimonial .testimonial-wrapper__img .testimonial-quote {
  font-size: 1.5rem;
  position: absolute;
  bottom: -16px;
  text-align: center;
  color: #03840f;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.testimonial .testimonial-wrapper__img img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 20px 0px rgba(9, 44, 159, 0.25);
  -moz-box-shadow: 1px 1px 20px 0px rgba(9, 44, 159, 0.25);
  -ms-box-shadow: 1px 1px 20px 0px rgba(9, 44, 159, 0.25);
  -o-box-shadow: 1px 1px 20px 0px rgba(9, 44, 159, 0.25);
  box-shadow: 1px 1px 20px 0px rgba(9, 44, 159, 0.25);
}
.testimonial .testimonial-wrapper__text p {
  margin: 0;
}
.testimonial .testimonial-wrapper__name {
  display: inline-block;
  margin: 1rem 0;
  font-weight: 700;
  color: #474747;
}
.testimonial .testimonial-wrapper__name span:last-child {
  display: block;
  color: #959595;
  font-weight: 400;
  font-size: 0.875rem;
}
.testimonial .owl-dots {
  margin: 0;
}

/*----------------------------------------*/
/*      08. Blog CSS
/*----------------------------------------*/
/* home page blog post card */
.blog-post--card {
  background: #ffffff;
  -webkit-box-shadow: 8.135px 18.271px 40px 0px rgba(44, 44, 44, 0.18);
  -moz-box-shadow: 8.135px 18.271px 40px 0px rgba(44, 44, 44, 0.18);
  -ms-box-shadow: 8.135px 18.271px 40px 0px rgba(44, 44, 44, 0.18);
  -o-box-shadow: 8.135px 18.271px 40px 0px rgba(44, 44, 44, 0.18);
  box-shadow: 8.135px 18.271px 40px 0px rgba(44, 44, 44, 0.18);
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  margin-bottom: 1.875rem;
}
.blog-post--card .blog-post__img {
  overflow: hidden;
  -webkit-border-top-right-radius: 0.25rem;
  -moz-border-top-right-radius: 0.25rem;
  -ms-border-top-right-radius: 0.25rem;
  -o-border-top-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-border-top-left-radius: 0.25rem;
  -moz-border-top-left-radius: 0.25rem;
  -ms-border-top-left-radius: 0.25rem;
  -o-border-top-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  text-align: center;
}
.blog-post--card .blog-post__img img {
  -webkit-transition: transform 0.7s ease;
  -moz-transition: transform 0.7s ease;
  -ms-transition: transform 0.7s ease;
  -o-transition: transform 0.7s ease;
  transition: transform 0.7s ease;
  max-width: 65%;
}
.blog-post--card .blog-post__body {
  padding: 1.5rem;
}
.blog-post--card .blog-post__body--title .title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.blog-post--card .blog-post__body--title:hover {
  color: #0e6516;
}
.blog-post--card .blog-post__body--meta {
  font-size: 0.875rem;
  color: #959595;
  padding-bottom: 0.75rem;
}
.blog-post--card .blog-post__body--meta span {
  padding-right: 0.75rem;
}
.blog-post--card .blog-post__body--meta .meta-icon {
  padding-right: 0.25rem;
}
.blog-post--card .blog-post__body--meta .date {
  display: inline-block;
}
.blog-post--card .blog-post__body--meta .category > a:hover, .blog-post--card .blog-post__body--meta .author > a:hover {
  color: #0e6516;
}
.blog-post--card .blog-post__body--btn {
  color: #0e6516;
}
.blog-post--card .blog-post__body--btn span {
  display: inline-block;
  font-size: 0.75rem;
  padding-left: 0.1rem;
}
.blog-post--card .blog-post__body--btn > a:hover {
  color: #F59E13;
}
.blog-post__body--content p{
  color: #777;
}

.blog-post--card:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}
.blog-post--list {
  border-bottom: 1px solid rgba(44, 44, 44, 0.1);
  padding-bottom: 1.875rem;
  margin-bottom: 1.875rem;
  /* inner image */
  /* inner content */
}
@media only screen and (min-width: 768px) {
  .blog-post--list {
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.blog-post--list .blog-post__img {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.blog-post--list .blog-post__img img {
  width: 100%;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
}
.blog-post--list .blog-post__body {
  padding-top: 1.25rem;
}
.blog-post--list .blog-post__body--title .title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .blog-post--list .blog-post__body--title .title {
    font-size: 1.375rem;
  }
}
.blog-post--list .blog-post__body--meta {
  font-size: 0.875rem;
  color: #959595;
  padding-bottom: 0.875rem;
}
.blog-post--list .blog-post__body--meta span {
  padding-right: 0.75rem;
}
.blog-post--list .blog-post__body--meta .meta-icon {
  padding-right: 0.25rem;
}
.blog-post--list .blog-post__body--meta .date {
  display: inline-block;
}
.blog-post--list .blog-post__body--meta .category > a:hover, .blog-post--list .blog-post__body--meta .author > a:hover {
  color: #0e6516;
}
.blog-post--list .blog-post__body--content p {
  margin-bottom: 1.5rem;
}
.blog-post--list:hover .blog-post__img img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
}

/* single blog post */

.single-post__img{
  text-align: center;
}

.single-post__title {
  margin: 1.5rem 0;
}
.single-post__title .title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .single-post__title .title {
    font-size: 1.375rem;
    text-align: center;
  }
}
.single-post__meta {
  margin-top: 2rem;
  font-size: 0.875rem;
  color: #959595;
  padding-bottom: 0.875rem;
  text-align: center;
}
.single-post__meta span {
  padding-right: 0.75rem;
}
.single-post__meta .meta-icon {
  padding-right: 0.25rem;
}
.single-post__meta .date {
  display: inline-block;
}
.single-post__meta .category > a:hover, .single-post__meta .author > a:hover {
  color: #0e6516;
}
.single-post__body {
  /* margin-top: 1.5rem; */
  font-size: 1rem;
  /* padding: 1rem 3rem; */
}
.single-post__body .keywords{
  margin: 1rem;
}
.single-post__body a{
  text-decoration: underline;
  color:#6570bb;
}
.single-post__body p {
  line-height: 1.8;
  margin:0 0 0.75rem;
}
.single-post__body h3{
  font-size: 1rem;
  font-weight: 600;
}
.single-post__body table{
  width:92%;
  border: 1px solid #ccc;
  text-align: center;
  margin:0 auto;
}
.single-post__body .relate-pro{
  cursor: pointer;
  text-align: center;
}
.single-post__body .relate-pro img{
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .single-post__body table {
    display:none;
  }
}
.single-post__body table tr,.single-post__body table td{
  border: 1px solid #ccc;
  line-height: 2rem;
}
.single-post__body table tr:hover {
  background-color: #ddd;
}
.single-post__body .blockquote {
  font-size: 1rem;
  font-style: italic;
  padding: 0.625rem 1.25rem;
  margin: 0 0 1rem;
  color: #959595;
  border-left: 5px solid #0e6516;
}
.single-post__body .single-post-list {
  color: #959595;
}
.single-post__body .single-post-list .list-heading {
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.single-post__body .single-post-list > li {
  padding-bottom: 0.75rem;
}
.single-post__body .single-post-list > li:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  color: #4fd792;
  padding-right: 0.75rem;
}
.single-post__footer .single-post-share {
  margin-top: 1rem;
}
.single-post__footer .single-post-share ul {
  display: inline-block;
}
.single-post__footer .single-post-share ul .social-icon {
  display: inline-block;
  padding: 0.375rem;
  font-size: 1rem;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.single-post__footer .single-post-share ul .social-icon.fb-icon {
  color: #3b5998;
}
.single-post__footer .single-post-share ul .social-icon.tr-icon {
  color: #1da1f2;
}
.single-post__footer .single-post-share ul .social-icon.li-icon {
  color: #2AA1DA;
}
.single-post__footer .single-post-share ul .social-icon.gl-icon {
  color: #ea4335;
}



/*----------------------------------------*/
/*        23. Footer CSS
/*----------------------------------------*/
.footer {
  background: #217529;
  margin-top: auto;
  font-size: 1rem;
  background-image: linear-gradient(to left,#11752f 10%,#0d7764 90%);
  /* footer widgets */
  /* footer social media widgets */
  /* footer newsletter widgets */
}
.footer__row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 3.25rem 0;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .footer__row {
    padding: 2.25rem 0;
  }
}
.footer__col:not(:last-child) {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .footer__col {
    margin-bottom: 0;
  }
}
.footer__bottom {
  color: #959595;
  font-size: 0.875rem;
  padding: 1.875rem 0;
}
.footer__bottom p {
  color: #ffffff;
  margin: 0;
  line-height: 30px;
}
@media only screen and (min-width: 768px) {
  .footer__bottom--links {
    text-align: right;
  }
}
.footer__bottom--links li {
  display: inline-block;
  line-height: 30px;
}
.footer__bottom--links li:not(:last-child) {
  padding: 0 0.75rem 0 0;
}
.footer__bottom--links li a {
  color: #ffffff;
}
.footer__bottom--links li a:hover {
  color: #F59E13;
}
.footer .widget {
  /* widget title */
  /* widget description */
  /* widget list */
}
.footer .widget .widget-title {
  margin-bottom: 2rem;
  position: relative;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 400;
}
.footer .widget .widget-title:after {
  content: "";
  width: 50px;
  height: 2px;
  bottom: -12px;
  left: 0;
  position: absolute;
  z-index: 1;
  background: #F59E13;
}
.footer .widget .widget-desc p {
  color: #ffffff;
  line-height: 175%;
  text-indent: 2rem;
}
.footer .widget .widget-list .widget-list_item {
  padding: 0 0 0.25rem 0;
  color: #ffffff;
}
.footer .widget .widget-list .widget-list_item span {
  line-height: 30px;
}
.footer .widget .widget-list .widget-list_item span:first-child {
  padding-right: 0.25rem;
}
.footer .widget .widget-list .widget-list_item > a:hover {
  color: #F59E13;
}
.footer .widget.widget_social-media .widget-list .widget-list_item {
  display: inline-block;
  font-size: 1.125rem;
  padding: 0 0.75rem 0 0;
}
.footer .widget.widget_newsletter {
  margin-top: 1rem;
}
.footer .widget.widget_newsletter > span {
  margin-bottom: 1.25rem;
  display: block;
}
.footer .widget.widget_newsletter .input-group {
  background: #ffffff;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  border-radius: 0.5rem;
  padding: 0.25rem;
  max-width: 300px;
}
.footer .widget.widget_newsletter .form-control {
  border: 1px solid transparent;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  border-radius: 1.5rem;
}
.footer .widget.widget_newsletter .input-group-btn .btn {
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
  line-height: 24px;
}

/*----------------------------------------*/
/*       10. Breadcrumb CSS
/*----------------------------------------*/
.custom-breadcrumb {
  display: block;
  padding: 2.625rem 0;
}
@media only screen and (min-width: 768px) {
  /*.custom-breadcrumb {
    padding: 5.625rem 0;
  }*/
}
.custom-breadcrumb--bg {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 1;
  background-image: linear-gradient(to left,#3c71d0 10%,#539e71 90%);
  background-color: #1f8211;
}

.page-breadcrumb {
  background-image: linear-gradient(to left,#08b189 10%,#6570bb 90%);
}
.list-breadcrumb {
  background-image: linear-gradient(to left,#5b2994 10%,#3f9490 90%);
}
.product-breadcrumb {
  background-image: linear-gradient(to left,#08b189 10%,#6570bb 90%);
}
.article-breadcrumb {
  background-image: linear-gradient(to left,#08b189 10%,#6570bb 90%);
}
/*.custom-breadcrumb--bg:after {
  background-color: #eee;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}*/
.custom-breadcrumb .page-title {
  color: #ffffff;
  margin: 0;
  line-height: 50px;
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .custom-breadcrumb .page-title {
    font-size: 1.75rem;
  }
}
.custom-breadcrumb .breadcrumb-menu {
  margin-top: 1rem;
}
@media only screen and (min-width: 768px) {
  .custom-breadcrumb .breadcrumb-menu {
    text-align: right;
    margin-top: 0;
  }
}
.custom-breadcrumb .breadcrumb {
  background: rgba(248, 248, 248, 0.25);
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-bottom: 0;
  font-size: 1rem;
  padding: 0.75rem 1.75rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
@media only screen and (max-width: 767px) {
  .custom-breadcrumb .breadcrumb {
    font-size: 1rem;
  }
}
.custom-breadcrumb .breadcrumb-item span {
  padding-right: 0.35rem;
}
.custom-breadcrumb .breadcrumb-item a {
  color: #ffffff;
}
.custom-breadcrumb .breadcrumb-item a:hover {
  color: #cfcfcf;
}
.custom-breadcrumb .breadcrumb-item.active {
  color: #ffffff;
}
.custom-breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  color: #ffffff;
  vertical-align: middle;
  padding-right: 0.65rem;
  padding-left: 0.65rem;
}

/*----------------------------------------*/
/*        11. Sidebar CSS
/*----------------------------------------*/
/* sidebar right */
.sidebar {
  /* sidebar widgets */
  /* widget popular posts */
  /* widget categories */
  /* tags styles */
  /* recent comments */
  /* widget navigation */
  /* widget search */
  /* widget calendar */
  /* service single sidebar service list widget */
  /* service single sidebar service banner widget */
}
.sidebar.fixed {
  position: fixed;
  top:75px;
  right: 140px;
  width: 380px;
}
@media only screen and (max-width: 991px) {
  .sidebar--left {
    order: 2;
  }

}
.sidebar--right {
  order: 2;
}
@media only screen and (max-width: 991px) {
  .sidebar {
    padding-top: 2.5rem;
    display: none;
  }
}
.sidebar .widget:not(:first-child) {
  padding-top: 1rem;
}
.sidebar .widget .widget-title {
  position: relative;
  font-size: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #03840f;
}
.sidebar .widget .widget-title:after {
  content: "";
  width: 50px;
  height: 2px;
  bottom: -1px;
  left: 0;
  position: absolute;
  z-index: 1;
  background: #0e6516;
}
.sidebar .widget .widget-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar .widget .widget-list .widget-list_item {
  position: relative;
}
.sidebar .widget .widget-list .widget-list_item:not(:last-child) {
  border-bottom: 1px dashed rgba(44, 44, 44, 0.1);
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}
.sidebar .widget .widget-list .widget-list_item:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  padding-right: 0.25rem;
  display: inline-block;
  color: #0e6516;
  font-size: 0.875rem;
}
.sidebar .widget .widget-list .widget-list_item > a {
  text-decoration: none;
  color: #474747;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sidebar .widget .widget-list .widget-list_item > a:hover {
  color: #0e6516;
}
.sidebar .widget.widget_popular_post .media-list__item {
  margin-bottom: 1rem;
}
.sidebar .widget.widget_popular_post .media-list__item .media {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.sidebar .widget.widget_popular_post .media-list__item:before {
  content: none;
}
.sidebar .widget.widget_popular_post .media-list__item--img {
  margin-right: 0.75rem;
  width: 70px;
}
.sidebar .widget.widget_popular_post .media-list__item--title {
  font-size: 0.95rem;
  font-weight: 700;
  color:#808080;
}
.sidebar .widget.widget_popular_post .media-list__item--details {
  font-size: 0.75rem;
  color: #959595;
}
.sidebar .widget.widget_popular_post .media-list__item a:hover {
  color: #0e6516;
}
.sidebar .widget.widget_categories .badge {
  float: right;
  clear: both;
  color: #474747;
  background-color: #f8f8f8;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.sidebar .widget.widget_tag_cloud .tagcloud a {
  display: inline-block;
  color: #959595;
  border: 1px solid #cfcfcf;
  padding: 0.25rem 0.5rem;
  text-align: center;
  margin-right: 0.25rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  border-radius: 1.5rem;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.sidebar .widget.widget_tag_cloud .tagcloud a:hover {
  border-color: #0e6516;
}
.sidebar .widget.widget_recent_comments .recentcomments span {
  color: #959595;
}
.sidebar .widget.widget_recent_comments .recentcomments > a {
  -moz-word-break: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
  display: inline-block;
  color: #959595;
}
.sidebar .widget.widget_recent_comments .recentcomments > a:hover {
  color: #0e6516;
}
.sidebar .widget.widget_nav_menu .menu-main-menu-container .menu .menu-item-type-custom > a:first-child {
  font-weight: 600;
  border-bottom: 1px dashed rgba(44, 44, 44, 0.1);
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  display: block;
}
.sidebar .widget.widget_nav_menu .menu-main-menu-container .menu .menu-item-type-custom > a:hover {
  color: #0e6516;
}
.sidebar .widget.widget_nav_menu .menu-main-menu-container .menu .sub-menu {
  padding-left: 1rem;
}
.sidebar .widget.widget_nav_menu .menu-main-menu-container .menu .sub-menu a:hover {
  color: #0e6516;
}
.sidebar .widget.widget_nav_menu .menu-main-menu-container .menu .sub-menu .menu-item-type-post_type {
  border-bottom: 1px dashed rgba(44, 44, 44, 0.1);
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}
.sidebar .widget.widget_nav_menu .menu-main-menu-container .menu .sub-menu .menu-item-type-post_type:last-child {
  border-bottom: none;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}
.sidebar .widget.widget_search {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(44, 44, 44, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(44, 44, 44, 0.1);
  -ms-box-shadow: 0px 0px 10px 0px rgba(44, 44, 44, 0.1);
  -o-box-shadow: 0px 0px 10px 0px rgba(44, 44, 44, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(44, 44, 44, 0.1);
  background-color: #ffffff;
  /*padding: 1rem;*/
}
.sidebar .widget.widget_search .input-group .form-control {
  border: 1px solid rgba(44, 44, 44, 0.1);
  -webkit-border-top-left-radius: 0.25rem;
  -moz-border-top-left-radius: 0.25rem;
  -ms-border-top-left-radius: 0.25rem;
  -o-border-top-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  -webkit-border-bottom-left-radius: 0.25rem;
  -moz-border-bottom-left-radius: 0.25rem;
  -ms-border-bottom-left-radius: 0.25rem;
  -o-border-bottom-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.sidebar .widget.widget_search .input-group-btn {
  color: #ffffff;
  padding: 0 1.25rem;
  border: none;
  background: #F59E13;
  cursor: pointer;
  -webkit-border-top-right-radius: 0.25rem;
  -moz-border-top-right-radius: 0.25rem;
  -ms-border-top-right-radius: 0.25rem;
  -o-border-top-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-border-bottom-right-radius: 0.25rem;
  -moz-border-bottom-right-radius: 0.25rem;
  -ms-border-bottom-right-radius: 0.25rem;
  -o-border-bottom-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.sidebar .widget.widget_calendar {
  float: left;
  width: 100%;
}
.sidebar .widget.widget_calendar .calendar_wrap #wp-calendar {
  width: 100%;
  table-layout: fixed;
  font-size: 0.875rem;
}
.sidebar .widget.widget_calendar .calendar_wrap #wp-calendar caption {
  text-align: right;
  color: #474747;
  font-size: 0.875rem;
  margin-top: 0.625rem;
  margin-bottom: 1rem;
}
.sidebar .widget.widget_calendar .calendar_wrap #wp-calendar thead th {
  padding-bottom: 0.625rem;
  text-align: center;
  font-weight: 600;
}
.sidebar .widget.widget_calendar .calendar_wrap #wp-calendar tbody {
  color: #474747;
}
.sidebar .widget.widget_calendar .calendar_wrap #wp-calendar tbody td {
  background: #f8f8f8;
  border: 1px solid #ffffff;
  text-align: center;
  padding: 0.5rem 0;
}
.sidebar .widget.widget_calendar .calendar_wrap #wp-calendar tbody td:hover {
  background: #0e6516;
  color: #ffffff;
}
.sidebar .widget.widget_calendar .calendar_wrap #wp-calendar tbody .pad {
  background: none;
}
.sidebar .widget.widget_calendar .calendar_wrap #wp-calendar tfoot #next {
  text-transform: uppercase;
  text-align: right;
}
.sidebar .widget.widget_calendar .calendar_wrap #wp-calendar tfoot #prev {
  text-transform: uppercase;
  padding-top: 0.625rem;
}
.sidebar .widget.service-list_widget {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 0px rgba(44, 44, 44, 0.1);
  -moz-box-shadow: 0 0 20px 0px rgba(44, 44, 44, 0.1);
  -ms-box-shadow: 0 0 20px 0px rgba(44, 44, 44, 0.1);
  -o-box-shadow: 0 0 20px 0px rgba(44, 44, 44, 0.1);
  box-shadow: 0 0 20px 0px rgba(44, 44, 44, 0.1);
}
.sidebar .widget.service-list_widget .service-list__item {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.25rem 1.875rem;
}
.sidebar .widget.service-list_widget .service-list__item:not(:last-child) {
  border-bottom: 1px dashed rgba(44, 44, 44, 0.1);
}
.sidebar .widget.service-list_widget .service-list__item .item-icon {
  margin-right: 1rem;
  line-height: 1;
  font-size: 1.75rem;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.sidebar .widget.service-list_widget .service-list__item .item-title {
  text-transform: capitalize;
  font-size: 1.125rem;
  margin: 0;
}
.sidebar .widget.service-list_widget .service-list__item:hover, .sidebar .widget.service-list_widget .service-list__item.active {
  color: #0e6516;
}
.sidebar .widget.service-list_widget .service-list__item:hover:before, .sidebar .widget.service-list_widget .service-list__item.active:before {
  height: 100%;
  bottom: 0;
}
.sidebar .widget.service-list_widget .service-list__item:before {
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 3px;
  height: 0;
  background-color: #0e6516;
  content: "";
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.sidebar .widget.widget_banner .widget_banner_img {
  position: relative;
  overflow: hidden;
}
.sidebar .widget.widget_banner .widget_banner_img:before {
  content: "";
  background: rgba(9, 44, 159, 0.95);
  position: absolute;
  top: 50%;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: rotateZ(100deg);
  -moz-transform: rotateZ(100deg);
  -ms-transform: rotateZ(100deg);
  -o-transform: rotateZ(100deg);
  transform: rotateZ(100deg);
}
.sidebar .widget.widget_banner .widget_banner_img .widget_banner_content {
  position: absolute;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #ffffff;
  text-align: center;
  z-index: 1;
}
.sidebar .widget.widget_banner .widget_banner_img .widget_banner_content span {
  color: #F59E13;
  font-weight: 600;
}

/*----------------------------------------*/
/*         09. Comment CSS
/*----------------------------------------*/
/* comment list */
.comment-list {
  margin-bottom: 3rem;
}
.comment-list .media-list__item .media {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .comment-list .media-list__item .media {
    display: block;
  }
}
.comment-list .media-list__item:not(:first-child) {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid rgba(207, 207, 207, 0.45);
}
.comment-list .media-list__item--nested {
  margin-left: 1.875rem;
}
@media only screen and (min-width: 768px) {
  .comment-list .media-list__item--nested {
    margin-left: 4.75rem;
  }
}
.comment-list .media-list__item--img {
  width: 70px;
  margin-right: 0.75rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .comment-list .media-list__item--img {
    margin-right: 0;
    margin-bottom: 0.75rem;
  }
}
.comment-list .media-list__item .media-body {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 0.875rem;
}
.comment-list .media-list__item .comment-details {
  padding-bottom: 0.25rem;
}
.comment-list .media-list__item .comment-details .author {
  color: #474747;
  font-weight: 600;
  margin-right: 0.5rem;
}
.comment-list .media-list__item p {
  margin: 0;
  padding-bottom: 0.5rem;
}
.comment-list .media-list__item .comment-reply {
  display: block;
  color: #03840f;
}
.comment-list .media-list__item .comment-reply-icon span {
  padding-left: 0.25rem;
}

/* comment form */
/*----------------------------------------*/
/*        19. Faq CSS
/*----------------------------------------*/
.Custom-accordion__card {
  margin-bottom: 1rem;
  border: none;
}
.Custom-accordion__card .card-header {
  padding: 0;
  color: #ffffff;
  background-color: #03840f;
  cursor: pointer;
  margin-bottom: -1px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.Custom-accordion__card .card-header .btn-link {
  display: block;
  width: 100%;
  padding: 1rem 1.45rem;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.Custom-accordion__card .card-header [data-toggle=collapse].collapsed.btn-link:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 0.8rem;
  font-weight: 700;
  font-style: normal;
  padding: 0 0.5rem 0 0;
}
.Custom-accordion__card .card-header [data-toggle=collapse].btn-link:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 0.8rem;
  font-weight: 700;
  font-style: normal;
  padding: 0 0.5rem 0 0;
}
.Custom-accordion__card .card-shadow {
  box-shadow: 0px 3px 6px -3px rgba(44, 44, 44, 0.08);
}
.Custom-accordion__card .card-body {
  background: #f8f8f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

/*----------------------------------------*/
/*          18. Contact CSS
/*----------------------------------------*/
/* contact us page */
.contact {
  /* contact information */
  /* weekly schedule */
  /* contact form */
}
.contact__info {
  margin-bottom: 1.875rem;
}
.contact__info li {
  padding: 0.75rem 0;
}
.contact__info li span:first-child {
  border: 1px solid rgba(149, 149, 149, 0.5);
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  margin-right: 0.25rem;
  color: #959595;
}
@media only screen and (max-width: 991px) {
  .contact__schedule {
    margin-top: 1.875rem;
  }
}
.contact__schedule li {
  clear: both;
}
.contact__schedule li:not(:last-child) {
  border-bottom: 1px dashed rgba(44, 44, 44, 0.1);
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}
.contact__schedule li .value {
  float: right;
}
.contact__schedule li span:first-child {
  font-weight: 600;
}
@media only screen and (max-width: 991px) {
  .contact__form {
    margin-bottom: 2.5rem;
  }
}

/* google map */
@media only screen and (max-width: 767px) {
  .location {
    margin-top: 1rem;
  }
}
.location #map {
  height: 350px;
  width: 100%;
  background: #F5F5F5;
}

/*----------------------------------------*/
/*  20-404 Error css
/*----------------------------------------*/
.error-page > div:first-child {
  margin: 0 auto;
}
.error-page > div:last-child {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.error-page .error-heading {
  margin: 3rem 0 1rem 0;
  text-transform: capitalize;
  text-align: center;
}
.error-page .error-heading .title {
  color: #0e6516;
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .error-page .error-heading .title {
    font-size: 3rem;
  }
}
.error-page .error-heading .sub-title {
  font-size: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .error-page .error-heading .sub-title {
    font-size: 2rem;
  }
}
.error-page .back-to-home-btn {
  text-align: center;
}
.error-page .back-to-home-btn .btn {
  font-size: 1rem;
}
@media only screen and (min-width: 768px) {
  .error-page .back-to-home-btn .btn {
    font-size: 1.25rem;
  }
}

/*----------------------------------------*/
/*      06. loader CSS
/*----------------------------------------*/
.loader {
  background: #03840f;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lds-ellipsis {
  margin: auto;
  width: 80px;
  height: 80px;
  position: relative;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  background: #F59E13;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
  -moz-animation-timing-function: cubic-bezier(0, 1, 1, 0);
  -o-animation-timing-function: cubic-bezier(0, 1, 1, 0);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
    -moz-transform: translate(24px, 0);
    -ms-transform: translate(24px, 0);
    -o-transform: translate(24px, 0);
    transform: translate(24px, 0);
  }
}
/*----------------------------------------*/
/*          24. Forms CSS
/*----------------------------------------*/
/* custom contact form styles */
.form-wrapper .form-control {
  border: 1px solid rgba(44, 44, 44, 0.4);
  color: #959595;
  background: #ffffff;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.form-wrapper .form-control:not(textarea) {
  height: calc(2.25rem + 10px);
}
.form-wrapper .form-control::placeholder {
  color: #959595;
}
.form-wrapper .nice-select {
  line-height: 33px;
  font-size: 1rem;
  border: 1px solid rgba(44, 44, 44, 0.1);
}
.form-wrapper select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 10px);
}
.form-wrapper .form-group {
  margin-bottom: 1.5rem;
}
.footer .form-wrapper .form-group {
  margin-bottom: 0.5rem;
}
.form-wrapper .custom-control-label {
  line-height: 24px;
}
.form-wrapper .select-gender {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.form-wrapper .form-wrapper__btn {
  display: block;
  width: 100%;
}
.form-wrapper__row {
  margin-right: -12px;
  margin-left: -12px;
}
.form-wrapper__row > .col, .form-wrapper__row > [class*=col-] {
  padding-right: 12px;
  padding-left: 12px;
}
@media only screen and (min-width: 768px) {
  .form-wrapper__row--mt {
    margin-top: 4.75rem;
  }
}
.form-wrapper--box {
  /*padding: 2rem;*/
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 12px 2px rgba(44, 44, 44, 0.05);
  -moz-box-shadow: 0 0 12px 2px rgba(44, 44, 44, 0.05);
  -ms-box-shadow: 0 0 12px 2px rgba(44, 44, 44, 0.05);
  -o-box-shadow: 0 0 12px 2px rgba(44, 44, 44, 0.05);
  box-shadow: 0 0 12px 2px rgba(44, 44, 44, 0.05);
}

.footer .form-wrapper--box {
  padding: 0;
  
}

/* appointment form styles */
.appointment--bg {
  padding: 6.25rem 0;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}
.appointment--bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(9, 44, 159, 0.8);
  z-index: -1;
}
.appointment .inner-container {
  background: #ffffff;
  padding: 1.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0px 0px 54px 0px rgba(44, 44, 44, 0.2);
  -moz-box-shadow: 0px 0px 54px 0px rgba(44, 44, 44, 0.2);
  -ms-box-shadow: 0px 0px 54px 0px rgba(44, 44, 44, 0.2);
  -o-box-shadow: 0px 0px 54px 0px rgba(44, 44, 44, 0.2);
  box-shadow: 0px 0px 54px 0px rgba(44, 44, 44, 0.2);
}
@media only screen and (min-width: 768px) {
  .appointment .inner-container {
    padding: 3rem;
  }
}
.appointment .inner-container .main-title {
  margin-bottom: 3rem;
}
.appointment .inner-container__img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
}
@media only screen and (min-width: 992px) {
  .appointment .inner-container__img {
    display: block;
  }
}
.appointment .inner-container__box {
  padding: 2rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #f8f8f8;
}

/* custom general form(comment and other) styles */
.custom-form--box {
  padding: 2rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 12px 2px rgba(44, 44, 44, 0.05);
  -moz-box-shadow: 0 0 12px 2px rgba(44, 44, 44, 0.05);
  -ms-box-shadow: 0 0 12px 2px rgba(44, 44, 44, 0.05);
  -o-box-shadow: 0 0 12px 2px rgba(44, 44, 44, 0.05);
  box-shadow: 0 0 12px 2px rgba(44, 44, 44, 0.05);
}
.custom-form .form-group {
  margin-bottom: 1.875rem;
}
.custom-form .form-control {
  padding: 0.625rem 1rem;
  border: 1px solid rgba(44, 44, 44, 0.3);
}
/* bootstrap datepicker custom css */
.datepicker thead tr:nth-child(2) {
  color: #0e6516;
}
.datepicker tbody tr td {
  -webkit-border-radius: 0.25rem !important;
  -moz-border-radius: 0.25rem !important;
  -ms-border-radius: 0.25rem !important;
  -o-border-radius: 0.25rem !important;
  border-radius: 0.25rem !important;
}
.datepicker tbody tr td.today {
  background: #0e6516;
  color: #ffffff;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.datepicker tbody tr td.active {
  background: #474747 !important;
  color: #ffffff !important;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
}

/* datepicker input css */
.datepicker-input {
  position: relative;
}
.datepicker-input .form-control {
  padding-right: 1.875rem;
  padding-left: 1.125rem;
}
.datepicker-input .input-icon {
  font-size: 1.25rem;
  position: absolute;
  top: 50%;
  right: 26px;
  color: #959595;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* end bootstrap datepicker custom css */
/*----------------------------------------*/
/*      25. Pagination CSS
/*----------------------------------------*/
.custom-pagination--pad {
  padding-top: 0.625rem;
}
.custom-pagination .page-item .page-link {
  border: none;
  background: #f8f8f8;
  color: #0e6516;
  font-size: 0.875rem;
  padding: 0.625rem 0.875rem;
  margin-right: 0.5rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.custom-pagination .page-item .page-link:focus, .custom-pagination .page-item .page-link:hover, .custom-pagination .page-item .page-link:active, .custom-pagination .page-item .page-link.active ,.custom-pagination .page-item.active span{
  background: #0e6516;
  color: #ffffff;
}



.flexy-menu {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  list-style: none;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border:1px solid #eee;
}

.flexy-menu:hover{
  border:1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.flexy-menu li {
  display: inline-block;
  font-size: 13px;
  margin: 0;
  padding: 0;
  float: left;
  line-height: 20px;
  position: relative;
}

.flexy-menu >li >a {
  padding: 20px 22px;
  color: #333;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
}

.flexy-menu li:hover >a{
  background: #00900d;
  color: #fff;
}
.flexy-menu li:hover >.indicator{
  color: #fff;
}

.flexy-menu li.active a {
  background: #0e6516;
  color: #fff;
  text-align: center;
    line-height: 150%;
    letter-spacing: 2px;
    font-size: 20px;
}

.flexy-menu li.right {
  float: right;
}

.flexy-menu ul, .flexy-menu ul li ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 99999;
  width: 160px;
  background: #e0e0e0;
  box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.flexy-menu ul {
  top: 60px;
  left: 0;
}

.flexy-menu ul li ul {
  top: 0;
  left: 100%;
}

.flexy-menu ul li {
  clear: both;
  width: 100%;
  border: none;
  font-size: 12px;
}

.flexy-menu ul li a {
  padding: 10px 20px;
  width: 100%;
  color: #333;
  font-size: 13px;
  text-decoration: none;
  display: inline-block;
  float: left;
  clear: both;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
}

.flexy-menu >li .indicator {
  position: absolute;
  color: #333;
  top: 20px;
  right: 8px;
  font-size: 17px;
}

.flexy-menu ul >li .indicator {
  top: 10px;
  right: 8px;
}

.thin >li >a {
  padding: 10px 22px;
}

.thin ul {
  top: 40px;
}

.thin >li .indicator {
  top: 10px;
}

.thick >li >a {
  padding: 40px 22px;
}

.thick ul {
  top: 100px;
}

.thick >li .indicator {
  top: 40px;
}

.flexy-menu i {
  line-height: 20px !important;
  margin-right: 6px;
  font-size: 18px;
  float: left;
}

.flexy-menu >li.showhide {
  display: none;
  width: 100%;
  height: 50px;
  cursor: pointer;
  color: #dedede;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  background: #333333;
}

.flexy-menu >li.showhide span.title {
  margin: 16px 0 0 25px;
  float: left;
}

.flexy-menu >li.showhide span.icon {
  margin: 17px 20px;
  float: right;
}

.flexy-menu >li.showhide .icon em {
  margin-bottom: 3px;
  display: block;
  width: 20px;
  height: 2px;
  background: #ccc;
}

.orange li:hover >a, .orange li.active a {
  background: #ff670f;
  color: #fff !important;
}



.flexy-menu.vertical li {
  width: 100%;
}

.flexy-menu.vertical li a {
  display: inline-block !important;
  width: 100%;
  padding: 4px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.flexy-menu.vertical ul li {
  width: 100%;
}

.flexy-menu.vertical ul, .flexy-menu.vertical ul li ul {
  /*width: 150px;*/
}

.flexy-menu.vertical ul {
  top: 0;
  left: 100%;
}

.flexy-menu.vertical ul li ul {
  top: 0;
}

.flexy-menu.vertical.right {
  float: right !important;
}

.flexy-menu.vertical.right ul {
  left: -150px !important;
}

.flexy-menu.vertical >li .indicator {
  top: 4px;
  right: 35px;
  font-size: 17px;
}

.flexy-menu.vertical ul >li .indicator {
  top: 4px;
  right: 15px;
}
.jzyy .flexy-menu > li>a{
  padding-left: 46px;
  padding-right: 46px;
}
.jzyy .flexy-menu .active a{
  padding-left: 15px;
  padding-right: 15px;
}
.jzyy {
  padding-left: 8px;
  padding-right: 8px;
}
/*.jzyy:nth-child(3) .flexy-menu .active a{
  font-size: 16px;
  padding-left: 3px;
  padding-right: 3px;
}*/
