/* Consulte HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. About Section
8. Services Section
11. Team Section
12. Pricing Section
14. Main Footer Section
20. Contact Info Section
21. Map Section
22. Contact Form Section

**********************************************/

/*
	
	font-family: 'Libre Baskerville', serif;
	font-family: 'Work Sans', sans-serif;
	font-family: 'Heebo', sans-serif;
	
*/

@import url("animate.css");
@import url("owl.css");
@import url("elegenticon.css");
@import url("linearicons.css");
@import url("jquery-ui.css");
@import url("animation.css");
@import url("icofont.min.css");
@import url("themify-icons.css");
@import url("simple-line-icons.css");
@import url("fontawesome.min.css");
@import url("jquery.fancybox.min.css");
@import url("jquery.mCustomScrollbar.min.css");

/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
}

@font-face {
  font-family: "icofont";
  src: url("../fonts/icofont.eot");
  src: url("../fonts/icofont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icofont.woff") format("woff"),
    url("../fonts/icofont.ttf") format("truetype"),
    url("../fonts/icofont.svg#icofont") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "simple-line-icons";
  src: url("../fonts/simple-Line-Icons.eot");
  src: url("../fonts/simple-Line-Icons.eot?#iefix") format("embedded-opentype"),
    url("../fonts/simple-Line-Icons.woff") format("woff"),
    url("../fonts/simple-Line-Icons.ttf") format("truetype"),
    url("../fonts/simple-Line-Icons.svg#simple-Line-Icons") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "themify";
  src: url("../fonts/themify.eot?-fvbane");
  src: url("../fonts/themify.eot?#iefix-fvbane") format("embedded-opentype"),
    url("../fonts/themify.woff?-fvbane") format("woff"),
    url("../fonts/themify.ttf?-fvbane") format("truetype"),
    url("../fonts/themify.svg?-fvbane#themify") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gantari Light";
  src: url("../fonts/Gantari-Light.ttf");
}

@font-face {
  font-family: "Gantari Regular";
  src: url("../fonts/Gantari-Regular.ttf");
}

@font-face {
  font-family: "Gantari SemiBold";
  src: url("../fonts/Gantari-SemiBold.ttf");
}

@font-face {
  font-family: "Gantari Bold";
  src: url("../fonts/Gantari-Bold.ttf");
}

@font-face {
  font-family: "NotoSerifDisplay SemiBold";
  src: url("../fonts/NotoSerifDisplay-SemiBold.ttf");
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
  font-family: "Gantari Regular", sans-serif;
  font-size: 14px;
  color: #777777;
  line-height: 1.7em;
  font-weight: 400;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper {
  padding: 0px 50px 0px;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #2c724f;
}

button,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.6em;
  font-family: "Gantari Bold", sans-serif;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

/* Typography */

h1 {
  font-size: 60px;
}

h2 {
  font-size: 48px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

/* input,
button,
select,
textarea {
} */

textarea {
  overflow: hidden;
}

p {
  position: relative;
  line-height: 1.8em;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.medium-container {
  max-width: 850px;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow-x: hidden;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
}

.theme-btn {
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.centered {
  text-align: center;
}

/*Btn Style One*/

.btn-style-one {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
  padding: 20px 30px;
  font-weight: 600;
  overflow: hidden;
  border-radius: 2px;
  background-color: #2c724f;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
}

.btn-style-one:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: #262626;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
}

.btn-style-one i {
  position: relative;
  top: 1px;
  margin-left: 4px;
}

.btn-style-one .txt {
  position: relative;
  z-index: 1;
}

.btn-style-one:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn-style-one:hover {
  color: #ffffff;
}

/* Btn Style Two */

.btn-style-two {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  color: #2c724f;
  padding: 9px 24px;
  font-weight: 700;
  overflow: hidden;
  border-radius: 2px;
  letter-spacing: 1px;
  background-color: #ffffff;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
}

.btn-style-two:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: #262626;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
}

.btn-style-two i {
  position: relative;
  top: 1px;
  margin-left: 4px;
}

.btn-style-two .txt {
  position: relative;
  z-index: 1;
}

.btn-style-two:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn-style-two:hover {
  color: #ffffff;
}

/* Btn Style Three */

.btn-style-three {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  color: #2c724f;
  padding: 10px 60px;
  font-weight: 700;
  overflow: hidden;
  border-radius: 50px;
  background: none;
  border: 1px solid #2c724f;
  text-transform: capitalize;
  font-family: "Work Sans", sans-serif;
}

.btn-style-three:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: #2c724f;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
}

.btn-style-three .txt {
  position: relative;
  z-index: 1;
}

.btn-style-three:hover::before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.btn-style-three:hover {
  color: #ffffff;
}

/* Social Icon One */

.social-icon-one {
  position: relative;
  display: block;
}

.social-icon-one li {
  position: relative;
  margin-left: 9px;
  display: inline-block;
}

.social-icon-one li a {
  position: relative;
  width: 32px;
  height: 32px;
  display: block;
  font-size: 14px;
  line-height: 32px;
  color: #cccccc;
  text-align: center;
  border-radius: 2px;
  background-color: #333333;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.social-icon-one li a:hover {
  color: #333333;
  background-color: #feec42;
}

.theme_color {
  color: #2c724f;
}

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

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 60px;
  height: 60px;
  color: #ffffff;
  font-size: 24px;
  text-transform: uppercase;
  line-height: 60px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  background: #0a0a0a;
  display: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  color: #ffffff;
  background: #2c724f;
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title {
  position: relative;
  margin-bottom: 50px;
}

.sec-title .title {
  position: relative;
  color: #a5a5a5;
  font-size: 14px;
  line-height: 1.6em;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Gantari SemiBold", sans-serif;
}

.sec-title h2 {
  position: relative;
  color: #000000;
  font-weight: 300;
  line-height: 1.3em;
  margin-top: 15px;
  font-family: "NotoSerifDisplay SemiBold", sans-serif;
}

.sec-title h2 span {
  position: relative;
  color: #2c724f;
}

.sec-title .text {
  position: relative;
  color: #666666;
  font-size: 18px;
  line-height: 1.8em;
  margin-top: 20px;
}

.sec-title.centered {
  text-align: center !important;
}

.sec-title.light .title {
  color: #2c724f;
  background-color: #ffffff;
}

.sec-title.light h2 {
  color: #ffffff;
}

/* List Style One */

.list-style-one {
  position: relative;
  z-index: 1;
}

.list-style-one li {
  position: relative;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 6px;
  padding-left: 35px;
  line-height: 1.8em;
}

.list-style-one li:before {
  position: absolute;
  left: 0px;
  top: 2px;
  content: "\eed6";
  color: #2c724f;
  font-size: 24px;
  font-weight: 400;
  display: block;
  font-family: IcoFont !important;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
  position: absolute;
  z-index: 999;
  width: 100%;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  background-color: #f8f6f7;
}

.main-header.style-two {
  position: relative;
}

.main-header.style-three {
  position: relative;
  border-bottom: 1px solid #d9d9d9;
}

.main-header .main-box {
  position: relative;
  padding: 0px 0px;
  left: 0px;
  top: 0px;
  width: 100%;
  background: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .header-upper {
  position: relative;
  z-index: 1;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.main-header .header-upper .inner-container {
  position: relative;
  display: flex;
  align-items: center;
}

.main-header .header-upper .outer-box .nav-toggler {
  position: relative;
  font-size: 28px;
  color: #ff9600;
  cursor: pointer;
  display: inline-block;
}

/* .main-header.fixed-header .header-upper .outer-box{
	
}

.main-header.fixed-header .header-upper .logo-box .logo{
	
}

.main-header.fixed-header .main-menu .navigation > li > a{
	
} */

.main-header.fixed-header .main-menu .navigation > li.current > a,
.main-header.fixed-header .main-menu .navigation > li:hover > a {
  color: #2c724f;
}

/* Sticky Header */

.sticky-header {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px 0px;
  background: #222222;
  z-index: 0;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header .logo {
  padding: 8px 0px 8px;
}

.fixed-header .sticky-header {
  z-index: 999;
  opacity: 1;
  visibility: visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.sticky-header .main-menu .navigation > li > a {
  padding: 23px 0px !important;
  color: #ffffff !important;
}

.sticky-header .main-menu .navigation > li > a:after {
  display: none;
}

.main-header .nav-outer {
  position: relative;
  /* padding-left: 125px; */
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box {
  position: relative;
  z-index: 10;
  padding: 9px 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box .logo {
  position: relative;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box .logo img {
  max-height: 80px;
  max-width: 175px;
}

.main-header .header-upper .outer-box {
  /* position: absolute;
  right: 0px; */
  margin-left: 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu {
  position: relative;
  float: left;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navbar-collapse {
  padding: 0px;
  display: block;
}

.main-menu .navigation {
  position: static;
  margin: 0px;
  width: 100%;
}

.main-menu .navigation > li {
  position: relative;
  float: none;
  display: inline-block;
  margin-right: 15px;
  text-align: left;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  font-family: "Gantari Light", sans-serif;
  letter-spacing: 5px;
}

.main-menu .navigation > .languages {
  display: unset;
}

.main-menu .navigation > .languages li {
  position: relative;
  float: none;
  display: inline-block;
  margin-right: 5px;
  text-align: left;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  font-family: "Gantari Light", sans-serif;
}

.main-menu .navigation > li:last-child {
  margin-right: 0px;
}

.main-header .header-upper .upper-right {
  position: relative;
}

.main-menu .navigation > li > a,
.main-menu .navigation > .languages li a {
  position: relative;
  display: block;
  color: #000000;
  text-align: center;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 0px;
  opacity: 1;
  font-weight: 600;
  padding: 34px 0px;
  font-size: 12px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  letter-spacing: 1px;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > .languages li a:hover,
.main-menu .navigation > .languages li.current a {
  color: #2c724f;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a {
  opacity: 1;
}

.main-menu .navigation > li > ul {
  position: absolute;
  left: -30px;
  top: 100%;
  width: 230px;
  z-index: 100;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  padding: 20px 15px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.main-menu .navigation > li > ul.from-right {
  left: auto !important;
  right: -30px !important;
}

.main-menu .navigation > li > ul > li {
  position: relative;
  width: 100%;
}

.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding: 6px 18px;
  line-height: 24px;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: #222222;
  padding-left: 10px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > a:before {
  position: absolute;
  top: -6px;
  left: 8px;
  color: transparent;
  content: ".";
  text-shadow: 0 0 transparent;
  font-size: 2em;
  line-height: 1em;
  -webkit-transition: text-shadow 0.3s, color 0.3s;
  -moz-transition: text-shadow 0.3s, color 0.3s;
  transition: text-shadow 0.3s, color 0.3s;
  pointer-events: none;
  animation: opacitychange 1s ease-in-out infinite;
}

.main-menu .navigation > li > ul > li:hover > a::before {
  opacity: 1;
  color: #000000;
  text-shadow: 8px 0 #2c724f, -8px 0 #2c724f;
}

.main-menu .navigation > li > ul > li:hover > a {
  color: #2c724f;
  padding-left: 30px;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 10px;
  height: 20px;
  display: block;
  color: #253d4a;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
  font-weight: 800;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
  color: #222222;
}

.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 120%;
  top: 0%;
  width: 230px;
  z-index: 100;
  display: none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  padding: 20px 15px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.main-menu .navigation > li > ul > li > ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  width: 100%;
}

/* .main-menu .navigation > li > ul > li > ul > li:last-child {
} */

.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 6px 18px;
  line-height: 24px;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: #222222;
  padding-left: 10px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li > a:before {
  position: absolute;
  top: -6px;
  left: 8px;
  color: transparent;
  content: ".";
  text-shadow: 0 0 transparent;
  font-size: 2em;
  line-height: 1em;
  -webkit-transition: text-shadow 0.3s, color 0.3s;
  -moz-transition: text-shadow 0.3s, color 0.3s;
  transition: text-shadow 0.3s, color 0.3s;
  pointer-events: none;
  animation: opacitychange 1s ease-in-out infinite;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a::before {
  opacity: 1;
  color: #000000;
  text-shadow: 8px 0 #2c724f, -8px 0 #2c724f;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a {
  color: #2c724f;
  padding-left: 30px;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 11px;
  width: 10px;
  height: 20px;
  display: block;
  color: #272727;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after {
  color: #ffffff;
}

.main-menu .navigation > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 100%;
  left: 0px;
}
.main-menu .navigation > li.dropdown:hover > ul.from-right {
  right: 0px !important;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0;
  left: 107%;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
  border: 1px solid #ffffff;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
}

.main-header .header-upper .outer-box .social-icon-one {
  position: relative;
  float: left;
}

.main-header.fixed-header .header-upper {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 9999;
  width: 100%;
  padding-top: 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: #f8f6f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-header .header-upper .outer-box .sidebar-btn {
  position: relative;
  width: 52px;
  height: 52px;
  float: left;
  color: #ffffff;
  font-size: 18px;
  margin-left: 14px;
  cursor: pointer;
  line-height: 52px;
  text-align: center;
  border-radius: 50px;
  background-color: #05db56;
}

.main-menu .navigation > li > ul > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 100%;
  width: 210px;
  z-index: 100;
  display: none;
  opacity: 0;
  text-align: left;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  padding: 0px 0px;
  background-color: #1e1e1e;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.main-menu .navigation > li > ul > li > ul > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-menu .navigation > li > ul > li > ul > li > ul > li > a {
  position: relative;
  padding: 10px 18px;
  display: block;
  line-height: 20px;
  font-weight: 400;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  border-top: 0px !important;
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.main-menu .navigation > li > ul > li > ul > li > ul > li > a:hover {
  background-color: #2c724f;
  color: #ffffff;
}

.main-header .header-upper .outer-box .menu-toggler {
  position: relative;
  float: right;
  cursor: pointer;
  color: #ffffff;
  font-size: 28px;
  margin-left: 30px;
  padding-left: 30px;
}

.main-header .header-upper .outer-box .menu-toggler:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 5px;
  width: 1px;
  height: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

/*** 

====================================================================
	Mobile Menu
====================================================================

***/

.main-header .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #222222;
  display: none;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .nav-logo {
  position: relative;
  padding: 20px 20px;
  text-align: left;
}

.mobile-menu .nav-logo img {
  max-width: 200px;
}

.mobile-menu-visible {
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.9);
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #ffffff;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease 500ms;
  -moz-transition: all 0.7s ease 500ms;
  -ms-transition: all 0.7s ease 500ms;
  -o-transition: all 0.7s ease 500ms;
  transition: all 0.7s ease 500ms;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn {
  position: absolute;
  right: 10px;
  top: 34px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  color: #000000;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.mobile-menu .close-btn:hover {
  opacity: 0.5;
}

.mobile-menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li > ul > li:last-child {
  border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 14px 20px;
  font-size: 15px;
  color: #404040;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a {
  color: #2c724f;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 52px;
  color: #404040;
  cursor: pointer;
  z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span {
  position: absolute;
  right: 0px;
  top: 3px;
  height: 44px;
  width: 50px;
  line-height: 44px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 10px;
  width: 1px;
  height: 24px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
  display: none;
}

.sticky-header .navbar-header {
  display: none;
}

.sticky-header .mobile-nav-toggler {
  display: none;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
  width: 100%;
  font-size: 18px;
  font-style: normal;
  height: 46px;
  padding: 10px 0px 10px 0px;
  line-height: 26px;
  color: #999999;
  border: none;
  border-radius: 0px;
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
}

.form-group .ui-button .ui-icon {
  background: none;
  position: relative;
  top: 2px;
  text-indent: 0px;
  color: #333333;
}

.form-group .ui-button .ui-icon:before {
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  position: absolute;
  right: 0px;
  top: 2px !important;
  top: 13px;
  width: 10px;
  height: 20px;
  display: block;
  color: #000000;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
  font-weight: 800;
}

.ui-menu .ui-menu-item {
  font-size: 14px;
}

.ui-menu .ui-menu-item:last-child {
  border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  background: #2c724f;
  border-color: #2c724f;
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  display: block;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 24px;
}

.ui-menu-item:hover {
  background-color: #2c724f;
}

/*** 

====================================================================
	Banner Section
====================================================================

***/

.banner-section {
  position: relative;
  background-color: #e7ecef;
}

@media screen and (min-width: 991px) {
  .banner-section {
    margin-top: 98px;
  }
}

.banner-section .mouse-btn-down {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: 20px;
  width: 30px;
  height: 68px;
  cursor: pointer;
  display: block;
  z-index: 1;
  cursor: pointer;
}

/* Chevron */

.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: " ";
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #2c724f;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;
  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}

.banner-section .slide {
  position: relative;
  overflow: hidden;
  padding-bottom: 80px;
  padding-top: 120px;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
}

.banner-section .content-column {
  position: relative;
}

.banner-section .content-column .inner-column {
  position: relative;
  margin-right: -60px;
}

.banner-section .content-column .title {
  position: relative;
  color: #666666;
  font-weight: 400;
  line-height: 1em;
  opacity: 0;
  font-size: 16px;
  letter-spacing: 2px;
  transform: scaleY(0);
  transform-origin: top;
  text-transform: uppercase;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-section .active .content-column .title {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.banner-section .content-column h1 {
  position: relative;
  color: #000000;
  font-weight: 300;
  font-size: 42px;
  line-height: normal;
  opacity: 0;
  margin-top: 30px;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  font-family: "NotoSerifDisplay SemiBold", sans-serif;
}

.banner-section .content-column h1 span {
  position: relative;
  font-weight: 600;
  color: #2c724f;
}

.banner-section .active .content-column h1 {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  transition-delay: 600ms;
}

.banner-section .content-column .text {
  position: relative;
  color: #666666;
  font-weight: 400;
  line-height: 1.7em;
  opacity: 0;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 75px;
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-section .active .content-column .text {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 900ms;
  -moz-transition-delay: 900ms;
  -ms-transition-delay: 900ms;
  -o-transition-delay: 900ms;
  transition-delay: 900ms;
}

.banner-section .content-column .btn-box {
  position: relative;
  transform: scaleY(0);
  transform-origin: top;
  text-transform: uppercase;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-section .active .content-column .btn-box {
  opacity: 1;
  transform: scaleY(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.banner-section .owl-dots {
  display: none;
}

.banner-section .owl-nav {
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 1;
  width: 100%;
  opacity: 0;
  margin-top: -30px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.banner-section .owl-nav .owl-prev {
  position: absolute;
  left: 20px;
  width: 60px;
  height: 60px;
  color: #ffffff;
  line-height: 62px;
  font-size: 24px;
  text-align: center;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: rgba(0, 0, 0, 0.1);
}

.banner-section .owl-nav .owl-next {
  position: absolute;
  right: 20px;
  color: #ffffff;
  font-size: 24px;
  width: 60px;
  height: 60px;
  color: #ffffff;
  line-height: 62px;
  text-align: center;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-color: rgba(0, 0, 0, 0.1);
}

.banner-section .owl-nav .owl-prev:hover,
.banner-section .owl-nav .owl-next:hover {
  color: #ffffff;
  background-color: #2c724f;
}

.banner-section:hover .owl-nav {
  opacity: 1;
}

/*** 

====================================================================
	Vision & Mission Section
====================================================================

***/

.vision-section {
  margin: 160px 0 100px 0;
}

.vision-section .auto-container {
  position: relative;
  padding: 100px 0 160px 0;
  background-color: #2c724f;
}

.vision-section > .auto-container > .row > [class*="col-"] {
  padding: 0 75px;
}

@media screen and (max-width: 991px) {
  .vision-section > .auto-container > .row > [class*="col-"] {
    padding: 0 40px;
  }

  .vision-section .border-end {
    border-right: 0 !important;
  }
}

.vision-section .sec-title .title {
  color: #ffffff;
}

.vision-section h2 {
  color: #ffffff;
}

.vision-section .services-section {
  padding: 0;
}

/*** 

====================================================================
	Email Section
====================================================================

***/

.email-section {
  position: relative;
  padding: 30px 20px 70px 50px;
  background-color: #2c724f;
  color: #fff;
  border: 1px solid #2c724f;
}

.email-section .icon {
  font-size: 24px;
}

.email-section a {
  color: #fff;
  font-size: 18px;
  font-family: "Gantari SemiBold", sans-serif;
}

/*** 

====================================================================
	Emiten Section
====================================================================

***/

.emiten-section {
  position: relative;
  padding: 50px 0 0 0;
}

.emiten-section:last-of-type {
  margin-bottom: 50px;
}

.emiten-section:last-of-type .inner-container {
  border-bottom: none;
}

.emiten-section .inner-container {
  position: relative;
  border-bottom: 1px solid #c0c8cd;
  padding-bottom: 50px;
}

.emiten-image {
  display: flex;
  margin-left: -90px;
}

@media screen and (max-width: 1367px) {
  .emiten-image {
    margin-left: 0;
  }
}

.emiten-section .content-column {
  position: relative;
  margin-bottom: 40px;
}

.emiten-section .content-column .inner-column {
  position: relative;
}

.emiten-section .content-column .sec-title {
  margin-bottom: 25px;
}

.emiten-section .content-column .sec-title .emiten-name {
  font-size: 42px;
  font-family: "Gantari SemiBold", sans-serif;
  color: #2c724f;
  margin: 20px 0;
}

@media only screen and (max-width: 480px) {
  .emiten-section .content-column .sec-title .emiten-name {
    font-size: 21px;
    font-family: "Gantari SemiBold", sans-serif;
    color: #2c724f;
    margin: 20px 0;
  }
}

.emiten-section .content-column .sec-title .title {
  font-size: 18px;
}

.emiten-section .content-column .text {
  position: relative;
}

.emiten-section .content-column .text p {
  position: relative;
  color: #666666;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 20px;
}

.emiten-section .content-column .text p:last-child {
  margin-bottom: 0px;
}

.emiten-section .content-column .text a {
  font-size: 21px;
  font-family: "Gantari Bold", sans-serif;
}

/*** 

====================================================================
	Card Links Section
====================================================================

***/

.card-links-section {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}

.card-links-section .inner-container {
  position: relative;
  padding-bottom: 100px;
}

.card-links-section .content-column .sec-title {
  margin-bottom: 25px;
}

.card-links-section .content-column h4 {
  color: #2c724f;
  line-height: normal;
  font-family: "NotoSerifDisplay SemiBold", Times, serif;
  font-size: 36px;
}

.card-links-section .content-column h5 {
  color: #404040;
}

.card-links-section .content-column .text {
  position: relative;
  margin-bottom: 85px;
}

.card-links-section .content-column .text p {
  position: relative;
  color: #666666;
  font-size: 14px;
  line-height: 1.6em;
  margin-bottom: 20px;
}

.card-links-section .card {
  border: 1px solid #ccc;
  padding: 20px;
  margin-top: 20px;
}

.card-links-section .card:hover a,
.card-links-section .card:hover h4 {
  color: white;
}

.card-links-section .card-footer {
  padding: 0;
  background: none;
  border: 0;
}

.card-links-section .card-footer .icon {
  height: 28px;
  filter: invert(69%) sepia(55%) saturate(1%) hue-rotate(55deg) brightness(93%)
    contrast(95%);
}

.card-links-section .card:hover .card-footer .icon {
  filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(62deg)
    brightness(103%) contrast(107%);
}

/*** 

====================================================================
	Address Section
====================================================================

***/

.address-section {
  position: relative;
  padding-top: 100px;
  background: #d8e5de;
}

.address-section .inner-container {
  position: relative;
  padding-bottom: 100px;
}

.address-section .content-column .inner-column {
  position: relative;
  padding-top: 50px;
}

.address-section .content-column .sec-title {
  margin-bottom: 25px;
}

.address-section .content-column h2 {
  color: #2c724f;
  line-height: normal;
  font-family: "NotoSerifDisplay SemiBold", Times, serif;
}

.address-section .content-column h5 {
  color: #404040;
}

.address-section .content-column .text {
  position: relative;
  margin-bottom: 85px;
}

.address-section .content-column .text p {
  position: relative;
  color: #666666;
  font-size: 14px;
  line-height: 1.6em;
  margin-bottom: 20px;
}

/*** 

====================================================================
	About Section
====================================================================

***/

.about-section {
  position: relative;
  padding-top: 100px;
}

@media screen and (min-width: 991px) {
  .about-section {
    margin-top: 98px;
  }
}

.about-section .inner-container {
  position: relative;
  padding-bottom: 100px;
  /* border-bottom: 1px solid #c0c8cd; */
}

.about-image {
  display: flex;
  margin-left: -90px;
}

.about-image img {
  width: 100%;
}

.max-width-470 {
  max-width: 470px;
}
.mt-110 {
  margin-top: 110px !important;
}

.lower-box {
  position: relative;
  margin-top: 70px;
}

.lower-box .book {
  position: relative;
  padding-left: 50px;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.lower-box .book .icon {
  position: absolute;
  left: 0px;
  top: 7px;
  width: 34px;
  height: 34px;
  color: #ffffff;
  border-radius: 3px;
  text-align: center;
  line-height: 34px;
  font-size: 20px;
  display: inline-block;
  background-color: #2c724f;
}

.lower-box .phone {
  position: relative;
  font-size: 36px;
  color: #000000;
  font-weight: 400;
  line-height: 1.2em;
}

.about-section .content-column {
  position: relative;
  margin-bottom: 40px;
}

.about-section .content-column .inner-column {
  position: relative;
  padding-top: 145px;
  padding-left: 100px;
}

.about-section .content-column .sec-title {
  margin-bottom: 25px;
}

.about-section .content-column .text {
  position: relative;
  margin-bottom: 85px;
}

.about-section .content-column .text p {
  position: relative;
  color: #666666;
  font-size: 14px;
  line-height: 1.6em;
  margin-bottom: 20px;
}

.about-section .content-column .text p:last-child {
  margin-bottom: 0px;
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.section-padding {
  padding: 100px 0 !important;
}

.services-section {
  position: relative;
  padding: 100px 0px 80px;
  background-color: #f8f6f7;
}

.services-section .inner-container {
  position: relative;
  border: 1px solid #ebebeb;
  border-bottom: 0;
}

.services-section .inner-container .service-block {
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #ebebeb;
}

.services-section .inner-container .service-block:nth-child(4n + 0) {
  border-right: none;
}

.service-block {
  position: relative;
}

.service-block .inner-box {
  position: relative;
  padding: 45px 25px 45px 35px;
  border-top: 4px solid transparent;
  height: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.service-block.style-two {
  margin-bottom: 30px;
}

.service-block.style-two .inner-box {
  border: 1px solid #ebebeb;
}

.service-block.style-two .inner-box h5 {
  font-size: 18px;
}

.service-block.style-two .inner-box .text {
  margin-bottom: 0px;
}

.service-block .inner-box:hover {
  border-color: #2c724f;
  background-color: #f2f5f6;
}

.service-block .inner-box .icon-box {
  width: 50px;
  height: 50px;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.service-block .inner-box .icon-box img {
  width: 50px;
  height: 50px;
}

.service-block .inner-box:hover .icon-box {
  -webkit-transform: scale(-1) rotate(180deg);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.service-block .inner-box h5 {
  position: relative;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 15px;
}

.service-block .inner-box h5 a {
  position: relative;
  font-weight: 600;
  color: #010101;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.service-block .inner-box h5 a:hover {
  color: #2c724f;
}

.service-block .inner-box .text {
  position: relative;
  color: #666666;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 20px;
}

.service-block .inner-box .read-more {
  position: relative;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.service-block .inner-box .read-more span {
  position: relative;
  top: 1px;
  font-size: 12px;
}

.service-block .inner-box:hover .read-more {
  color: #2c724f;
}

/*** 

====================================================================
	Experts Section
====================================================================

***/

.experts-section {
  position: relative;
  padding: 100px 0px 70px;
}

.experts-section .sec-title .experts {
  position: relative;
  color: #000000;
  font-size: 14px;
  margin-top: 60px;
  display: inline-block;
  text-transform: uppercase;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.experts-section .sec-title .experts span {
  position: relative;
  font-size: 12px;
}

.experts-section .sec-title .experts:hover {
  color: #2c724f;
}

/* Team Block */

.team-block {
  position: relative;
  margin-bottom: 30px;
  cursor: pointer;
}

.team-block .inner-box {
  position: relative;
  padding-right: 28px;
}

.team-block .inner-box .image {
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  background-color: #2c724f;
}

.team-block .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  border-radius: 3px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.team-block .inner-box:hover .image img {
  opacity: 0.7;
  transform: scale(1.05, 1.05);
}

.team-block .inner-box .lower-box {
  position: relative;
  padding-top: 30px;
}

.team-block .inner-box .lower-box h4 {
  position: relative;
  font-weight: 600;
  line-height: 1.3em;
  transition: all 0.2s ease-in-out;
}

.team-block:hover .inner-box .lower-box h4 {
  color: #2c724f;
}

.team-block .inner-box .lower-box h4 a {
  position: relative;
  color: #000000;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.team-block .inner-box:hover .lower-box h4 a {
  color: #2c724f;
}

.team-block .inner-box .lower-box .designation {
  position: relative;
  color: #666666;
  font-size: 14px;
  margin-top: 5px;
  line-height: normal;
}

/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer {
  position: relative;
  background-color: #f8f6f7;
}

.main-footer.style-two {
  border-top: 1px solid #dfdfdf;
}

.main-footer .footer-widget {
  position: relative;
  margin-bottom: 30px;
}

.main-footer .widgets-section {
  position: relative;
  padding: 75px 0px 65px;
}

.main-footer .footer-widget h5 {
  position: relative;
  font-weight: 600;
  color: #000000;
  line-height: 1.2em;
  margin-top: 25px;
  margin-bottom: 25px;
  text-transform: capitalize;
}

.main-footer .logo-widget {
  position: relative;
}

.main-footer .logo-widget .logo {
  position: relative;
  margin-bottom: 0px;
}

.main-footer .logo-widget .call {
  position: relative;
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8em;
  text-transform: uppercase;
}

.main-footer .logo-widget .call .phone {
  position: relative;
  color: #000000;
  font-size: 24px;
  display: block;
  margin-top: 15px;
  margin-bottom: 7px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-footer .logo-widget .call .email {
  position: relative;
  color: #000000;
  font-size: 16px;
  display: block;
  margin-top: 0px;
  text-transform: capitalize;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-footer .logo-widget .call .phone:hover,
.main-footer .logo-widget .call .email:hover {
  color: #0052e7;
}

/* List Link */

.list-link {
  position: relative;
}

.list-link li {
  position: relative;
  margin-bottom: 8px;
}

.list-link li a {
  position: relative;
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.list-link li a:hover {
  color: #2c724f;
}

.main-footer .footer-bottom {
  position: relative;
}

.main-footer .footer-bottom .bottom-inner {
  position: relative;
  padding: 35px 0px;
  border-top: 1px solid #e1e1e1;
}

.main-footer .footer-bottom .copyright {
  position: relative;
  color: #666666;
  font-size: 16px;
}

.main-footer .footer-bottom .copyright a {
  position: relative;
  color: #000000;
  font-weight: 700;
}

/*** 

====================================================================
	Map Section
====================================================================

***/

.map-section {
  position: relative;
  padding: 0px 0px;
  height: 500px;
}

.contact-map-area iframe {
  width: 100%;
  height: 500px;
  border: 0 none;
}

.map-canvas {
  height: 640px;
  width: 100%;
}

.map-data {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8em;
}

.map-section .gm-style-iw {
  width: 270px;
  padding: 15px 20px;
  border-radius: 3px;
  text-align: left;
}

.map-data h6 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #000000;
}

.map-section .map-data .map-content {
  position: relative;
  color: #000000;
  font-size: 14px;
}

.page-banner-image-section {
  position: relative;
}

@media screen and (min-width: 991px) {
  .page-banner-image-section {
    margin-top: 98px;
  }
}

.page-banner-image-section .image {
  position: relative;
}

.page-banner-image-section .image img {
  position: relative;
  width: 100%;
  display: block;
}

/*** 

====================================================================
	Blog Detail Section
====================================================================

***/

.contact-page-section {
  position: relative;
  padding-bottom: 100px;
  background-color: #eef1f3;
}

.contact-page-section .contact-info-boxed {
  position: relative;
  z-index: 10;
  padding: 90px 65px 95px;
  background-color: #2c724f;
  top: -100px;
  margin-bottom: 0px;
}

.contact-page-section .contact-info-boxed h2 {
  position: relative;
  color: #ffffff;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.3em;
  margin-bottom: 12px;
}

.contact-page-section .contact-info-boxed h2 span {
  position: relative;
  color: #ffffff;
  font-weight: 700;
}

.contact-page-section .contact-info-boxed .text {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.8em;
}

.contact-page-section .contact-info-boxed .email {
  position: relative;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  margin-top: 28px;
}

.contact-page-section .contact-info-boxed .email a {
  position: relative;
  color: #b3d1c2;
  font-weight: 400;
}

.contact-page-section .contact-info-boxed .call {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5em;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.contact-page-section .contact-info-boxed .call a {
  position: relative;
  color: #ffffff;
  font-size: 48px;
  font-weight: 600;
  line-height: 1em;
  margin-top: 15px;
  display: inline-block;
}

.contact-page-section .contact-info-boxed .location-list {
  position: relative;
}

.contact-page-section .contact-info-boxed .location-list li {
  position: relative;
  color: #b3d1c2;
  font-size: 16px;
  line-height: 1.8em;
  font-weight: 400;
  margin-bottom: 30px;
}

.contact-page-section .contact-info-boxed .location-list li span {
  position: relative;
  display: block;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.8em;
  font-weight: 600;
}

.contact-page-section .contact-info-boxed .location-list li:last-child {
  margin-bottom: 0px;
}

.contact-page-section .form-boxed {
  position: relative;
}

.contact-page-section .form-boxed .boxed-inner {
  position: relative;
  padding: 45px 50px 35px;
  background-color: #ffffff;
}

/* Contact Form */

.contact-form .form-group {
  position: relative;
  margin-bottom: 30px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  color: #222222;
  line-height: 28px;
  padding: 10px 20px;
  height: 50px;
  font-size: 14px;
  border-radius: 0px;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
  border-color: #2c724f;
}

.contact-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 24px;
  padding: 15px 20px;
  color: #222222;
  height: 210px;
  resize: none;
  font-size: 14px;
  border-radius: 0px;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contact-form .theme-btn {
  cursor: pointer;
  border-radius: 0px;
  font-family: "Heebo", sans-serif;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
  border-color: #ff0000 !important;
}

.contact-form label.error {
  display: block;
  line-height: 24px;
  padding: 5px 0px 0px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 12px;
  color: #ff0000;
  font-weight: 500;
}

/* Work Details CSS */
.mb-n30 {
  margin-bottom: -30px;
}
.mt-lg-30 {
  margin-top: 30px;
}
.mt-lg-100 {
  margin-top: 100px;
}
.mt-lg-70 {
  margin-top: 70px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-60 {
  margin-top: 60px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mtb-30 {
  margin: 30px 0;
}
.section-padding-top-70 {
  padding-top: 70px;
}
.portfolio-main-info .title {
  font-size: 42px;
  line-height: 1.3;
  margin-bottom: 0;
  font-weight: 500;
  color: #000;
}

.work-content .title {
  font-size: 18px;
  color: #000;
  font-weight: 500;
}

.work-details-list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 62px 30px;
}
.work-details-list .details-list label {
  color: #000000;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
}
.work-details-list .details-list span {
  color: #666666;
  font-weight: 500;
  line-height: 1.5;
  font-size: 16px;
  display: block;
}
.work-details-list .details-list a {
  color: #666666;
  transition: all 0.3s ease-in-out;
}
.work-details-list .details-list a:hover {
  color: #2c724f;
}

/* Card */
.card {
  border-radius: 0;
  border: none;
  transition: all 0.3s ease-in-out;
  height: -webkit-fill-available;
}

@media screen and (max-width: 480px) {
  .card {
    height: auto !important;
  }
}

.card .sec-title h2 {
  font-size: 46px;
}

@media screen and (max-width: 991px) {
  .card .sec-title h2 {
    font-size: 38px;
  }
}

.card a {
  color: #6b6b6b;
  line-height: normal;
  font-family: "Gantari SemiBold", sans-serif;
}

.card .link-list:first-of-type {
  border-top: 0;
}

.card .link-list {
  display: block;
  border-bottom: 1px solid #6b6b6b;
  font-size: 21px;
  font-family: "Gantari Light", sans-serif;
  padding: 15px 0;
}

.card .link-list:last-of-type {
  border-top: 0;
}

.card .link-list:hover {
  font-family: "Gantari Regular", sans-serif;
}

.card:hover {
  background-color: #2c724f;
}

.card:hover a,
.card:hover h2 span {
  color: #ffffff;
}

.card:hover .link-list:first-of-type {
  border-top: 0;
}

.card:hover .link-list {
  border-bottom: 1px solid #ffffff;
}

.card:hover .link-list:last-of-type {
  border-top: 0;
}

/* Modal */
.modal-content {
  border-radius: 0;
  border: none;
}

.modal-header {
  border-bottom: none;
  padding-left: 50px;
  padding-right: 50px;
}

.modal h4 {
  font-family: "NotoSerifDisplay SemiBold", Times, serif;
  font-size: 40px !important;
  color: #2c724f;
}

@media only screen and (max-width: 480px) {
  .modal h4 {
    font-family: "NotoSerifDisplay SemiBold", Times, serif;
    font-size: 25px !important;
    color: #2c724f;
  }
  .modal-font {
    font-size: 18px;
  }
}

.modal-font {
  font-size: 18px;
}

.modal-header .icon-close {
  font-size: 38px;
  cursor: pointer;
  color: #2c724f;
}

.modal-header .btn-modal-close {
  font-size: 32px;
  cursor: pointer;
}

.modal-body {
  padding-left: 50px;
  padding-right: 50px;
  color: #0a0a0a;
}

/* Helper Class */
.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.row-flex > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.bg-white {
  background-color: #ffffff;
}

.text-green {
  color: #2c724f !important;
}

.text-grey {
  color: #a5a5a5 !important;
}

.link-bold {
  font-size: 21px;
  font-family: "Gantari Bold", sans-serif;
  color: #848484;
  display: block;
}

.link-bold:hover {
  color: #2c724f;
}

/* Scrollable Area */
.scrollable-area {
  max-height: 400px;
  padding-right: 50px;
  overflow-y: scroll;
  --sb-track-color: #cccccc;
  --sb-thumb-color: #2c724f;
  --sb-size: 4px;
  scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
}

.scrollable-area::-webkit-scrollbar {
  width: var(--sb-size);
}

.scrollable-area::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1px;
}

.scrollable-area::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1px;
  border: 4px solid #2c724f;
}

/* Select Menu */
.form-select {
  line-height: normal;
  min-width: fit-content;
  width: unset;
  max-width: 200px;
  padding: 150px 70px 20px 20px;
  font-size: 32px;
  border-radius: 0;
  margin-bottom: 50px;
  font-family: "Gantari Bold", sans-serif;
  color: #4d4d4d;
  transition: all 0.2s ease-in-out;
  background-repeat: no-repeat;
  background-position: bottom 30px right 15px;
  background-size: 24px;
  background-image: url("/images/icons/icon-chevron-down.svg");
}

.form-select:focus {
  outline: none;
  box-shadow: none;
  border-color: #2c724f;
  color: #4d4d4d;
}

/* Link External */
.dokumen {
  padding-top: 100px;
  margin-top: -100px;
}

.link-external {
  border-top: 1px solid #ccc;
  font-family: "Gantari Bold", sans-serif;
  display: block;
  width: 100%;
  font-size: 21px;
  line-height: normal;
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: url("/images/icons/icon-link-eksternal.svg");
  background-blend-mode: luminosity;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 24px;
  color: #404040 !important;
  transition: all 0.2s ease-in-out;
}

.link-external:first-of-type {
  border-bottom: none;
}

.link-external:last-of-type {
  border-bottom: 1px solid #ccc;
}

.link-external:hover {
  color: #2c724f !important;
  background-image: url("/images/icons/icon-link-eksternal-hover.svg");
}

/* Notes */
.notes {
  background-color: #f8f6f7;
  padding: 30px;
}

.notes p {
  line-height: 1.4em;
}

/* Table 
table {
  table-layout: fixed;
}*/

table thead {
  background-color: #2c724f;
  color: #ffffff;

  vertical-align: middle !important;
}

/* Parallax */
.parallax-window {
  padding: 100px 0;
}