@font-face {
  font-family: 'atypdisplaymedium';
  src: url('../fonts/AtypDisplay-Medium.woff2') format('woff2'), url('../fonts/AtypDisplay-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}

@font-face {
  font-family: 'aileronbold';
  src: url('../fonts/Aileron-Bold.woff2') format('woff2'), url('../fonts/Aileron-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: 'aileronblack';
  src: url('../fonts/Aileron-Black.woff2') format('woff2'), url('../fonts/Aileron-Black.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: 'aileronregular';
  src: url('../fonts/Aileron-Regular.woff2') format('woff2'), url('../fonts/Aileron-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: 'aileronsemibold';
  src: url('../fonts/Aileron-SemiBold.woff2') format('woff2'), url('../fonts/Aileron-SemiBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}

@font-face {
  font-family: 'helveticacompressed';
  src: url('../fonts/Helvetica\ Compressed.woff2') format('woff2'), url('../fonts/Helvetica\ Compressed.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}

@font-face {
  font-family: 'atypdisplaysemibold';
  src: url('../fonts/AtypDisplay-Semibold.woff2') format('woff2'), url('../fonts/AtypDisplay-Semibold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}


@font-face {
  font-family: 'montserratsemibold';
  src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/Montserrat-SemiBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}

@font-face {
  font-family: 'montserratmedium';
  src: url('../fonts/Montserrat-Medium.woff2') format('woff2'), url('../fonts/Montserrat-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}

@font-face {
  font-family: 'montserratregular';
  src: url('../fonts/Montserrat-Regular.woff2') format('woff2'), url('../fonts/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}

@font-face {
  font-family: 'montserratsemibolditalic';
  src: url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}

@font-face {
  font-family: 'montserratbold';
  src: url('../fonts/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}

* {
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-decoration: none;
  outline: none;
  resize: none;
  box-sizing: border-box;
  font-weight: normal;
}

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

a,
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  display: inline-block;
  -webkit-transition: all 0.15s cubic-bezier(0.32, 0.1, 0.3, 1);
  transition: all 0.15s cubic-bezier(0.32, 0.1, 0.3, 1);
}

body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  scroll-behavior: smooth;
  font-family: 'latoregular';
  position: relative;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  cursor: auto;
  user-select: none !important;
  font-weight: normal;
}

select::-ms-expand {
  display: none !important;
}

select:focus {
  outline: none !important;
}

label {
  font-weight: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 15px;
  vertical-align: top;
}

label em {
  color: #ff0000;
}

strong {
  font-weight: bold;
}

.clearfix {
  display: table;
  clear: both;
}

.main-title {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-family: 'latobold';
  font-size: clamp(30px, 5vw, 45px);
  color: #002e93;
  line-height: 50px;
  text-transform: uppercase;
}

.main-title span {
  font-family: 'latobold';
  display: block;
  font-size: 30px;
}

.main-title.line {
  padding-left: 0px;
  text-align: center;
}

.main-title.line::after {
  content: '';
  display: block;
  width: 70px;
  height: 4px;
  background: #004f94;
  margin: 20px auto 0px auto;
}

.main-title.bar {
  text-align: center;
  display: inline-block;
  padding-left: 55px;
  position: relative;
  font-size: 35px;
  line-height: 30px;
}

.main-title.bar::before {
  content: '';
  display: block;
  width: 20px;
  height: 100%;
  background: #004f94;
  position: absolute;
  left: 12px;
  top: -3px;
  transform: skew(-35deg);
}

.btn {
  height: 40px;
  width: auto;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  text-align: center;
  font-size: 17px;
  line-height: 23px;
  border: 2px solid #ffcc29;
  color: #282828;
  background-color: #ffcc29;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -webkit-appearance: none;
  -ms-progress-appearance: none;
  -moz-appearance: none;
  -webkit-transition: all 0.8s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.8s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  user-select: none;
  padding: 0px 25px 2px 25px;
  cursor: pointer;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-family: 'atypdisplaysemibold';
  margin-top: 20px;
}

.btn:hover {
  background-color: #5b8146;
  color: #fff;
  border: 2px solid #5b8146;
  display: inline-flex;
}

.btn:focus {
  display: inline-flex;
}

.btn.white {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.btn.white:hover {
  background-color: #fff;
  border-color: #fff;
  color: #008560;
}

.btn:active {
  box-shadow: none;
}

.btn.is-loading {
  font-size: 0px;
  color: transparent !important;
  pointer-events: none;
  position: relative;
}

.btn.is-loading::after {
  -webkit-animation: spinAround 500ms infinite linear;
  animation: spinAround 500ms infinite linear;
  border: 2px solid #ffffff;
  border-radius: 10px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 14px;
  width: 14px;
  position: absolute;
  left: calc(50% - 7px);
  top: calc(50% - 7px);
  box-sizing: border-box;
}

.btn.blue-btn {
  border: 1px solid #0a4197;
  color: #fff;
  background-color: #0a4197;
}

.btn.blue-btn:hover {
  border: 1px solid #093883;
  color: #fff;
  background-color: #093883;
}

.btn.yellow-btn {
  border: 1px solid #fcc600;
  color: #fff;
  background-color: #fcc600;
}

.btn.yellow-btn:hover {
  border: 1px solid #D2AB0D;
  color: #fff;
  background-color: #D2AB0D;
}

.btn.green-btn {
  border: 1px solid #00ae93;
  color: #fff;
  background-color: #00ae93;
}

.btn.green-btn:hover {
  border: 1px solid #00937C;
  color: #fff;
  background-color: #00937C;
}

.btn.large {
  height: 46px;
  line-height: 46px;
}

.btn.transparent {
  color: #282828;
  background: transparent;
  border: 1px solid #000;
}

.btn.transparent:hover {
  background: #d00b11;
  color: #fff;
  border: 1px solid #d00b11;
}

.btn.small {
  height: 34px;
  line-height: 34px;
  font-size: 13px;
}

.input-text {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -webkit-appearance: none;
  -ms-progress-appearance: none;
  -moz-appearance: none;
  color: #797979;
  font-size: 13px;
  padding: 2px 20px 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 0px;
  -webkit-transition: all 0.15s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.15s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  font-family: 'poppinssemibold';
  text-transform: uppercase;
}

.input-text::placeholder {

  color: #797979;
  font-size: 13px;
  font-family: 'poppinssemibold';
  text-transform: uppercase;
}

select.input-text::placeholder {

  color: #797979;
  font-size: 13px;
  font-family: 'poppinssemibold';
  text-transform: uppercase;
}

.input-text.large {
  height: 45px;
  line-height: 45px;
}

.input-text.small {
  height: 34px;
  line-height: 34px;
}

/*.input-text::placeholder {
    color: #d2d2d2;
  }
  .input-text:focus {
    color: #0a4197;
    border: 1px solid #0a4197;
  }
  .input-text:focus::placeholder {
    color: #0a4197;
  }*/
.input-text.validation-failed {
  border-color: #df280a;
  color: #df280a;
}

.input-text.validation-failed::placeholder {
  color: #df280a;
}

.input-text.validation-failed:focus {
  outline-color: #ef9384;
  border-color: #df280a;
  color: #df280a;
}

.input-text.validation-failed:focus::placeholder {
  color: #df280a;
}

.input-div {
  width: 100%;
  position: relative;
}

.input-checkbox {
  width: 0px;
  height: 0px;
  opacity: 0;
  position: absolute;
}

.input-checkbox+.checkbox-label {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #d7d7d7;
  border-radius: 0px;
  margin: 0px 10px 0px 0px;
  background-color: #fff;
  position: relative;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.input-checkbox+.checkbox-label::after {
  content: '';
  background: #fff;
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  width: 9px;
  height: 9px;
}

.input-checkbox:checked+.checkbox-label::after {
  background: #fff url("../images/checkbox_tick.png") center no-repeat;
}

.input-radio {
  width: 0px;
  height: 0px;
  opacity: 0;
  position: absolute;
}

.input-radio+.radio-label {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #8b8b8b;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  margin: 0px 3px 0px 0px;
  background-color: #fff;
  position: relative;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  line-height: 14px;
  margin: 12px 0px !important;
}

.input-radio+.radio-label::after {
  content: '';
  background: #fff;
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  width: 9px;
  height: 9px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.input-radio:checked+.radio-label::after {
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.3);
}

.input-text:-webkit-autofill {
  background-color: #ffffff !important;
}

textarea.input-text {
  height: 120px !important;
}

select.input-text {
  background: #FFFFFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGNJREFUSIntzbENgDAMRNFfkR42YUxYBlLDSlkBGhcWSlJYToP869M9iKKo1wJswNTZJGAHZgtwAw9wNJAEZNlcFmAFSgPR50W2pjRyCuJ2XkOy93kNcT//IkPONTLsPIr+2gsEwx4NLAopngAAAABJRU5ErkJggg==) no-repeat calc(100% - 10px) center;
  padding-right: 40px;
}

select.input-text:focus {
  background: #FFFFFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAALVBMVEX/////dyr/dyr/dyr/dyr/dyr/dyr/dyr/dyr/dyr/dyr/dyr/dyr/dyr/dyoo+I6tAAAADnRSTlMABgcSEzKKi7Cxsry97lYwfJQAAABASURBVHja3cnJEQAgCARB8RaP/MOVQj5IBuxrazr4Wq7wTmxJwToduOOZCsom4b5L+GWAdCMo3Yp0K9KtUHe3Cy3fAc23y6RHAAAAAElFTkSuQmCC) no-repeat calc(100% - 10px) center;
  padding-right: 40px;
}

.input-text.date {
  background: #efefef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAMAAABY1h8eAAABsFBMVEWDg4P///+Dg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4MixLq9AAAAj3RSTlMAAAECAwQFBgcICQoLDA8QExQVFhcZJCUmKCkqKywvMDEyMzQ1Njc4OT4/RUlLTU5PUFFSU1RVV1laW1xdXl9hZGVoaWtsbW50eXt9gYKFhoeIiYqNjo+RlJWWl5qcnZ+jqaqrrK2wsba6wcPExsfIycvMzdTW19jd3uHi4+Tl5ufo6evu8PL19vf4+fr7/T4gR6EAAAG0SURBVHgBdZH5U9NAGIa/LxVtUpVWvKVSaBEPLQFRUcFDSREVrNZDgo2Sooj3LXgfBjGhvP+yuyFHZeT54ZnMPJN3d2bJZ/30y120DDOnHr7pYAn5tAGX47gTuLkcN09M2Vf2LOF0/5Q9aU/WbLvS7mKor3bf2kYvAPza66HnHgIWuubRPwFgluaFn3YBJ8fC+LqwhHOXAPymD8LvW4DcjTB+3OKg8yKAb37ESOfhAz8RMtpxZMdcHPGgigZm7tbhxzmsymdycFTv0XW9V0h8FItFX3p3t+NSHfQPHPEF9AdaQ8pWrepuvmNZZ5l/rIyDAAZZ6Dnz9//FUzI+C2KqcfZauZLl8tXK8SCqtDVfyFGmkM+voXQ608TN6YwWxAS9AkAjQs1ZoT4Wmg4upNBbGUdlbBc6JuNM9OdjYIEuyNgq1CtjLb6tpjZJJYmSqqbwWjWVCOI6MkzzOu0zx8eTm26bZivfMs2B6Ez5MjQmZ9uETrDQoyh+krEstDEXxif+rAuiQ8OlM7S9ZAxRwjBKLXzeGN7P/BUEbCCJEr+KwhI566Duet7iordSLkAH32EVZgf+AvNd6EZMAhVcAAAAAElFTkSuQmCC) no-repeat;
  background-position: calc(100% - 10px) center;
}

.input-text.date:focus {
  background: #efefef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAMAAABY1h8eAAABsFBMVEXiJSv////iJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSt47rg9AAAAj3RSTlMAAAECAwQFBgcICQoLDA8QExQVFhcZJCUmKCkqKywvMDEyMzQ1Njc4OT4/RUlLTU5PUFFSU1RVV1laW1xdXl9hZGVoaWtsbW50eXt9gYKFhoeIiYqNjo+RlJWWl5qcnZ+jqaqrrK2wsba6wcPExsfIycvMzdTW19jd3uHi4+Tl5ufo6evu8PL19vf4+fr7/T4gR6EAAAG0SURBVHgBdZH5U9NAGIa/LxVtUpVWvKVSaBEPLQFRUcFDSREVrNZDgo2Sooj3LXgfBjGhvP+yuyFHZeT54ZnMPJN3d2bJZ/30y120DDOnHr7pYAn5tAGX47gTuLkcN09M2Vf2LOF0/5Q9aU/WbLvS7mKor3bf2kYvAPza66HnHgIWuubRPwFgluaFn3YBJ8fC+LqwhHOXAPymD8LvW4DcjTB+3OKg8yKAb37ESOfhAz8RMtpxZMdcHPGgigZm7tbhxzmsymdycFTv0XW9V0h8FItFX3p3t+NSHfQPHPEF9AdaQ8pWrepuvmNZZ5l/rIyDAAZZ6Dnz9//FUzI+C2KqcfZauZLl8tXK8SCqtDVfyFGmkM+voXQ608TN6YwWxAS9AkAjQs1ZoT4Wmg4upNBbGUdlbBc6JuNM9OdjYIEuyNgq1CtjLb6tpjZJJYmSqqbwWjWVCOI6MkzzOu0zx8eTm26bZivfMs2B6Ez5MjQmZ9uETrDQoyh+krEstDEXxif+rAuiQ8OlM7S9ZAxRwjBKLXzeGN7P/BUEbCCJEr+KwhI566Duet7iordSLkAH32EVZgf+AvNd6EZMAhVcAAAAAElFTkSuQmCC) no-repeat;
  background-position: calc(100% - 10px) center;
}

.input-text.time {
  background: #efefef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA0lBMVEWDg4P///+Dg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4PodARtAAAARXRSTlMAAAIEBQcJCxAXGiMkJzM2OTo8P0FCRUdIS0xNUFFYW11gY2RmcHJzd32DhIaKjI6UoLa4ub3EytDR2drd3+nq6+z19/328NIqAAABL0lEQVR4AYWTa0/yQBBGdwu8vIggFFSkCooW5CLlruWO5fz/vySl6cgmJj1fT7LZmecZJaQq3tQ/HPypV0npmFim3TXC2k2burHEYNm41H2AYNKpl8v1ziQA6P/qMXAc5lWI1jo/PALjWPeAVVGdsAYDS58oroBepB1gkVUhNajpkOwCcEJtbWGTUWda0NJnMhvYWifdBgoqoglNHVEA2lpZOxgpQ0eMYGcpG4LcXzoXgK08mClDx8zAU3NwRT/Bo2gX5soHR/QrvIl2wFd7KMX2egeH7nvIg9Yl2Bv6A4H7SF8+3kX4vokev/za/y/4vKtUq7e1q+hr5mD/Xp4zxmDxWgRtrEWWKtpYqkQi2oxEAhVtBip1EC11MMokWsqUXEWzyLYtRU48g+QjSjjBHyzoWwmMs5SfAAAAAElFTkSuQmCC) no-repeat;
  background-position: calc(100% - 10px) center;
}

.input-text.time:focus {
  background: #efefef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA0lBMVEXiJSv////iJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSviJSu3AigyAAAARXRSTlMAAAIEBQcJCxAXGiMkJzM2OTo8P0FCRUdIS0xNUFFYW11gY2RmcHJzd32DhIaKjI6UoLa4ub3EytDR2drd3+nq6+z19/328NIqAAABL0lEQVR4AYWTa0/yQBBGdwu8vIggFFSkCooW5CLlruWO5fz/vySl6cgmJj1fT7LZmecZJaQq3tQ/HPypV0npmFim3TXC2k2burHEYNm41H2AYNKpl8v1ziQA6P/qMXAc5lWI1jo/PALjWPeAVVGdsAYDS58oroBepB1gkVUhNajpkOwCcEJtbWGTUWda0NJnMhvYWifdBgoqoglNHVEA2lpZOxgpQ0eMYGcpG4LcXzoXgK08mClDx8zAU3NwRT/Bo2gX5soHR/QrvIl2wFd7KMX2egeH7nvIg9Yl2Bv6A4H7SF8+3kX4vokev/za/y/4vKtUq7e1q+hr5mD/Xp4zxmDxWgRtrEWWKtpYqkQi2oxEAhVtBip1EC11MMokWsqUXEWzyLYtRU48g+QjSjjBHyzoWwmMs5SfAAAAAElFTkSuQmCC) no-repeat;
  background-position: calc(100% - 10px) center;
}

.loader {
  width: 20px;
  height: 20px;
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  margin: 0px;
  text-align: center;
  z-index: 1000;
  font-family: 'latoregular';
  text-transform: uppercase;
  z-index: 16009;
}

.loader::before {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 500rem;
  border: 3px solid rgba(69, 89, 93, 0.52);
  box-sizing: border-box;
}

.loader::after {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-animation: loader 0.6s linear;
  animation: loader 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #252525 transparent transparent;
  border-style: solid;
  border-width: 3px;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
  box-shadow: 0px 0px 0px 1px transparent;
  box-sizing: border-box;
}

.loader span {
  position: absolute;
  top: 40px;
  left: calc(50% - 45px);
  font-size: 12px;
  width: 90px;
  line-height: 15px;
  letter-spacing: 2px;
  text-shadow: 0px 0px 10px #000000;
  font-family: 'orkneymedium';
  color: #3a3a3a;
  text-align: center;
}

.loader span::before {
  content: '';
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  background: rgba(191, 191, 191, 0.9);
}

p {
  color: #282828;
  line-height: 28px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  font-family: 'lufgaregular';
  font-size: 17px;
  line-height: 26px;
  padding: 10px 0;
}

.inline {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;

}

.col-1 {
  width: 100%;
  padding: 0px 15px;
}

.col-2 {
  width: 50%;
  padding: 0px 15px;
}

.col-3 {
  width: 33.3333%;
  padding: 0px 15px;
}

.col-4 {
  width: 25%;
  padding: 0px 15px;
}

.col-5 {
  width: 20%;
  padding: 0px 15px;
}

.col-container {
  font-size: 0px;
}

.row {
  margin: 0px -15px;
}

.container {
  margin: 0 auto;
  max-width: 100%;
  width: 88%;
}

.column {
  display: flex;
  flex-wrap: wrap;
  margin: -15px -15px 0px -15px;
}

.columns {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 15px;
}

.margin-top {
  margin-top: 140px;
}

.ui-datepicker .ui-datepicker-prev {
  top: 3px;
  background: #f42f2f url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAmElEQVQYGQXBQSqEAQCA0e//XWBSUspRKKJGoWZh4TxWVjZWNu7BxgXULJSFsuAMmBmj570kSZJzkyRJcunPQ5IkF9a+7CVJZn79OFCSnFpZOJaSTC0tnUhKjiysnElS9n1bm0mS8ognG5KkTDzj3ihJyaY57oySkmx5wa1BSpJtr7gxKEmy4w3XhiRJdr3jaqyqqj477CP/0qmsbV1NXLMAAAAASUVORK5CYII=) no-repeat center;
  font-size: 12px;
}

.ui-datepicker .ui-datepicker-next {
  top: 3px;
  background: #f42f2f url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAmElEQVQY01XQTQpBYRTG8YMN3JSUUjZCKeoqlIGB7TAyMjEysQ8mNnDLQBkoZRG+Lvp73onz6sx+p57zYUy50MC8jBlwph5TgbnwRM0p4EJ4pOoUcCk8UHEyiqyEe8pOAdfCjCQaTomdcBvTiDc3Wg4Dch50PKvHU5X6xK76OX3fq82dl5J+2ze5KnYc37jhw+T/EwnDGLAv7KSz3xS1KTsAAAAASUVORK5CYII=) no-repeat center;
}

.ui-datepicker table {
  font-size: 12px !important;
}

.ui-widget {
  font-size: 12px !important;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-size: 12px !important;
}

.popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  transform: scale(1);
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 50000;
  text-align: center;
  overflow-y: auto;
}

.popup .popup-content {
  display: inline-block;
  text-align: left;
  margin-top: 100px;
  margin-bottom: 100px;
  width: 560px;
  max-width: calc(100% - 30px);
  min-height: 300px;
  height: auto;
  background: #fff;
  border-radius: 0px;
  box-shadow: 0px 0px 20px #000000;
  padding: 40px 30px;
  position: relative;
  transform: translateY(-300px);
  -webkit-transform: translateY(-300px);
  transition-duration: 0.3s;
  transition-delay: 0.3s;
  opacity: 0;
}

.popup .popup-content .popup-close {
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  width: 29px !important;
  height: 29px !important;
  line-height: 27px !important;
  padding: 0px 0px 0px 2px !important;
  text-align: center;
  border-radius: 30px !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7) !important;
  background: #004f94 !important;
  border-color: #004f94 !important;
  color: #FFFFFF !important;
  letter-spacing: 1px !important;
  margin: 0px !important;
}

.popup .popup-content.open {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transition-duration: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}

.popup .popup-content .header {
  padding: 0px 0px 10px 0px;
  border-bottom: 2px solid #9c9c9c;
  margin-bottom: 20px;
}

.popup .popup-content .header h2 {
  font-size: 17px;
  margin: 0px 0px 0px 0px;
  color: #3a3a3a;
  text-transform: uppercase;
}

.popup .popup-content .content {
  border-bottom: 2px solid #9c9c9c;
}

.popup .popup-content .content .job-title {
  font-size: 25px;
  line-height: 30px;
  color: #3a3a3a;
  margin: 0px 0px 10px 0px;
}

.popup .popup-content .content .experience {
  font-size: 12px;
  line-height: 12px;
  color: #3a3a3a;
  margin: 0px 0px 10px 0px;
}

.popup .popup-content .content .sections {
  margin-bottom: 20px;
}

.popup .popup-content .content .sections p {
  font-size: 14px;
  line-height: 20px;
  color: #3a3a3a;
}

.popup .popup-content .content .sections p strong {
  font-weight: normal;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 2px;
}

.popup .popup-content .content .sections .apply {
  float: right;
  padding: 0px 30px;
  line-height: 38px;
  height: 40px;
  text-transform: uppercase;
  font-size: 15px;
  width: auto !important;
  background: #004f94 !important;
  border-color: #004f94 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  margin: 0px !important;
}

.popup .popup-content .content .sections .apply:hover {
  background: #004988 !important;
  border-color: #004988 !important;
  color: #3a3a3a !important;
}

.popup .popup-content .content .form .col-container {
  margin: 0px -5px;
}

.popup .popup-content .content .form .col-container .inline {
  padding: 0px 5px;
}

.popup .popup-content .content .form .col-container .inline .input-div {
  margin-bottom: 15px;
  position: relative;
}

.popup .popup-content .content .form .col-container .inline .input-div .input-text {
  width: 100%;
  height: 40px;
  line-height: 41px;
}

.popup .popup-content .content .form .col-container .inline .input-div textarea.input-text {
  height: 120px;
}

.popup .popup-content .content .form .col-container .inline .input-file-div #resume {
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
}

.popup .popup-content .content .form .col-container .inline .input-file-div #resume:hover+.input-text {
  color: #004f94;
  border-color: #004f94;
  box-shadow: inset 0px 0px 10px rgba(249, 104, 58, 0.5);
  -webkit-box-shadow: inset 0px 0px 10px rgba(249, 104, 58, 0.5);
}

.popup .popup-content .content .form .col-container .inline .input-file-div #resume:hover+.input-text .btn {
  background: #004988;
  border-color: #004988;
  color: #FFFFFF;
}

.popup .popup-content .content .form .col-container .inline .input-file-div .input-text {
  position: relative;
}

.popup .popup-content .content .form .col-container .inline .input-file-div .input-text .btn {
  position: absolute;
  padding: 0px 15px;
  right: -1px;
  top: -1px;
  height: 40px;
  line-height: 39px;
  margin: 0px;
  width: auto;
  box-shadow: none;
  font-size: 12px;
  text-transform: uppercase;
  background: #004f94;
  border-color: #004f94;
  color: #FFFFFF;
}

.popup .popup-content .content .form .col-container .inline .input-file-div .input-text .input-file-name {
  line-height: 39px;
  position: absolute;
  width: calc(100% - 108px);
  height: 100%;
  left: 0px;
  top: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #323232;
  font-size: 13px;
  padding: 0px 15px;
}

.popup .popup-content .content .form .col-container .inline .apply {
  height: 45px;
  line-height: 44px;
  width: auto;
  padding: 0px 50px;
  float: right;
  margin: 6px 0px 25px 0px;
  box-shadow: none;
  background: #004f94;
  border-color: #004f94;
  color: #FFFFFF;
}

.popup .popup-content .content .form .col-container .inline .apply:hover {
  background: #004988;
  border-color: #004988;
}

.social {
  font-size: 0px;
  display: block;
  margin: 0px 0px 0px 0px;

}

.social li {
  display: inline-block;
  margin: 30px 10px 0 0px;
  text-align: center;
}

.social li a {
  display: flex;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background: #1d5770;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-transition: all 0.3scubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3scubic-bezier(0.1, 0.1, 0.25, 0.9);
  margin-right: 0 !important;
}

.social li a:hover {
  background: #ff9c1e;
}

/* .social li a.facebook:hover {
    color: #3b5998;
  }
  .social li a.instagram:hover {
    color: #d82c7d;
  }
  .social li a.twitter:hover {
    color: #1da1f2;
  }
  .social li a.linkedin:hover {
    color: #0077b5;
  }
  .social li a.youtube:hover
  {
   
    color: #ff0000;
  }*/
.social li a:hover {
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

.social li a:hover i {
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

/*.social li a.facebook:hover,
  .social li a.facebook:active,
  .social li a.facebook:focus {
    color: #3b5998;
  }
  .social li a.g-plus:hover,
  .social li a.g-plus:active,
  .social li a.g-plus:focus {
    transition: 0.1s;
    color: #e53935;
  }
  .social li a.instagram:hover,
  .social li a.instagram:active,
  .social li a.instagram:focus {
    transition: 0.1s;
    color: #d82c7d;
  }
  .social li a.twitter:hover,
  .social li a.twitter:active,
  .social li a.twitter:focus {
    transition: 0.1s;
    color: #1da1f2;
  }
  .social li a.linkedin:hover,
  .social li a.linkedin:active,
  .social li a.linkedin:focus {
    transition: 0.1s;
    color: #0077b5;
    background-color: transparent;
  }
  .social li a.youtube:hover,
  .social li a.youtube:active,
  .social li a.youtube:focus {
    transition: 0.1s;
    color: #ff0000;
  }*/

 .goto-top {
        position: fixed;
        right: 20px;
        bottom: 20px;
        border-radius: 0;
        border-radius: 3px;
        padding: 0px 20px;
        height: 40px;
        font-size: 40px;
        z-index: 100;
        box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
        background: #ffcc29 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAYFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8GYpHzAAAAH3RSTlMAASorLDA7PD9ARlJXbm92eHl8fX5/gISFhoeIvfv8ZEvyMgAAAHpJREFUeAHt0UkOgzAMhWG789B0bjqU4PvfEiElT0YYS6zhbZD1/axCk9z2vHf9LiJvHvaHtPuw607xlLIvO47CcbN4Zany98e2R7qZRYQTij9b/5Mu4DvlujiUIHQdxaXci6QdRb3GfUzZsatIOql72XvlTVjRmM1rANIYFT25t9OXAAAAAElFTkSuQmCC) no-repeat;
        background-position: center;
        border-color: #ffcc29;
        z-index: 10;
        transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
        cursor: pointer;
    }
    .goto-top:hover {
     
      background: #ffcc29 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAYFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8GYpHzAAAAH3RSTlMAASorLDA7PD9ARlJXbm92eHl8fX5/gISFhoeIvfv8ZEvyMgAAAHpJREFUeAHt0UkOgzAMhWG789B0bjqU4PvfEiElT0YYS6zhbZD1/axCk9z2vHf9LiJvHvaHtPuw607xlLIvO47CcbN4Zany98e2R7qZRYQTij9b/5Mu4DvlujiUIHQdxaXci6QdRb3GfUzZsatIOql72XvlTVjRmM1rANIYFT25t9OXAAAAAElFTkSuQmCC) no-repeat;
      background-position: center;
      border-color: #ffcc29;
     
  }
 
  .goto-top.open {
    opacity: 1;
    visibility: visible;
    background: #ffcc29 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAYFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8GYpHzAAAAH3RSTlMAASorLDA7PD9ARlJXbm92eHl8fX5/gISFhoeIvfv8ZEvyMgAAAHpJREFUeAHt0UkOgzAMhWG789B0bjqU4PvfEiElT0YYS6zhbZD1/axCk9z2vHf9LiJvHvaHtPuw607xlLIvO47CcbN4Zany98e2R7qZRYQTij9b/5Mu4DvlujiUIHQdxaXci6QdRb3GfUzZsatIOql72XvlTVjRmM1rANIYFT25t9OXAAAAAElFTkSuQmCC) no-repeat;
    background-position: center;
    border-color: #ffcc29;
  }
.goto-top img {
  animation: bounceup 2s ease infinite;

}

@keyframes bounceup {
  50% {
    transform: translateY(15%);
  }
}

.home-wrapper {
  padding: 0px 0px 0px 145px;
}

.close-div {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
}

.close-div.open {
  opacity: 1;
  visibility: visible;
}

.desc {
  color: #3a3a3a;
  font-size: 20px;
  line-height: 25px;
  display: block;
  margin: 0px 0px 0px 0px;
}

.box {
  padding: 70px 0px;
}

.read-more {
  color: #004f94;
  display: inline-block;
  vertical-align: baseline;
  font-size: 15px;
  line-height: 24px;
  text-transform: capitalize;
}

.read-more:hover {
  color: #fcc600;
}


/* =====================
UTILITY
===================== */
header {
  position: fixed;
  z-index: 10;
  width: 100%;
  top: 0;
  transition: all 0.5s ease;
}

.scrolled header {
  top: -165px
}

.header-utility {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 18px 0px 20px;
  width: 100%;
}

.header-utility nav {
  display: flex;
  gap: 40px;
  justify-content: flex-end;
  width: 88%;
  margin: 0 auto;
}

.header-utility nav a {
 color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'aileronregular';
    line-height: 1;
}

.header-utility nav a:hover {
  color: #ffcc29;
}
.header-utility nav .current-menu-item a{
  color: #ffcc29;
}
.logo_icon {
  width: 10%;

}

/* =====================
PRIMARY
===================== */
.header-primary {
  padding: 10px 6%;
  display: flex;
  align-items: center;
  gap: 40px;
}

.logo {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  width: 228px
}

.primary-nav {
  display: flex;
  gap: 30px;
  align-items: center;
}

.primary-nav ul {
  display: flex;

}

.primary-nav ul li {
  border-right: 1px solid #fff;
  padding: 0 20px;
  position: relative;
}
.primary-nav ul li.has-dropdown {
    padding-right: 38px;
}
.primary-nav ul li:last-child {
  border-right: none;
}

.primary-nav ul li a {
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
  font-family: 'atypdisplaymedium';
  line-height: 1;
}

.primary-nav ul li:hover a {
  color: #ffcc29;
}
.primary-nav ul li.current-menu-item a {
  color: #ffcc29;
}
.primary-nav ul li.has-dropdown a::after {
  content: '';
  position: relative;
  display: block;
  padding: 0px 0px;
  width: 100%;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(135deg);
  position: absolute;
  right: 20px;
  top: calc(50% - 5px);
  transition: all 0.3s cubic-bezier(0.32, 0.1, 0.3, 1);
}

/* Dropdown */
.has-dropdown {
  position: relative;
}

.primary-nav ul.dropdown {
  display: block;
}

.dropdown {
  position: absolute;
  top: 20px;
  left: 0;
  background: #264d5a;
  min-width: 220px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(5px) scaleY(0);
  transform-origin: top left;
  transition: all 0.25s ease;
}

.primary-nav ul.dropdown li {
  border: none;
  padding: 4px;
}

.primary-nav ul.dropdown li a {
  color: #fff;
  font-size: 15px;
  text-transform: capitalize;
  font-family: 'atypdisplaymedium';
  line-height: 1;
}

.primary-nav ul.dropdown li a::after {
  display: none;
}

.dropdown a {
  display: block;
  padding: 12px 16px;
  color: #333;
}

.primary-nav ul.dropdown li:hover a {
  color: #ffcc29;
}

.has-dropdown:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(5px) scaleY(1);

}

/* =====================
COMPACT HEADER
===================== */
.header-compact {
  position: fixed;
  top: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 15px;
  z-index: 10;
  transform: translateY(-100%);
  transition: .3s;
  background: #fff;
  width: 110px;
  height: 70px;
  left: 20px;
  border-radius: 15px;
}

.logo_icon {
  width: 80px;
}

svg {
  width: 60px;
}

.toggle {
  background: none;
  border: none;
  color: #fff;
  font-size: 26px;
}

/* Scroll */
.scrolled .header-primary,
.scrolled .header-utility {
  display: none;
}

.scrolled .header-compact {
  transform: translateY(25px);
}

/* =====================
OFFCANVAS
===================== */
.offcanvas {
  position: fixed;
  top: 0;
  left: -102%;
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 1);
  padding: 22px 6%;
  transition: .4s;
  z-index: 20;
  display: flex;
  align-items: center;
  box-shadow: 0 6px 10px 0px #ffcc29;
  transition: box-shadow ease-in-out .15s;
}

.offcanvas.open {
  left: 0;
}

.offcanvas ul {
  display: flex;
  align-items: center;
  padding-left: 50px;
}

.offcanvas ul li {
  padding: 0 20px;
}

.offcanvas a {
  color: #282828;
  font-size: 20px;
  text-transform: capitalize;
  font-family: 'atypdisplaymedium';
  line-height: 1;
}

.offcanvas li:hover a {
  color: #ffcc29;
}
.offcanvas li.current-menu-item a {
  color: #ffcc29;
}
/* Offcanvas dropdown */
.off-item {}

.off-toggle {
  width: 100%;
  background: none;
  border: none;
  color: #fff;
  font-size: 18px;
  text-align: left;
  padding: 14px 0;
}

.offcanvas ul.off-dropdown {
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  min-width: 240px;
  background-color: #264d5a;
  border-radius: 0px 4px 4px 4px;
  padding: 8px 0px 8px 0px;
  transform: scaleY(0);
  transform-origin: top left;
  transition: all 0.25s ease;
}

.offcanvas ul li {
  position: relative;

}

.dropdown a {
  display: block;
  padding: 12px 16px;
  color: #333;
}

.dropdown a:hover {}

.off-item:hover .off-dropdown {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
  display: block;

}

.offcanvas ul li.off-item {
  position: relative;
}

.offcanvas ul li.off-item a::after {
  content: '';
  position: relative;
  display: block;
  padding: 0px 0px;
  width: 100%;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 3px solid #282828;
  border-right: 3px solid #282828;
  transform: rotate(135deg);
  position: absolute;
  right: 5px;
  top: calc(50% - 5px);
  transition: all 0.3s cubic-bezier(0.32, 0.1, 0.3, 1);
}
.offcanvas ul.off-dropdown li a::after{
  display: none;
}
.off-dropdown a {
  font-size: 16px;
  opacity: .9;
}

.offcanvas ul.off-dropdown li {
  padding: 8px 12px;
}

.offcanvas ul.off-dropdown li a {
  color: #fff;
}

.offcanvas ul.off-dropdown li:hover a {
  color: #ffcc29;
}

/* Overlay */
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .4);
  opacity: 0;
  pointer-events: none;
  transition: .3s;
}

.overlay.show {
  opacity: 1;
  pointer-events: auto;
}

header.mobile {
  display: none;
}

/* =====================
MOBILE ONLY
===================== */
@media (min-width: 1180px) {

  .mobile-header,
  .mobile-menu,
  .mobile-overlay {
    display: none;
  }

}

/* HEADER BAR */
.mobile-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: #6c8e59;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  z-index: 100;
}

.mobile-logo {
  height: 38px;
}

/* HAMBURGER */
.mobile-toggle {
  background: none;
  border: none;
  width: 32px;
  height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  direction: ltr;
}

.mobile-toggle span {
  width: 100%;
  height: 3px;
  background: #fff;
  display: block;
  border-radius: 30px;
  flex-shrink: 0;
}

.mobile-toggle span:last-child {
  width: 70%;
}

/* MENU PANEL */
.mobile-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  background: #fff;
  padding: 60px 6%;
  z-index: 200;
  transition: .4s ease;
  overflow-y: auto;
}

.mobile-menu.open {
  left: 0;
}

/* CLOSE */
.mobile-close {
  position: absolute;
  top: 30px;
  right: 36px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ec1817;
  color: #fff;
  color: #fff;
  font-size: 30px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-close::before {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 100%;
  height: 100%;
  content: '';
  border: 5px solid #ffe5e6;
  border-radius: 50%;
  padding: 1px;
}

/* MENU LIST */
.mobile-menu ul {
  list-style: none;
  padding: 0;
}

.mobile-menu li {
  margin-bottom: 18px;
}

.mobile-menu a,
.mobile-accordion {
  font-size: 22px;
  font-family: 'atypdisplaymedium';
  color: #222;
  text-decoration: none;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
}

/* ACCORDION */
.mobile-accordion {
  color: #6c8e59;
  display: inline-block;
  justify-content: space-between;

}

.mobile-accordion::after {
  content: '';
  position: relative;
  display: block;
  padding: 0px 0px;
  width: 100%;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 3px solid #282828;
  border-right: 3px solid #282828;
  transform: rotate(135deg);
  position: relative;
  right: -4px;
  top: -3px;
  transition: all 0.3s cubic-bezier(0.32, 0.1, 0.3, 1);
}

.mobile-menu ul .mobile-sub {
  display: none;
  padding: 20px 0 0 25px;
}

.mobile-sub a {
  font-size: 18px;
}

/* OVERLAY */
.mobile-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  pointer-events: none;
  transition: .3s;
  z-index: 150;
}

.mobile-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

/* BODY OFFSET */
@media (max-width: 1180px) {
  header.mobile {
    display: block;
  }

  header.desktop {
    display: none;
  }

  .logo_mobile {
    width: 150px;
  }
}

.banner {
  width: 100%;
  position: relative;
  margin-top: 0;
  height: auto;
}

.banner .container {
  position: relative;
}

.banner .banner-item {
  height: auto;
}

.inner_banner .banner-item {
  height: 100%;
}

.banner .banner-item img {
  width: 100%;

}

.banner_content {
  position: absolute;
  left: 6%;
  top: 38%;
  width: 38%;
}


.banner_content h2 {
  font-family: 'aileronbold';
  font-size: clamp(25px, 6vw, 50px);
  color: #fff;
  line-height: 1.2;
  text-transform: capitalize;
  padding: 0;
  margin: 0;
  position: relative;
}

.banner_content h2 span {
  position: relative;
  color: #233774;
  font-family: 'robotolight';
}

.banner_content p {
  font-family: 'aileronregular';
  font-size: clamp(16px, 7vw, 17px);
  color: #fff;
  line-height: 26px;
  text-transform: capitalize;
  padding: 0 0 0 0;
  margin-top: 10px;
}

.banner_content .link_wrapper {
  margin-top: 30px;
  display: flex;
  align-items: center;
  font-family: 'helveticacompressed';
  font-size: clamp(20px, 7vw, 46px);
  color: #fff;
  text-transform: uppercase;
}

.banner_content a {
  font-family: 'helveticacompressed';
  font-size: clamp(20px, 7vw, 46px);
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  padding: 0 20px;
 transition: transform 0.6s ease;
}

.banner_content a:first-child {
  padding-left: 0;
}
.banner_content a:hover {
    transform: translateY(-20%);
  transition: transform 0.7s ease;
}
.banner .vertical_wrapper {
  position: absolute;
  left: 4%;
  bottom: 2%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.banner .vertical_wrapper p {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  /* makes text read bottom → top */
  font-size: 20px;
  letter-spacing: 2px;
  color: #293c78;
  font-family: 'robotomedium';
  text-transform: capitalize;
  padding-top: 35px;
}

.banner .owl-dots {
  position: absolute;
  bottom: 6%;
}

.banner .icon_wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2%;
  text-align: center;
  z-index: 1;
}

.banner .icon {
  display: inline-block;
  padding-top: 0;
  cursor: pointer;
  animation: bouncedown 1.5s ease infinite;
  width: 25px;
}

.banner .icon img {
  height: auto;
  object-fit: initial;
}

@keyframes bouncedown {
  50% {
    transform: translateY(-20%);
  }
}

.homeabout_container {
  width: 100%;
  margin: 70px 0 0;
  display: block;
}

.homeabouttop_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
}

.homeabouttop_wrapper .counterarea_wrapper {
  width: 30%;
  display: inline-block;
  border: 2px solid #5b8146;
  border-radius: 20px;
  padding: 25px;
  height: -webkit-fill-available;
}

.homeabouttop_wrapper .counterarea_wrapper .counterarea {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.homeabouttop_wrapper .counterarea_wrapper .counterarea .head_wrapper {
  display: flex;
  justify-content: space-between;
}

.homeabouttop_wrapper .counterarea_wrapper .counterarea .head_wrapper .left {
  display: inline-block;
}

.homeabouttop_wrapper .counterarea_wrapper .counterarea .head_wrapper .left .aboutcounter_tittle {
  font-family: 'aileronbold';
  font-size: clamp(16px, 7vw, 18px);
  color: #5b8146;
  text-transform: capitalize;
  line-height: 1.2;
}

.homeabouttop_wrapper .counterarea_wrapper .counterarea .head_wrapper .right {
  display: inline-flex;
  width: 26%;
}

.homeabouttop_wrapper .counterarea_wrapper .counterarea .head_wrapper .right .image {
  width: 100%;
  display: block;
}

.rating_wrapper {
  width: 100%;
  margin: 40px 0 0px 0;
}

.rating_container {
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.rating_container .block {
  display: inline-block;
 
}

.rating_container .block .content {
  align-items: center;
  width: 100%;
}

.rating_container .block .content .number {
  position: relative;
  font-family: 'aileronbold';
  font-size: 55px;
  color: #5b8146;
  line-height: 1;
}

.rating_container .block:nth-child(2) .content .number {
  font-size: 26px;
}

.rating_container .block .content .number::after {
  content: "+";
  display: inline-block;
}

.rating_container .block:first-child .content .number::after {
  content: "k+";
  display: inline-block;
}

.rating_container .block .content .tittle {
  position: relative;
  font-family: 'aileronbold';
  font-size: clamp(16px, 5vw, 17px);
  color: #282828;
  padding-top: 5px;
  text-transform: capitalize;
  line-height: 1.1;
}

.rating_container .block:nth-child(2) .content .tittle {
  font-size: clamp(12px, 5vw, 14px);
}

.homeabouttop_wrapper .content_wrapper {
  width: 68%;
  display: inline-block;
}

.homeabouttop_wrapper .content_wrapper .inner_wrapper {
  background: #5b8146;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
}

.homeabouttop_wrapper .content_wrapper .inner_wrapper .text_wrapper {
  width: 55%;
  padding: 30px 30px;
  display: inline-block;
}

.content_tittle {
  font-family: 'aileronbold';
  font-size: clamp(20px, 5vw, 29px);
  color: #282828;
  line-height: 1.2;
}

.content_tittle.white {
  color: #fff;
}

.homeabouttop_wrapper .content_wrapper .inner_wrapper .text_wrapper p {
  font-family: 'aileronregular';
  font-size: clamp(16px, 5vw, 17px);
  color: #fff;
  line-height: 26px;
  padding-top: 10px;
}

.homeabouttop_wrapper .content_wrapper .btn:hover {
  background-color: transparent;
  color: #fff;
  border: 2px solid #ffcc29;
  display: inline-flex;
}

.homeabouttop_wrapper .content_wrapper .inner_wrapper .image_wrapper {
  width: 40%;
  display: inline-block;
}

.homeabouttop_wrapper .content_wrapper .inner_wrapper .image_wrapper img {
  width: 100%;
  height: 100%;
}

.homeaboutbottom_wrapper {
  width: 60%;
  margin: 50px auto 0;
  text-align: center;
}

.main_tittle {
  font-family: 'aileronbold';
  font-size: clamp(20px, 6vw, 35px);
  color: #282828;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  position: relative;
}
.main_tittle.green{
      color: #5b8146;
    font-family: 'helveticacompressed';
    font-size: clamp(25px, 6vw, 60px);
}

p {
  font-family: 'aileronregular';
  font-size: clamp(16px, 5vw, 17px);
  color: #282828;
  line-height: 24px;
  padding-top: 10px;
}

.homecategory_container {
  width: 100%;
  margin: 60px 0 0;
  padding: 60px 0;
  display: block;
  background: #f7f7f7;
}

.categorytop_wrapper {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.categorytop_wrapper .block1 {
  width: 30%;
  padding: 0;
  display: inline-block;
}

.categorytop_wrapper .block2 {
  width: 40%;
  padding: 0;
  display: inline-block;
}

.categorytop_wrapper .button_wrapper {
  width: 20%;
  padding: 0;
  display: inline-block;
}
.categorybottom_wrapper {
  margin: 50px 0 0;
  width: 100%;
  display: block;
}
.homeproduct_wrapper{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 50px auto 0;
  width:92%;
}
.homeproduct_wrapper .left{
  width:30%;
  display: inline-block;
}
.homeproduct_wrapper .left a{
  cursor: pointer;
}
.homeproduct_wrapper .left a .product_tittle{
  cursor: pointer;
}
.homeproduct_wrapper .left a:hover .product_tittle{
  color: #5c8346;
}
.homeproduct_wrapper .right{
  width:65%;
  display: inline-block;
}
.product-rail {
  position: relative;
  overflow: hidden;
  padding-left: 10px;
  height: 280px;
}

.track1 {
  position: relative;
  height: 100%;
}

.item {
  position: absolute;
  top: 0;
  left: 0;
}

.item-inner img {
  width: 260px;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.product_tittle {
    font-family: 'helveticacompressed';
    font-size: clamp(20px, 7vw, 46px);
    color: #282828;
    text-transform: uppercase;
    line-height: 1;
    padding: 0 0px;
    position: relative;
    display: inline-block;
}
.product_tittle::after {
    content: '';
    position: relative;
    display: block;
    padding: 0px 0px;
    width: 100%;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-top: 6px solid #282828;
    border-right: 6px solid #282828;
    transform: rotate(45deg);
    position: absolute;
    right: -8%;
    top: calc(50% - 10px);
    transition: all 0.3s cubic-bezier(0.32, 0.1, 0.3, 1);
}
.sub_tittle{
  font-size: clamp(19px, 7vw, 22px);
    color: #537741;
    font-family: 'aileronbold';
    line-height: 1.1;
    margin: 0px 0px 10px 0px;    
    text-transform: none;
    position: relative;
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width:100%;
}
.sub_tittle::before{
  content: "";
    border-top: 2px solid #537741;
    position: relative;
    left: 0;
    height: 2px;
    width: 100px;
    margin-right: 10px;    
}
.sub_tittle::after{
  content: "";
    border-top: 2px solid #537741;
    position: relative;
    right: 0;
    height: 2px;
    width: 100px;
    margin-left: 10px;    
}
.homeprocess_container{
  background: url(../images/homeprocess_bg.png) no-repeat;
  background-position: center bottom;
  background-size: cover;
  padding: 30px 0 0;
  display: block;
  width:100%;
}
.top_content{
  width:60%;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.homeprocess_wrapper{
  width:70%;
  display: block;
  margin: 50px auto 0;
}
.homeprocess_wrapper .circle_process {
     width: 88%;
    height: 420px;
    background: transparent;
    border-radius: 500px 500px 0 0;
    border-top: 20px solid #537741;
    border-left: 20px solid #537741;
    border-right: 20px solid #537741;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-sizing: border-box;
     position: relative;  
}
.circular-tab {
    
}

.tab-content {   
    width: 100%;    
    display: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 20px 18%;
    
}
.tab-content .main_tittle{
    width:100%;
    font-size: clamp(20px, 7vw, 30px);
}
.tab-content p{
    font-size: 17px;
    line-height: 26px;
}
.tab-content.active {
    display: flex;
}
.tab-content .inner_icon{
  width:14%;
  margin: 0 0 10px;
  display: block;
}
.tab-headers {
   
}

.tab-header {
    background: #fff;
    border: 2px solid #5b8146;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    position: relative;
    transition: all 0.5s ease;
}
.tab-header::before {
    content: "";
    position: absolute;
    width: 104%;
    height: 103%;
    border-radius: 50%;
    top: -7%;
    left: -7%;
    border: 5px solid transparent;
    transition: all 0.5s ease;
}
.tab-header.active::before , .tab-header:hover::before {
    content: "";
    position: absolute;
    width: 104%;
    height: 103%;
    border-radius: 50%;
    top: -7%;
    left: -7%;
    border: 5px solid #fff;
    transition: all 0.5s ease;
}
.tab-header a {
    display: block;
    width:75% /* Fill the frame */
  }
  .tab-header:hover{
    background: #52387c;
  }
  .tab-header a.icon{
    
  }

.tab-header:nth-child(1) {
    top: auto;
    bottom: 20%;
    left: -6%;
    position: absolute;
}

.tab-header:nth-child(2) {
    top: 0%;
    left: 16%;
    position: absolute;
}

.tab-header:nth-child(3) {
    top: 0%;
    right: 16%;
    position: absolute;
}

.tab-header:nth-child(4) {
    top: auto;
    left: auto;
    bottom: 20%;
    right: -6%;
    position: absolute;
  }

.tab-header.active {
    background: #537741;
    border-color: #ffcc29;
    transition: all 0.5s ease;
}
.tab-header.active a img{
  filter: brightness(0) invert(1);
  transition: all 0.5s ease;
}
.tab-header:hover{
    background: #537741;
    border-color: #ffcc29;
    transition: all 0.5s ease;
}
.tab-header:hover a img{
  filter: brightness(0) invert(1);
  transition: all 0.5s ease;
}
.categorybottom_wrapper{
  margin: 60px 0 0;
  width:100%;
  display: block;
}
.categorybottom_wrapper .block{
  width:100%;
  display: block;
  padding: 0px 3px;
}
.categorybottom_wrapper .block .block_inner{
  width:100%;
  position: relative;
}
.categorybottom_wrapper .block .block_inner .image_wrapper {
  width: 100%;
  overflow: hidden;
}

.categorybottom_wrapper .block .image {
  width: 100%;
  display: block;
  transition: transform 0.6s ease;
}

.categorybottom_wrapper .image_wrapper {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.categorybottom_wrapper .image {
  width: 100%;
  height: 120%;              /* 👈 extra height to allow movement */
  object-fit: cover;
  transition: transform 0.6s ease;
  transform: translateY(0);
}

/* ODD slides → reveal from TOP (move image UP slightly) */
.categorybottom_wrapper .owl-item:nth-child(even):hover .image {
  transform: translateY(-15%);
}
.categorybottom_wrapper .owl-item:nth-child(odd) .image {
  transform: translateY(-15%);
}
/* EVEN slides → reveal from BOTTOM (move image DOWN slightly) */
.categorybottom_wrapper .owl-item:nth-child(odd):hover .image {
  transform: translateY(0);
}
.categorybottom_wrapper .block .block_inner .content_wrapper{
     background-color: #fff;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    padding: 30px 0;
    overflow: hidden;
    width:100%;
}
.categorybottom_wrapper .block.slide1 .block_inner .content_wrapper{
  background: #ffcc29;
}
.categorybottom_wrapper .block.slide2 .block_inner .content_wrapper{
  background: #4c9a2a;
}
.categorybottom_wrapper .block.slide3 .block_inner .content_wrapper{
  background: #67bb59;
}
.categorybottom_wrapper .block.slide4 .block_inner .content_wrapper{
  background: #5b8146;
}
.categorybottom_wrapper .block.slide5 .block_inner .content_wrapper{
  background: #8cb64b;
}
.categorybottom_wrapper .block .block_inner .content_wrapper .category_tittle{
    color: #fff;
    background-clip: text;    
    animation: beverage_pan 8s linear 0s infinite forwards;
    font-family: 'helveticacompressed';
    font-size: clamp(50px, 7vw, 130px);   
    text-transform: uppercase;
    line-height: 1;
    padding: 0 0px;
    position: relative;  
}
.categorybottom_wrapper .owl-item:nth-child(odd) .block .block_inner .content_wrapper .category_tittle{
    color: #fff;
    background-clip: text;    
    animation: flavor_pan 6s linear 0s infinite backwards;
    font-family: 'helveticacompressed';
    font-size: clamp(50px, 7vw, 130px);   
    text-transform: uppercase;
    line-height: 1;
    padding: 0 0px;
    position: relative;
    top:40%;  
}
.categorybottom_wrapper .block.slide3 .block_inner .content_wrapper .category_tittle{
  animation: beverage_pan 7s linear 0s infinite forwards;
}
@keyframes beverage_pan {
    0%   { left: 100%;  visibility: visible; }
    98%  { left: -150%; visibility: visible; }
    99%  { left: -150%; visibility: hidden;  }
    100% { left: 100%;  visibility: hidden;  }
}
@keyframes flavor_pan {
    0%   { right: 100%;  visibility: visible; }
    98%  { right: -150%; visibility: visible; }
    99%  { right: -150%; visibility: hidden;  }
    100% { right: 100%;  visibility: hidden;  }
}
.categorybottom_wrapper .block .block_inner .content_wrapper .category_hover{
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  position: absolute;
  width:90%;
  left:6%;
  top:8%;

}
.categorybottom_wrapper .block:hover .block_inner .content_wrapper .category_hover{
  opacity: 1;
  visibility: visible;
}
.categorybottom_wrapper .block:hover .block_inner .content_wrapper .category_tittle{
  opacity: 0;
  visibility: hidden;
}
.categorybottom_wrapper .block .block_inner .content_wrapper .category_hover .category_heading{
    font-family: 'helveticacompressed';
    font-size: clamp(40px, 7vw, 60px);
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    line-height: 1;
    padding: 0 0px;
    position: relative;
    display: inline-block;
}
.categorybottom_wrapper .block .block_inner .content_wrapper .category_hover p{
  color: #fff;
  font-size: clamp(17px, 7vw, 19px);
}
.owl-carousel .owl-stage {
  display: flex;
}
.homefacility_container{
  width:100%;
  display: block;  
  text-align: center;
  margin: 0 0 60px;
}
.homefacility_wrapper{
  width:90%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;  
  justify-content: space-between;
}
.homefacility_wrapper .image{
  width:57%;
  display: inline-block;
}
.homefacility_wrapper .content{
  width:43%;
  display: inline-block;
  padding: 6% 0 0;
}
.homefacility_wrapper .content .content_bottom{
  margin-top: 30px;
}
.homefacility_wrapper .content .content_bottom .contentbottom_wrapper{
  display: flex;
  align-items: center;
  margin: 30px 0;
  flex-wrap: wrap;
}
.homefacility_wrapper .content .content_bottom .contentbottom_wrapper .block{
  padding: 5px 10px;
  width:33.333%;
}
.homefacility_wrapper .content .content_bottom .contentbottom_wrapper .block .block_inner{
  width:100%;
}
.homefacility_wrapper .content .content_bottom .contentbottom_wrapper .block .block_inner  .icon{
  width:100px;
  height: 100px;
  border-radius: 50%;
  background: #537741;
  padding: 18px;
  margin: 0 auto;
}
.homefacility_wrapper .content .content_bottom .contentbottom_wrapper .block .block_inner .icon img{
  filter: brightness(0) invert(1);
}

.facility_name{
  font-family: 'aileronbold';
    font-size: clamp(16px, 7vw, 18px);
    color: #282828;
    text-transform: capitalize;
    line-height: 1.2;
    padding: 5px 0 0;
}
.homeblog_container{
  width:100%;
  display: block;
  margin: 0px 0 60px;    
  text-align: center;
}

.homeblog_wrapper{
  width:100%;
  display: flex; 
  position: relative; 
  margin: 40px 0 0;  
  text-align: left;
  flex-wrap: wrap;
}
.homeblog_wrapper .itemblock{
  padding: 0px 15px;
  width:33.333%;
  display: inline-block;
  margin: 15px 0 0;
}
.homeblog_wrapper .itemblock .block{
  
}
.homeblog_wrapper .itemblock .block:hover{
 
}
.homeblog_wrapper .itemblock .block .image{
  border-radius: 0;
  width:100%;
  display: block;
  position: relative;
}
.homeblog_wrapper .itemblock .block .content{
  width:100%;
  padding: 20px 0 0;
}
.homeblog_wrapper .itemblock .block .content .tittle{
  font-family: 'aileronbold';
    color: #282828;
    font-size: clamp(15px, 7vw, 17px);
    line-height: 25px;
    text-transform: capitalize;
    transition: all 0.3s ease;
}
.homeblog_wrapper .itemblock:hover .block .content .tittle{
 
   color: #537741;
}
.homeblog_wrapper .itemblock .block .content p{ 
  font-size: 16px;
  line-height:23px ;
}
.homeblog_wrapper .itemblock .block .image .date {
    position: absolute;
    z-index: 2;
    border-radius: 0;
    font-family: 'aileronbold';
    color: #537741;
    font-size: 17px;
    line-height: 1.1;
    text-transform: capitalize;
    background: #f7f7f7;
    display: inline-block;
    left: 4%;
    top: -7%;
    padding: 5px 10px;
    text-align: center;
    transition: all 0.5s ease;
}
.homeblog_wrapper .itemblock .block .image .date sup{
   font-size: 15px;
   text-transform: lowercase;
}
.homeblog_wrapper .itemblock .block .image .date span{
   font-size: 15px;
}
.homeblog_wrapper .itemblock .block .content .image span {
    font-size: 15px;
    padding-top: 2px;
}
.homeblog_wrapper .itemblock:hover .block .image .date{
  background: #537741;
  color: #fff;
}
.homeblog_wrapper .itemblock .block .content .readmore{
  font-family: 'aileronregular';
  font-size: 16px;
  color: #537741;
  text-transform: capitalize;
  display: inline-block;
  border-bottom: 2px solid #537741;
  align-items: center;
  padding: 15px 0 0px 0; 
  text-align: right;
  float: right;  
  position: relative;
  right:0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}

.homeblog_wrapper .itemblock:hover .block .content .readmore{
    opacity: 1;
    visibility: visible;
}
 .footer{  
      width: 100%;
   background: linear-gradient(0deg,rgba(165, 190, 32, 1) 0%, rgba(96, 141, 70, 1) 100%);
    
    }
    .footer_wrapper{
      width: 100%;
      padding: 60px 0 40px;
      clear: both !important;
      
    }
    
    .footer .footer-content {  
      margin: 0px 0px 0px 0px;  
      width:100%
    }
    .footer .footer-content .col-container{
      display: flex;    
      flex-wrap: wrap;    
      justify-content: space-between;
    }
    .row {
      margin: 0px -15px;
    }
    .footer .footer-content  h3 {
      font-family: 'lufgasemibold';
      font-size: 26px;
      text-transform: capitalize;
      color: #fff;
      padding: 0px 0px 10px 0px;     
      display: inline-block;
    }
    
    .footer .footer-content  h4 {
      font-family: 'aileronbold';
      font-size: 22px;
      text-transform: capitalize;
      color: #fff;
      padding: 0px 0px 10px 0px;     
      display: inline-block;
    }
    .footer_logo_border{
      
    }
    .footer .footer-content  p {
      font-family: 'aileronregular';
      font-size: 16px;
      color: #fff;
      padding: 0 0px;
      display: block;
      transition: all 0.3s cubic-bezier(0.32, 0.1, 0.3, 1);
      text-transform: none;
      line-height: 25px;
      max-width: 500px;
    } 
    .footer .footer-content .footer-logo {
    margin: 0px 0px 10px 0px;
    width: 250px;
    max-width: 100%;
} 
    .footer .footer-content  p a{
      color: #fff;
    }
    .footer .footer-content .timing p{
      text-transform: uppercase;
      padding-top: 18px;
      font-size: 13px;   
    }
    .footer .footer-content  .links {
      padding: 10px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
    }
    .fa-map-marker:before {
      content: "\f041";
      color:#ee7408;
      font-size:16px ;
      padding-right: 10px;
      margin-top:-3px;
    }
    
    .fa-envelope:before{
    color:#ee7408;
      font-size:16px ;
      padding-right: 10px;
    }
    .fa-phone:before{
    color:#ee7408;
      font-size:16px ;
      padding-right: 10px;
    }
    .footer .footer-content  .links li {
      display: flex;
      padding: 5px 0px;
      text-align: left;    
      font-family: 'aileronregular';
      font-size: 16px;
      color: #fff;
      align-items: center;
    }
    .footer .footer-content .links.footer_contact li{
      align-items: flex-start;
    }
    .footer .footer-content  .links li .fa{
      margin-top:2px;
    }
    .footer .footer-content .links li:first-child a {
      padding-top: 0px;
    }
    .footer .footer-content .links li a {
      font-family: 'aileronregular';
      font-size: 16px;
      color: #fff;
      padding: 0 0px;
      display: block;
      transition: all 0.3s cubic-bezier(0.32, 0.1, 0.3, 1);
      text-transform: capitalize;
      line-height: 20px;
  }
  .footer .footer-content .links.footer_contact li a{
    text-transform: none;
  }
    .footer .footer-content .links li a.mail{
      text-transform: none;
    }
    
    .footer .footer-content .links li a:hover {
      color: #ffcc29;
      
    }
    .footer .footer-content .links li:first-child a {
    padding-top: 0px;
   
}
.footer .footer-content .links.quicklink li:first-child a:first-child {
    padding-top: 0px;
    padding-left: 0;
}
    .footer .copyright {     
      
      
    }
    .footer .copyright .desc {
      display: block;
        vertical-align: middle;
        width: 88%;
        padding: 8px 0;
        margin: 0 auto;
        text-align: center;
        border-top:3px solid #fff;
    }
    .footer .copyright p {
      display: block;
      color: #fff;
      font-family: 'aileronregular';
      font-size: 15px;
      text-transform: capitalize;
      padding: 0;
     text-align: center;
     line-height: 20px;
    }
    .footer .copyright p a {
     
      color: #ffcc29;
      text-transform: none;
    }
    .footer .copyright p a:hover {
      
    }
    
    .footer .social {
    font-size: 0px;
    display: block;
    margin: 18px 0px 0px 0px;
    position: static;
    }
    .footer .social li {
    display: inline-block;
    margin: 0px 12px 0px 0px;
    text-align: center;
    }
    .footer .social li a {
    display: block;
    font-size: 18px;
    color: #83ab33;  
    border: 1px solid #fff;
    width: 33px;
    height: 33px;
    display: flex;
    background: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
    transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
    }
    .footer .social li a:hover{
    background: #ffcc29 !important;
    border: 1px solid #ffcc29;
    
    }
       img.mobile_banner {
      display: none;
  }
  img.desktop_banner {
    display: block;
  }
  .categorytop_wrapper .btn.mob_button{
  display: none;
}
.footer .social li:last-child{
  margin: 0;
}
 img.about_desktop{
      display: block;
    }
    img.about_mob{
      display: none;
    }
    .mob_product{
      display: none;
    }
/***********************************essential oil page********************************************/
.inner_banner{

}
.banner_content .banner_text {
    font-family: 'aileronblack';
    font-size: clamp(25px, 6vw, 50px);
    color: #fff;
    line-height: 1.2;
    text-transform: capitalize;
    padding: 0;
    margin: 0;
    position: relative;
}
.inner_banner .banner_content {
    position: absolute;
    left: 6%;
    top: 50%;
    width: 38%;
}
.essentialoil_container{
  width:100%;
  display: block;
  margin: 70px 0 0;
  text-align: center;
}
.essentialoil_wrapper{
  width:95%;
  margin: 40px auto 0;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.topinner_content{
  width:90%;
  margin: 0 auto;
}
.essentialoil_wrapper .es_block{
  width:33.333%;
  padding: 10px;
}
.essentialoil_wrapper .es_block .block{
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.essentialoil_wrapper .es_block .block .image{
  border-radius: 10px;
  transition: all 0.8s ease;
  transform: translateY(0);
}
.essentialoil_wrapper .es_block:hover .block .image{
  transform: translateY(-82%);
}
.essentialoil_wrapper .block .content{
  background: linear-gradient(0deg, rgba(165, 190, 32, 1) 0%, rgba(96, 141, 70, 1) 100%);
   border-radius: 0;   
   position: absolute;
   width:100%;
   height: 100%;
   left:0;
   bottom:0;
   transition: all 0.8s ease;
   padding: 10px 15px 10px;
   display: flex;
   justify-content: flex-start;
   flex-direction: column;
   transform: translateY(82%);
}
.essentialoil_wrapper .es_block:hover .block .content{
  transform: translateY(0);
  justify-content: center;
  border-radius: 10px;
}
.essentialoil_wrapper .block .content .productoil_tittle{
font-family: 'aileronbold';
    font-size: clamp(18px, 6vw, 20px);
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    position: relative;
}
.essentialoil_wrapper .es_block:hover .block .content .productoil_tittle{
  color: #fff000;
}

.essentialoil_wrapper .block .content p{
  color: #fff;
    padding-top: 10px;
    padding-bottom: 0;
    opacity: 0;
    visibility: hidden;
}
.essentialoil_wrapper .es_block:hover .block .content p{  
  opacity: 1;
  visibility: visible;
}
.topinner_content .img-block {
    width: 40%;
    margin: 20px auto;
}
.request_container{
  width:100%;
  background: #f7f7f7;
  padding: 60px 0;
  display: block;
  margin: 60px 0 0;
  text-align: center;
}
.request_wrapper{
  width:100%;
  display: block;
}
.request_form {
    display: block;
    width: 40%;
    margin: 40px auto 0;
    background: transparent;
    padding: 0;    
    text-align: center;
}
.request_form form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.request_form  form p {
margin: 0;
width:auto;
padding: 0;
}
.request_form form p:last-of-type{
  
}
.request_form  form .full {
grid-column: 1 / 3;

}

.request_form form .half:nth-of-type(even){  
  padding-right: 0;
 }
.request_form form input, .request_form form textarea, .request_form form select {
  width: 100%;
  border: none;
  border-radius: 10px;
  background: #fff;
  border: none;  
  padding: 10px 15px;
  font-family: 'aileronregular';
  font-size: 14px;
  text-transform: none;
  color: #282828;  
  height: 46px;
}

.request_form form button{ 
  height: 45px;
  display: block;
  margin: 0 auto;
  
}
.request_form form select.input-text {
    background: #fff url(../images/select_arrow.png) no-repeat calc(100% - 20px) center;   
    appearance: none;
    background-size: 2%;
}
.request_form form select.input-text {
    
}
.wpcf7-list-item {
  display: flex;
  padding-top: 42px;
  position: relative;
  padding-right: 50px;
  flex-direction: row-reverse;
}

.request_form form input::placeholder,  .request_form form textarea::placeholder {
  
  display: block;
  font-family: "aileronregular";
  font-size: 14px;  
  color: #282828; 
  text-align: left;
  line-height: 22px;    
  text-transform: capitalize;
}
.request_form form select.big {
  appearance: none;
  position: relative;
  background-image: url(../images/select_arrow.png);
  background-repeat: no-repeat;
  background-position: 80% 25%;
  
}
.request_form  form input.wpcf7-not-valid,
.request_form  form textarea.wpcf7-not-valid {
width: 100%;  
border: none;
border-bottom: solid 1px red;
border-radius: 0px;
}
.wpcf7-not-valid-tip {
    color: #dc3232; /* Red */
    font-size: 0;
    font-weight: normal;
    display: none;
}
.request_form  form textarea {
resize: none;
height: 150px;
padding: 20px 15px;
}
.request_form .wpcf7-submit {
  
  background: #ec2124;
    border: 0;
    color: #fff;
    font-family: 'latobold';
    font-size: 15px;
    border-radius: 30px;
    padding: 10px;
    width: fit-content;
    padding: 0 35px;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0;
}
.request_form form p:last-of-type {
    display: flex;
    justify-content: center;
}
.request_form  form button:hover,
.request_form  form button:focus {
  
transition: background-color 2s ease-out;
}
.request_form form .full:last-child{
  margin-bottom:0;
}
.request_form .btn{
  background: #537741;
  font-family: 'atypdisplaysemibold';
  color: #fff;
  margin: 0;
  border-color: #537741;
  height: 45px;
  border-radius: 50px;
}
.request_form .btn:hover{
  color: #282828;
  background: #ffcc29;
  border-color: #ffcc29;
}
.topinner_content:nth-child(2){
  margin-top: 30px;
}
/***********************************essential oil page********************************************/
/***********************************product page********************************************/
.inner_header{
  background: #5c8346;
}
.product_container {
    margin-top: 13%;
}
.product_wrapper{
  justify-content: center;
}
/***********************************product page********************************************/
.blog_wrapper{
  margin-bottom: 60px;
}
.blog_wrapper .itemblock{
  padding:10px 15px;
}
.blogdetail .blog_wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width:92%;
  padding: 30px 0 50px;
}
.blog_wrapper .left {
    width: 66%;
    display: inline-block
}
.blog_wrapper .right {
    width: 30%;
    display: inline-block;
    text-align: left;
}
.news_list_wrapper {
    width: 100%;
    display: block;
    padding: 0px 0px 80px 10%;
    border-left: 3px solid #bebebe;
}
.categories {
  
}
.categories ul {
  display: block;
  padding-top: 10px;
}
.categories ul li {
  color: #111111;
  font-family: 'aileronregular';
  font-size: 17px;
  line-height: 20px;
  text-transform: capitalize;
  padding: 10px 0;
  margin: 0px 0 0;    
  display: block; 
}


.categories ul li a {
  color: #111111;
  cursor: pointer;
}
.categories ul li a:hover{
  color: #537741;
  cursor: pointer;
}
.news_list_wrapper .tittle {
  font-family: 'aileronbold';
    color: #5c8346;
    font-size: clamp(19px, 7vw, 25px);
    line-height: 25px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.tags {
  margin-top: 40px;
}
.tags ul {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin: 25px -5px 0;
}
.tags ul li {
  padding: 10px 5px;
  display: inline-block;
}
.tags ul li a {
  color: #111;
  font-family: 'aileronregular';
  font-size: 17px;
  text-align: center;
  cursor: pointer;
  text-transform: capitalize;
  background: transparent;
  padding: 6px 12px;
  width: fit-content;
  border-radius: 25px;
  border: 2px solid #111;
}
.tags ul li a:hover { 
 color: #fff;
 border:2px solid #5c8346;
 background: #5c8346;
}
.news_content {
    width: 100%;
    display: block;
    text-align: left;
    padding: 0px 0 0px;
}

.blogdetail .left .image {
    width: 100%;
    border-radius: 0;
    margin: 0px 0 20px;
    position: relative;
}
.blogdetail .left .image img{
  border-radius: 0;
}
.blogdetail .left .content_area{
  margin: 30px 0 0;
  text-align: left;
}
.blogdetail .left .content_area ul{
  padding: 10px 0 10px 17px;
}
.blogdetail .left .content_area ul li{
  color: #282828;
    line-height: 28px;
    margin: 0px 0px 0px 0px;
    padding:5px 0;
    font-family: 'aileronregular';
    display: list-item;
    list-style-type: disc;
}
.blogdetail .left .content_area ol{
  padding: 10px 0 10px 17px;
}
.blogdetail .left .content_area ol li{
  color: #282828;
    line-height: 28px;
    margin: 0px 0px 0px 0px;
    padding:5px 0;
    font-family: 'aileronregular';
    display: list-item;
    list-style-type: decimal
}
.blogdetail .left .maintittle {
    font-family: 'aileronbold';
    color: #537741;
    font-size: clamp(17px, 7vw, 25px);
    line-height: 1.2;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.blogdetail .left h1 {
   font-family: 'aileronbold';
    color: #537741;
    font-size: clamp(17px, 7vw, 25px);
    line-height: 1.2;
    text-transform: capitalize;
    transition: all 0.3s ease;
    padding: 10px 0;
}
.blogdetail .left h2 {
   font-family: 'aileronbold';
    color: #537741;
    font-size: clamp(17px, 7vw, 23px);
    line-height: 1.2;
    text-transform: capitalize;
    transition: all 0.3s ease;
    padding: 10px 0;
}
.blogdetail .left h3 {
   font-family: 'aileronbold';
    color: #537741;
    font-size: clamp(17px, 7vw, 21px);
    line-height: 1.2;
    text-transform: capitalize;
    transition: all 0.3s ease;
    padding: 10px 0;
}
.blogdetail .left h4 {
   font-family: 'aileronbold';
    color: #537741;
    font-size: clamp(17px, 7vw, 19px);
    line-height: 1.2;
    text-transform: capitalize;
    transition: all 0.3s ease;
    padding: 10px 0;
}
.blogdetail .left .image .date {
   position: absolute;
    z-index: 2;
    border-radius: 0;
    font-family: 'aileronbold';
    background: #537741;
    color: #fff;
    font-size: 17px;
    line-height: 1.1;
    text-transform: capitalize;    
    display: inline-block;
    left: 4%;
    top: -4%;
    padding: 5px 10px;
    text-align: center;
    transition: all 0.5s ease;
}
.blogdetail .left .image .date sup{
   font-size: 15px;
   text-transform: lowercase;
}
.blogdetail .left .image .date span {
    font-size: 15px;
}
.blogdetail .left .image .image span {
    font-size: 16px;
    padding-top: 2px;
}
/***********************************career page********************************************/
.careertop_container{
  background: #f8f8f8;
  padding: 50px 0;
  width:100%;
  display: block;
  margin: 60px 0 0;
}
.careertop_wrapper{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width:88%;
  margin: 0 auto;
}
.products_why .careertop_wrapper{
  margin: 50px auto 0;
  text-align: left;
}
.careertop_wrapper .left {
    width: 46%;
    padding: 0;
    display: inline-block;
}
/*.products_why .careertop_wrapper .left {
   width:100%;
}*/
.products_why .careertop_wrapper ul{
  padding: 6px 0 0 17px;   
    text-align: left;   
}
.products_why .careertop_wrapper ul li{
  font-family: 'aileronregular';
    font-size: clamp(16px, 5vw, 17px);
    color: #282828;
    line-height: 24px;
    padding:4px 0;
    display: list-item;
    list-style-type: disc;
}
.careertop_wrapper .right {
    width: 46%;
    padding: 0;
    display: inline-block;
    text-align: left;
}

/*.products_why  .careertop_wrapper .right{
      width: 100%;
    margin: 0 auto;
    text-align: center;

}*/
.products_why  .careertop_wrapper .right p{
  padding-bottom: 0;
}
.careerblock_wrapper{
  margin: 30px auto 0;
  width:92%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.products_why .careerblock_wrapper{
  margin-bottom: 40px;
}
.products_why  .topinner_content ul{
  padding: 10px 0 0 17px;
  text-align: left;
  width: fit-content;
  margin: 0 auto;
}
.products_why  .topinner_content ul li{
  font-family: 'aileronregular';
    font-size: clamp(16px, 5vw, 17px);
    color: #282828;
    line-height: 24px;
    padding:4px 0;
    display: list-item;
    list-style-type: disc;
}
.careerblock_wrapper .block{
  width:33.333%;
  display: inline-block;
  padding: 10px;
}
.products_why .careerblock_wrapper .block{
  width:25%;
}
.careerblock_wrapper .block .block_inner{
  background: #fff;
  padding: 12px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.products_why .careerblock_wrapper .block .block_inner {
    background: #f7f7f7;
}

.careerblock_wrapper .block .block_inner .icon{
  width:20%;
  display: inline-block;
}
.careerblock_wrapper .block .block_inner .content{
  padding-left: 10px;
  display: inline-block;
  width:80%;
  text-align: left;
}
.careerblock_wrapper .block .block_inner .content .facility_name {
    color: #5c8346;
}
.careerblock_wrapper .block .block_inner .content p{   
    font-size: clamp(13px, 5vw, 14px);   
    line-height: 19px;
    padding-top: 8px;
}
.careeroption_container {
  display: block;
  width: 100%; 
  text-align: center;
  margin:60px 0;
  position: relative;
}
.careeroption_container .main_tittle {
    font-family: 'helveticacompressed';
    font-size: clamp(20px, 7vw, 46px);
    color: #5c8346;
    text-transform: uppercase;
    line-height: 1;
    padding: 0 0px;
    position: relative;
    display: inline-block;
}
.career_wrapper{
  width: 90%;
    margin: 40px auto 0;
    text-align: left; 
    position: relative;
    z-index: 1;
}
.career_block{   
  padding:40px 0px 0px;
  margin:20px 0px 0;
  display: flex;  
  width:auto;   
  justify-content: space-between;  
  border-top: 2px solid #c6c6c6;
}

.career_block .career_section{
  display: inline-block;  
  padding: 0 0px; 
}
.career_block .career_section:first-child{
  width:70%;
}
.key_wrapper{
  display: flex;  
  margin: 10px 0 0;
}
.key_wrapper .time_wrapper{
  margin-right: 10px;
  font-family: 'aileronbold'; 
    font-size: clamp(15px, 7vw, 17px);
    color: #060606;
    text-transform: capitalize;
    line-height: 1;
    padding: 6px 15px;
    border: 2px solid #282828;
    border-radius: 10px;
    width:fit-content;
    display: inline-flex;
    align-items: center;
}
.key_wrapper .time_wrapper span{
  padding-right: 5px;
  width:22px
}
.career_block .career_section .tittle{
 font-family: 'aileronbold';
    font-size: clamp(20px, 7vw, 25px);
    color: #060606;
    line-height: 1;
    text-transform: capitalize;
    padding: 0px 0 0;
    margin: 0;
}

.career_wrapper .tittle{
  font-family: 'cairobold';
  font-size: clamp(20px, 7vw, 25px);
  color: #04d792;
  line-height: 1;
  text-transform: capitalize;
  padding: 0px 0 0;
  margin: 0;
}
.career_block .btn{
  margin: 0;
  font-family: 'aileronbold';
   font-size: clamp(19px, 7vw, 23px);
  color: #060606; 
  padding: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  text-transform: capitalize;
  cursor: pointer;
  border: none;
  background: none;
}
.career_block .btn::after{
  content: '\279C';
  padding-left: 3px;
  font-size: 25px;
}
.career_block .btn.open::after{
  transform: rotate(-90deg);
}
.career_block .btn:hover{
   background: none;
  border: none;
}

.career_wrapper a.btn:focus{
  color: #04d792 !important;
  background: #fff !important;

}
.career_wrapper .btn::before{
  content: none;
}
.btn.apply-now {
    margin-top: 20px;
    margin-left: auto;
    margin-right: 0;
    width: fit-content;
    display: flex;
}
.career_wrapper .content_wrapper p{
  font-family: 'aileronbold';
  text-transform: capitalize;
}
.career_wrapper .content_wrapper ul{
  padding: 0px 0;
}
.career_wrapper .content_wrapper ul li {
    font-family: 'aileronregular';
    font-size: clamp(16px, 5vw, 17px);
    color: #282828;
    line-height: 26px;
    padding:4px 0 4px 10px;
    position: relative;
}
.career_wrapper .content_wrapper ul li::marker{
  content: "-"; 
  background:#282828 ;
  font-family: 'aileronbold';
    font-size: 22px;
}
#target {  
    width: 100%; 
    display: none;
    margin: 0;     
    padding: 20px;    
}
#target1 {
  width: 100%; 
    display: none;
    margin: 0;     
    padding: 20px;   
}
#target2 {
  width: 100%; 
    display: none;
    margin: 0;     
    padding: 20px;
}
#target3 {
  width: 100%; 
    display: none;
    margin: 0;     
    padding: 20px;
}


.career_block ul{
  padding: 20px 0 0 20px;
}
.career_block ul li{
  color: #1F1F1F;
    font-family: 'plusjakartasans';
    font-size: 15px;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
    display: list-item;
    list-style: circle;
}
.career_block  .apply{
  
}
.career-form .btn{
  background: #ffcc29;
  color: #fff;
  border-radius: 0;
}
.career-form .btn:before, .career-form .btn::after{
  content: none;

}
.Hide
{
  display:none;
}
.career-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  background:#fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.32, 0.1, 0.3, 1);
  transform: scale(1.1);
}

.career-popup .career-form {
  width: 600px;
  max-width: 100%;
  margin: 60px auto 0;
  padding: 30px 30px;
  background: #73a03c;
  position: relative;
  box-shadow: 0px 0px 7px -2px #73a03c;
}

.career-popup .career-form .career-popup-close {
  position: absolute;
  right: 2%;
  top: 2%;
  padding: 0;
  border-radius: 30px;
  font-size: 17px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.career-popup .career-form .sub-title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  font-family: 'aileronbold';
  text-transform: uppercase;
  color: #fff;
}

.career-popup .career-form form {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
}
span.wpcf7-spinner {
    position: absolute !important;
}
.career-form .wpcf7 form .wpcf7-response-output {
    grid-column: 1 / 3;
    text-align: center;
    color: #fff;
    margin: 6px 0;
}
.career-popup .career-form form .input-div {
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.career-popup .career-form form .input-div span {
  padding: 0 0 0 0 !important;
}

.career-popup .career-form form .input-div span .input-text {

      width: 100%;
      padding: 15px 20px;
      height: 45px;       
      border: none;
      border-radius: 0;       
      background: #fff;
      font-family: 'aileronregular';
      font-size: 14px;
      color: #282828;
      text-transform: none;
      box-shadow: 0px 0px 7px 0px #fff;
  }


.career-popup .career-form form .input-div span .input-text::placeholder {
  font-size: 14px;
      color: #282828;
      font-family: 'aileronregular';
      text-transform: capitalize;
}

.career-popup .career-form form .input-div span {
  position: unset;
}

.career-popup .career-form form .input-div.input-file-div span input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}

.career-popup .career-form form .input-div.input-file-div div.input-text {
  width: 100%;
      padding: 15px 20px;
      height: 45px;       
      border: none;
      border-radius: 0;       
      background: #fff;
      font-family: 'aileronregular';
      font-size: 13px;
      color: #fff;
      text-transform: none;
      box-shadow: 0px 0px 7px 0px #fff;
}

.career-popup .career-form form .input-div.input-file-div div.input-text .btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  padding: 0px 10px;
  border-radius: 0;
  margin-top: 0;
}
.career-popup .career-form form .input-div.input-file-div div.input-text label {
  font-weight: normal;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 15px;
  vertical-align: top;
  position: absolute;
  left: 5px;
  top: 0;
  /* height: 37px; */
  /* line-height: 36px; */
  /* font-size: 12px; */
  padding: 10px 15px;
  /* border-radius: 0 4px 4px 0; */
  margin-top: 0;
}
.career-popup .career-form form .input-div.submit {
  position: relative;
}
/* line 1098, ../sass/_styles.scss */
.career-popup .career-form form .input-div.submit .btn {
  width: 100%;
}
/* line 1101, ../sass/_styles.scss */
.career-popup .career-form form .input-div.submit .ajax-loader {
  width: 100% !important;
  height: 100% !important;
}
/* line 1109, ../sass/_styles.scss */
.career-popup.open {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.input-file-div p {
    padding: 0;
}
/***********************************career page********************************************/
/***********************************facility page********************************************/
.facilitytop_wrapper{ 
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}
.facilitytop_wrapper .main_tittle{
  text-transform: capitalize;
}
.facilitytop_wrapper .left {
    width: 42%;
    padding: 0;
    display: inline-block;
}
.facilitytop_wrapper .right {
    width: 44%;
    padding: 0;
    display: inline-block;
   
}
.facilitymiddle_container{
  width: 100%;
  padding: 70px 0;
  background: linear-gradient(108deg, #4e7f3e, #d7df00);
  background-size: 131% 131%;
 display: block;
 margin: 60px 0 0;
}
.facilitymiddle_wrapper{
  width: 90%;
  margin: 0px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.20);
  padding: 8px;
  border: 2px solid #fff;
  border-radius: 25px;
  align-items: center;
}
.facilitymiddle_wrapper .left {
    width: 45%;
    padding: 0;
    display: inline-block;
}
.facilitymiddle_wrapper .right {
    width: 50%;
    padding: 0 5% 0 0;
    display: inline-block;
}
.facilitymiddle_wrapper .right img{
  border-radius: 25px;
}
.facilitymiddle_wrapper .right .content_tittle, .facilitymiddle_wrapper .right p{
  color: #fff;
}
.facilitybottom_container{
  width: 100%;
  padding: 70px 0;
  display: block;
  text-align: center;
}
.facilitybottom_wrapper{
  width: 90%;
  margin: 0px auto 0;
  display: block;
} 
/***********************************facility page********************************************/
/***********************************contactus page********************************************/
.contactform_wrapper {
    width: 92%;
    display: flex;
    justify-content: space-between;   
    border: none;
    padding: 0;
    flex-wrap: wrap;
    margin: 0px auto 0; 
    text-align: left;
}
.contactform_form{
  display: block;
  width:100%;
  margin: 0 auto;   
}
.contactform_wrapper .tittle {
  font-family: 'montserratmedium';
  font-size: clamp(20px, 7vw, 26px);
  color: #202020;
  line-height: 1.1;
  text-transform: capitalize;
  margin: 0;
  padding: 0px 0 0;
}
.contactaddress_area {
    width: 39%;
    display: inline-block;
    text-align: left;   
}
.contactform_form form label {
  display: block;
  color: #282828;
  font-family: "latobold";  
  font-size: 16px;
  padding-bottom: 15px;
  text-align: left;
  line-height: 5px;    
  text-transform: capitalize;
}
.required {
  color: #ec2124;
}
.contactform_form form{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;    
  margin: 30px 0 0;
}
  
.contactform_form  form p {
margin: 0;
width:auto;
padding: 0;
}

.contactform_form  form .full {
grid-column: 1 / 3;

}

.contactform_form form .half:nth-of-type(even){  
  padding-right: 0;
 }
.contactform_form form input, .contactform_form form textarea, .contactform_form form select {
  width: 100%;
  border: none; 
  background: #f5f5f5;
  border: none;  
  padding: 10px 20px;
  font-family: "aileronregular";
  font-size: 15px;
  text-transform: none;
  color: #282828;
  border-radius: 8px;
  height: 50px;
}
.contactform_form form label{
  font-family: "montserratlight";
  font-size: 16px;
  text-transform: none;
  color: #282828;
  text-transform: capitalize;
  padding: 10px 0 15px;
}
.contactform_form form button{
 
  height: 45px;
  display: block;
  margin: 0 auto;
  
}
.wpcf7-list-item {
  display: flex;
  padding-top: 42px;
  position: relative;
  padding-right: 50px;
  flex-direction: row-reverse;
}

.contactform_form form input::placeholder, .contactform_form form textarea::placeholder {
  
  display: block;
  font-family: "aileronregular";
  font-size: 16px;  
  color: #282828; 
  text-align: left;
  line-height: 22px;    
  text-transform: capitalize;
}
.contactform_form form select.big {
  appearance: none;
  position: relative;
  background-image: url(../images/select_arrow.png);
  background-repeat: no-repeat;
  background-position: 80% 25%;
  
}
.contactform_form  form input.wpcf7-not-valid,
.contactform_form  form textarea.wpcf7-not-valid {
width: 100%;  
border: none;
border-bottom: solid 1px red;
border-radius: 0px;
}
.wpcf7-not-valid-tip {
    color: #dc3232; /* Red */
    font-size: 0;
    font-weight: normal;
    display: none;
}
.contactform_form  form textarea {
resize: none;
height: 180px;
}
.contactform_form .wpcf7-submit {
  
  background: #ec2124;
    border: 0;
    color: #fff;
    font-family: 'latobold';
    font-size: 15px;
    border-radius: 30px;
    padding: 10px;
    width: fit-content;
    padding: 0 35px;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0;
}
.contactform_form .wpcf7-submit:hover {
  
}
.contactform_form  form button:hover,
.contactform_form  form button:focus {
  
transition: background-color 2s ease-out;
}
.contactform_form form .full:last-child{
  margin-bottom:0;
}

.contactform_area {
    width: 58%;
    display: inline-block;     
}
.contactform_area .content_tittle {
    font-family: 'aileronbold';
    font-size: clamp(20px, 5vw,30px);
    color: #282828;
    line-height: 1.2;
    text-transform: capitalize;
}
.contactpage .contactform_form form .btn {
  background: #537741;
  font-family: 'atypdisplaysemibold';
  color: #fff;
  margin: 0;
  border-color: #537741;
  height: 45px;
  border-radius: 50px;
}
.contactpage .contactform_form form .btn:hover{
  color: #282828;
  background: #ffcc29;
  border-color: #ffcc29;
}
.contact_info {
  padding: 0;
  width: 100%;
  background: #73a03c;
  border-radius: 28px;
  padding: 40px 35px;
   border-bottom: 20px solid #ffcb04
}

.contact_info .block {
  display: flex;
  margin-top: 15px;
  align-items: center;
}
.contact_info .block:first-child{
  margin-top: 0;
}
.contact_info .block .icon {
  display: inline-block;
}
.contact_info .block .icon::before {
  background: url(../images/map_icon.png) no-repeat;
  background-position: left;
  content: "";
  background-size: 75%;
  width: 78px;
  height: 78px;
  display: inline-block;
}
.contact_info .block .details {
  display: inline-block;
  padding-left: 0px;
  padding-top: 15px;
}
.contact_info .block .details h6 {
  font-family: 'aileronbold';
  font-size: clamp(18px, 7vw, 22px);
  color: #fff;
  line-height: 1.1;
  text-transform: capitalize;
  margin: 0;
  padding: 0px 0 6px;
  width:100%;
}
.contact_info .block .details p {
  font-family: 'aileronregular';
  color: #fff;
  padding:5px 0 0;
  font-size: 16px;
  line-height: 23px;
  text-transform: capitalize;
}
.contact_info .block .details p span{
  font-family: 'aileronbold';
}
.contact_info .block .icon1 {
  display: inline-block;
}
.contact_info .block .icon1::before {
  background: url(../images/mail_icon.png) no-repeat;
  background-position: left;
  content: "";
  background-size: 75%;
  width: 78px;
  height: 78px;
  display: inline-block;
}

.contact_info .block .details p a {
  color: #fff;
  cursor: pointer;  
  padding: 0 5px 0 0;
  text-transform: none;
  word-break: break-all;
}

.contact_info .block .icon2 {
  display: inline-block;
}
.contact_info .block .icon2::before {
  background: url(../images/phone_icon.png) no-repeat;
  background-position: left;
  content: "";
  background-size: 75%;
  width: 78px;
  height: 78px;
  display: inline-block;
}
.contactform_wrapper .social {
  font-size: 0px;
  display: block;
  margin: 10px 0px 0px 0px;
  position: static;
  padding: 0px 0 0; 
  }
  .contactform_wrapper .social h6 {
    font-family: 'montserratmedium';
    font-size: clamp(18px, 7vw, 20px);
    color: #202020;
    line-height: 1.1;
    text-transform: capitalize;
    margin: 0;
    padding: 0px 0 20px;
    width:100%;

  }
  .contactform_wrapper .social li {
  display: inline-block;
  margin: 0px 12px 0px 0px;
  text-align: center;
  }
  .contactform_wrapper .social li a {
  display: block;
    font-size: 18px;
    color: #83ab33;
    border: 1px solid #fff;
    width: 33px;
    height: 33px;
    display: flex;
    background: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
    transition: all 0.3s cubic-bezier(0.1, 0.1, 0.25, 0.9);
  }
  .contactform_wrapper .social li a:hover{
    background: #ffcc29 !important;
    border: 1px solid #ffcc29;
  }
  .contactform_wrapper .social .fa.fa-facebook {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.map_container {
    width: 100%;
    margin: 80px 0 0;
    display: block;
    border-top: 10px solid #ffcb04;
}
/***********************************contactus page********************************************/
/***********************************aboutus page********************************************/
.abouttop_wrapper{
  width:85%;
  margin: 50px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}
.abouttop_wrapper .image{
  position: relative;
  width:52%;
  display: inline-block;
}

 .abouttop_wrapper .image .image_description {
    background: #5c8346;
    padding: 25px;
    position: absolute;
    left: 15%;
    bottom: 10%;
    width: 50%;
}
.abouttop_wrapper .image .image_description p{
  color: #fff;
  font-family: 'aileronbold';
  padding: 0;
}
.abouttop_wrapper .content{
  position: relative;
  width:43%;
  display: inline-block;
  text-align: left;
  padding-right: 5%;
}
.abouttop_wrapper .content .aboutcounter_tittle {
    font-family: 'aileronbold';
    font-size: clamp(16px, 7vw, 18px);
    color: #282828;
    text-transform: capitalize;
    line-height: 1.2;
    display: flex;
    align-items: center;
    padding: 15px 0;
}
.abouttop_wrapper .content .aboutcounter_tittle .icon{
  padding:0 7px 0 0px;
  width:10%;
}
.abouttop_wrapper .rating_container .block {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.abouttop_wrapper .rating_container .block .content .tittle {
    position: relative;
    font-family: 'aileronregular';
    font-size: clamp(16px, 5vw, 17px);
    color: #282828;
    padding-top: 5px;
    text-transform: capitalize;
    line-height: 1.1;
}
.aboutcontent_wrapper{
  width: 85%;
  margin: 40px auto 0;
  display: block;
  text-align: center;
}
.timeline_container{
  width: 100%;
  display: block;
  margin: 60px 0 0;
}
.timeline_wrapper{
  width:95%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
}
.timeline_wrapper .block{
  width:33.333%;
  display: inline-flex;
  padding: 0;
  position: relative;
  flex-wrap: wrap;
}
.timeline_wrapper .block::before{
  background: #5c8346;
  width:108px;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top:0;
  border-radius: 100px 0px 0px 0px;
}
.timeline_wrapper .block .block_wrapper{
 display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 30px;
  flex-wrap: wrap;
  width:100%;
}
.timeline_wrapper .block .block_wrapper .blockwrapper_left{
  width: 65%;
  display: inline-block;
  direction: rtl;
}
.timeline_wrapper .block .block_wrapper .blockwrapper_right{
  width: 30%;
  display: inline-block;
  position: relative;
  text-align: center;
}
.timeline_wrapper .block .block_wrapper .image_wrapper{
 position: relative;
    top: -40px;
    left: 13%;
    width: 100%;
}
.blockwrapper_right,
.blockwrapper_left {
  opacity: 0;
  transform: translateX(0) translateY(30px);
  transition: all 0.3s ease-out;
  transition-delay: calc(var(--order, 0) * 0.05s);
}

.blockwrapper_right {
  transform: translateX(20px) translateY(30px);
}

.blockwrapper_left {
  transform: translateX(-20px) translateY(30px);
}

.blockwrapper_right.visible,
.blockwrapper_left.visible {
  opacity: 1;
  transform: translateX(0) translateY(0);
}
.timeline_wrapper .block  ul{
  padding: 0px 0 0 17px;
}
.timeline_wrapper .block  ul li{
  font-family: 'aileronregular';
    font-size: clamp(16px, 5vw, 17px);
    color: #282828;
    line-height: 23px;
    padding:4px 0;
    display: list-item;
  list-style-type: disc;
}
.timeline_wrapper .block  ul li span{
  font-family: 'aileronbold';  
}
.timeline_wrapper .block.block_middle{
  flex-direction: column;
  justify-content: space-between;
  border-bottom: 20px solid #5c8346;
}
.timeline_wrapper .block.block_middle .block_wrapper{
  justify-content: center;
  margin: 0;
}
.timeline_wrapper .block.block_middle::before{
  display: none;
}
.timeline_wrapper .block:nth-child(3) .block_wrapper{
  flex-direction: row-reverse;
}
.timeline_wrapper .block:nth-child(3)::before{
  right: auto;
  left: 0;
  border-radius: 0px 100px 0px 0px;
}
.timeline_wrapper .block:nth-child(3) .block_wrapper .blockwrapper_left{

  direction: ltr;
}
.timeline_wrapper .block:last-child .block_wrapper .blockwrapper_left{

  direction: ltr;
}
.timeline_wrapper .block:last-child .block_wrapper .image_wrapper {
    position: relative;
    top: -40px;
    left: -30px;
    width: 100%;
}
.person_name{
  font-family: 'helveticacompressed';
    font-size: clamp(20px, 7vw, 35px);
    color: #282828;
    text-transform: capitalize;
    line-height: 1;
    padding: 0 0px;    
    display: inline-block;
}

.timelinecenter_tittle{
  font-family: 'helveticacompressed';
    font-size: clamp(22px, 7vw, 48px);
    color: #282828;
    text-transform: capitalize;
    line-height: 1;
    padding: 35px 35px 0;    
    display: inline-block;
    text-align: center;
  
}
.timelinecenter_tittle span{
  color: #5c8346;
}
.timeline_wrapper .block .block_wrapper .image_middle .timelinecenter_tittle{
  padding: 0;
  font-size: clamp(22px, 7vw, 46px);
}
.timeline_wrapper .block .block_wrapper:first-child{
  margin: 0;
}
.year {
    font-family: 'aileronbold';
    font-size: clamp(17px, 5vw, 20px);
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
}
.year_number {
     font-family: 'helveticacompressed';
    font-size: clamp(20px, 7vw, 35px);
    color: #fff;
    line-height: 1.2;
    padding: 3px 0 0;
     text-transform: capitalize;
}
.timeline_tittle{
  font-family: 'aileronbold';
    font-size: clamp(20px, 7vw, 30px);
    color: #5c8346;
    line-height: 1.2;
    text-transform: capitalize;
    padding: 0px 0 0;
}
.image_middle{
  width: 100%;
  display: block;
  margin: 0px 0 0;
  text-align: center;
}
.image_middle h6{
font-family: 'aileronbold';
    font-size: clamp(17px, 5vw, 20px);
    color: #282828;
    line-height: 1.2;
    text-transform: uppercase;
}
.timelinebottom_wrapper{
  width:70%;
  margin: 50px auto 0;
  display: block;  
}
.about_logo{
  width:30%;
  margin: 0 auto;
}
.timeline_bottom{
  width:88%; 
  margin: 40px auto 0; 
}
.timeline_bottom .block{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 0 auto;
  width: 55.56%;
}

.timeline_bottom .block::before{
  display: none;
}
.timeline_bottom .block .left{  
  width: 20%;
  display: inline-block;
  background: #5c8346;
  padding: 40px 10px;
  text-align: center;
}
.timeline_bottom .block .left .blockwrapper_left{
  
}
.timeline_bottom .block .right{  
  width: 72%;
  display: inline-block;
}
.timeline_bottom .block:last-child{
  flex-direction: row-reverse;
  margin: 0 auto 0 0;
}
.timeline_bottom .block:last-child .right{
  direction: rtl;
}
.blockwrapper1_right,
.blockwrapper1_left {
  opacity: 0;
  transform: translateX(0) translateY(320px);
  transition: all 0.1s ease-out;
  transition-delay: calc(var(--order, 0) * 0.05s);
}

.blockwrapper1_right {
  transform: translateX(20px) translateY(20px);
}

.blockwrapper1_left {
  transform: translateX(-20px) translateY(20px);
}

.blockwrapper1_right.visible,
.blockwrapper1_left.visible {
  opacity: 1;
  transform: translateX(0) translateY(0);
}
.timeline_bottom .block:last-child .left{
  border-radius: 0 0 20px 20px;
}
.vision_container{
  width:100%;
  display: block;
  margin: 60px 0 5px;
  background: url(../images/vision_bg.png) no-repeat;
  background-position: center top;
  background-size: cover;
  padding:60px 0;
}
.vision_container .content_tittle{
  color: #fff;
  padding: 0 3%;
}
.vision_wrapper{
  width:95%;
  margin: 30px auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.vision_wrapper .block{
  padding: 10px;
  width:44%;
  display: inline-block;  
  transition: transform 0.6s ease;
  
}
.vision_wrapper .block .block_inner{
  
  background: #fff;
  border-radius: 0;
  padding: 15px 25px 25px 25px;
  position: relative;
  height: 100%;
  border-bottom: 10px solid transparent;
  transition: transform 0.6s ease; 
}
.vision_wrapper .block:hover .block_inner{
  border-bottom: 10px solid #ffcc29; 
}
.vision_wrapper .block .block_inner .tittle {
  font-size: clamp(20px, 7vw, 28px);
  line-height: 1;
  text-transform: capitalize;
  color: #282828;
  margin-bottom: 0;
  letter-spacing: 0;
  padding: 0;
  font-family: 'aileronbold';
  transition: transform 0.6s ease;
}
.vision_wrapper .block:hover .block_inner .tittle{
  color: #5c8346;
}
.vision_wrapper .block .block_inner  p{
  padding: 2px 0 0;
}
.vision_wrapper .block .block_inner ul{
  padding: 8px 0 0 17px;
}
.vision_wrapper .block .block_inner ul li{
  font-family: 'aileronregular';
    font-size: clamp(16px, 5vw, 17px);
    color: #282828;
    line-height: 24px;
    padding:6px 0;
    display: list-item;
    list-style-type: disc;
}
.vision_wrapper .block .block_inner .right_icon {
  display: block;
  position: relative;  
  opacity: 1;
  visibility: visible;
  width: 18%;
  margin-left: auto;
}
.vision_wrapper .block .block_inner .right_icon img{
  filter: brightness(0);
}
.vision_wrapper .block:hover .block_inner .right_icon{
  animation: shake 1200ms;
}
.vision_wrapper .block:hover .block_inner .right_icon img{
  filter: none;
}
@keyframes shake {
  0% {
    transform: rotateZ(0);
  }
  10% {
    transform: rotateZ(-30deg);
  }
  20% {
    transform: rotateZ(15deg);
  }
  30% {
    transform: rotateZ(-10deg);
  }
  40% {
    transform: rotateZ(7.5deg);
  }
  50% {
    transform: rotateZ(-6deg);
  }
  60% {
    transform: rotateZ(5deg);
  }
  70% {
    transform: rotateZ(-4.28571deg);
  }
  80% {
    transform: rotateZ(3.75deg);
  }
  90% {
    transform: rotateZ(-3.33333deg);
  }
  100% {
    transform: rotateZ(0);
  }
}
.team_container{
  width:100%;
  display: block;
  margin: 70px 0 0;
  text-align: center;
}
.team_wrapper{
  width:95%;
  margin: 50px auto 0;
  text-align: left;
  display: block;
}
.team_wrapper .block_item{
  padding: 0 10px;
}
.team_wrapper .block_item .block{
  position: relative;
}
.team_wrapper .block_item .image{
  width: 100%;
  display: block;
  border-radius: 10px;
  position: relative;
}
.team_wrapper .block_item .block .content {
    background: linear-gradient(to bottom, transparent 0, rgba(92, 131, 70, 0.94) 11%) no-repeat bottom;
    border-radius: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    transition: all 0.8s ease;
    padding: 20px 15px 10px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    transform: translateY(76%);
}
.team_wrapper .block_item:hover .block .content {
    transform: translateY(0);
    justify-content: center;
    border-radius: 10px;
    background: rgba(92, 131, 70, 0.94);
    background: rgba(92, 131, 70, 0.94) ;
}
.team_wrapper .block_item .block .content .linkedin_image{
  position: absolute;
  right:2%;
  top:2%;
  width: 12%;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.team_wrapper .block_item:hover .block .content .linkedin_image{
  opacity: 1;
  visibility: visible;
}
.team_wrapper .block_item .block .content .tittle {
  font-family: 'aileronbold';
    font-size: clamp(18px, 6vw, 23px);
    color: #fff;
    line-height: 1.2;
    text-transform: capitalize;
    padding: 0;
    margin: 0;
    position: relative;
}
.team_wrapper .block_item .block .content h6{
  color: #fff;
   font-family: 'aileronregular';
    font-size: clamp(15px, 6vw, 17px);    
    line-height: 1;
    text-transform: capitalize;
    padding: 3px 0 0;
}
.team_wrapper .block_item .block .content  p {
    color: #fff;
    padding-top: 8px;
    opacity: 0;
    visibility: hidden;
    font-size: clamp(12px, 5vw, 14px);
    line-height: 19px;
}
.team_wrapper .block_item:hover .block .content p {
    opacity: 1;
    visibility: visible;
}
.team_wrapper .block_item .block .position_tittle {
    writing-mode: vertical-rl;
    letter-spacing: 2px;
    font-family: 'helveticacompressed';
    font-size: clamp(30px, 7vw, 58px);
    color: rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
    position: absolute;
    left: 2%;
    top: 5%;
    z-index: 1;
    transform: rotate(180deg);
}
.owl-dots {
      display: block;
      width: 100%;
      margin-top: 40px !important;
      text-align: center;
  }   
  
.owl-dots .owl-dot {
      width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background: #5c8346 !important;
    margin: 0px 3px;
    border: none;
    opacity: 0.5;
  }
.owl-dots .owl-dot.active {     
   
    opacity: 1;   
      width: 13px;
    height: 13px;
  }
  .owl-theme .owl-dots .owl-dot span {
      display: none !important;
  }
/***********************************aboutus page********************************************/
 nav.navigation.pagination {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 60px
}

.nav-links {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}

.page-numbers.current {
  background: #537741;
  color: #fff
}

.page-numbers {
  margin: 0 4px;
  text-decoration: none;
  padding: 0;
  font-size: 16px;
  padding: 0;
  min-width: 1em;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #537741;
  background: 0 0;
  border: 2px solid #537741;
  font-family:'aileronbold';
  justify-content: center;
}

a.next.page-numbers {
  background: 0 0;
  color: #181818
}

.timeline_wrapper .block.block_middle.block_middle_mob{
  display: none;
}
.timeline_wrapper .timeline_bottom .block ul {
    padding: 0 10px;
}
.wpcf7 form .wpcf7-response-output {
  
    grid-column: 1 / 3;
    text-align: center;
}
.wpcf7-spinner{
  position: absolute;
}
p.logo_content {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.term-beverages .inner_banner {
    background: #8eb36d;
}
.term-flavours .inner_banner{
    background: #fca8b7;
}
.term-fragrance .inner_banner{
    background: #cb870a;
}
.term-essential-oils .inner_banner{
    background: #fea5a9;
}
.term-oleoresins .inner_banner{
    background: #96dbd6;
}
p.blog-listing {    
    height: 40svh;
}
.content_tittle span{
  font-family: 'aileronregular';
}
.applicationbottom_container{
  width:100%;
  display: block;
  margin: 70px 0;
}
.applicationbottom_wrapper{
  width:92%;
  margin: 0 auto;
  display: block;
}
.applicationbottom_wrapper .essentialoil_wrapper{
  width: 100%;
  margin: 20px 0 0;
}
.applicationbottom_wrapper .top_description{
  margin-bottom: 30px;
  text-align: center;
}
.applicationbottom_wrapper .top_description p {
    font-family: 'aileronregular';
    color: #282828;
    font-size: clamp(16px, 7vw, 18px);
    line-height: 25px;
    text-transform: capitalize;
    transition: all 0.3s ease;
    text-align: center;
}
@-webkit-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.applicationtop_wrapper .image .image_description {
    background: #5c8346;
    padding: 15px;
    position: absolute;
    left: 50%;
    bottom: 10%;
    width: 60%;
    border-radius: 15px;
    transform: translateX(-50%);
}
.applicationtop_wrapper .content{
  width:48%;
  display: inline-block;
  padding: 0;
}
.applicationtop_wrapper .image{
  width:48%;
  display: inline-block;
}
.applicationtop_wrapper .image .image_description p{
      font-family: 'aileronregular';
}
.applicationtop_wrapper{
  width:92%;
}
.applicationbottom_wrapper .essentialoil_wrapper .block .content {
    padding: 10px 10px;
}
.applicationbottom_wrapper .essentialoil_wrapper .block .content .productoil_tittle {
    font-family: 'aileronbold';
    font-size: clamp(16px, 6vw, 18px);
}
/* TAB AREA */

.tab-wrapper{
  overflow-x:auto;
  width:100%; 
  padding-bottom:15px; /* space for scrollbar */
  box-sizing:border-box;
   -webkit-overflow-scrolling: touch;
}
/* TAB CONTAINER */
.tabs{
  display:flex;
  flex-wrap:nowrap;
  min-width:max-content;
  background:#fff; 
  position: relative;
  
}

/* TAB BUTTON */

.tab-btn{
  flex:0 0 19.99%; /* 5 visible */
  padding:12px 20px;
  border:none;
  border-right:1px solid #5c8346;
  background:#fff;
  cursor:pointer;
  white-space:nowrap;
  font-family:'aileronregular';
   color:#282828;
  font-size:clamp(17px,5vw,20px);
   border:1px solid #5c8346;
   border-right: none;
}

.tab-btn:last-child{
  border-right:1px solid #5c8346;;
}
.tab-btn.active{
  background:#5c8346;
  color:#fff;
}

/* CONTENT */

.tab_content{
display:none;
padding:20px 0;
}

.tab_content.active{
display:block;
}

.tab-wrapper::-webkit-scrollbar{
  height:5px;
}

.tab-wrapper::-webkit-scrollbar-track{
  background:#d8e1d3;
  border-radius:30px;
}

.tab-wrapper::-webkit-scrollbar-thumb{
  background:#5c8346;
  border-radius:30px;
}

.tab-wrapper::-webkit-scrollbar-thumb:hover{
  background:#4a6b38;
}

/* RESPONSIVE */

@media(max-width:900px){

.grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){
.tab-wrapper {
    overflow-x: hidden;
}
.grid{
grid-template-columns:1fr;
}

/* accordion style */

.tab_content{
padding:15px 0;
}
.tabs{
flex-direction:column;
    flex-wrap: wrap;
    min-width: 100%;
}

.tab-btn{
border-right:1px solid #5c8346;
}
}  
 
@media only screen and (min-width: 1650px) {
  .homeprocess_wrapper .circle_process {    
    height: 468px;
  }
}
 @media only screen and (min-width: 1750px) {
  .homeprocess_wrapper .circle_process {
    
    height: 550px;
}
.tab-content .inner_icon {
    width: 18%;
}
.tab-content p {
    font-size: 20px;
    line-height: 32px;
}
 }
  @media only screen and (min-width: 1900px) {
    .header-utility nav a {   
    font-size: 19px;   
}
.header-utility nav {   
    gap: 55px;
}
.primary-nav ul li a {    
    font-size: 19px;
  }
  .offcanvas a {   
    font-size: 22px;
  }
  .banner_content h2 {   
    font-size: clamp(25px, 6vw, 55px);
  }
  .banner_content p {    
    font-size: clamp(16px, 7vw, 22px);    
    line-height: 30px;
  }
  .banner_content a {    
    font-size: clamp(20px, 7vw, 60px);
  }
  .homeabouttop_wrapper .counterarea_wrapper .counterarea .head_wrapper .left .aboutcounter_tittle {    
    font-size: clamp(16px, 7vw, 22px);
  }
  .rating_container .block .content .number {   
    font-size: 65px;
  }
  .rating_container .block .content .tittle {   
    font-size: clamp(16px, 5vw, 20px);
  }
  .rating_container .block:nth-child(2) .content .number {
    font-size: 34px;
}
.rating_container .block:nth-child(2) .content .tittle {
    font-size: clamp(12px, 5vw, 18px);
}
.content_tittle {   
    font-size: clamp(20px, 5vw, 32px);
}
.homeabouttop_wrapper .content_wrapper .inner_wrapper .text_wrapper p {   
    font-size: clamp(16px, 5vw, 19px);   
    line-height: 28px;
}
.btn {   
    font-size: 19px;
    height: 42px;
}
.main_tittle {   
    font-size: clamp(20px, 6vw, 40px);
}
p {   
    font-size: clamp(16px, 5vw, 19px);   
    line-height: 28px;
}
.product_tittle {    
    font-size: clamp(20px, 7vw, 48px);
}
.sub_tittle{
  font-size: clamp(19px, 7vw, 25px);}

.homefacility_wrapper .content .content_bottom .contentbottom_wrapper .block .block_inner .icon {
    width: 130px;
    height: 130px;
}
.facility_name {   
    font-size: clamp(16px, 7vw, 20px);   
    padding: 10px 0 0;
}
.homeblog_wrapper .itemblock .block .image .date {
   
    font-size: 20px;
}
.homeblog_wrapper .itemblock .block .content .tittle {   
    font-size: clamp(15px, 7vw, 20px);
    line-height: 1.3;
}
.homeblog_wrapper .itemblock .block .content .readmore {   
    font-size: 19px;
}
.footer .footer-content p {    
    font-size: 17px;
}
.footer .footer-content h4 {   
    font-size: 24px;
}
.footer .copyright p {   
    font-size: 16px;
    line-height: 22px;
}
.product-rail {
    
    height: 320px;
}
.item-inner img {
  width: 280px;  
}

.timeline_wrapper .block .block_wrapper .blockwrapper_left {
    width: 70%;
}
.timeline_wrapper .block .block_wrapper .blockwrapper_right {
    width: 20%;
}
.essentialoil_wrapper .block .content {
   
    transform: translateY(84%);
}
.essentialoil_wrapper .block .content .productoil_tittle {
    font-family: 'aileronbold';
    font-size: clamp(18px, 6vw, 25px);
}
.applicationbottom_wrapper .essentialoil_wrapper .block .content .productoil_tittle {
        font-family: 'aileronbold';
        font-size: clamp(18px, 6vw, 24px);
    }
.applicationbottom_wrapper .essentialoil_wrapper .block .content {
        transform: translateY(79%);
    }
.banner_content p {
        font-size: clamp(16px, 7vw, 24px);
        line-height: 32px;
    }
    .request_form {
    display: block;
    width: 38%;
}
.request_form form input, .request_form form textarea, .request_form form select {
    width: 100%;
    border: none;
    border-radius: 10px;
    background: #fff;
    border: none;
    padding: 10px 15px;
    font-family: 'aileronregular';
    font-size: 17px;
    text-transform: none;
    color: #282828;
    height: 52px;
}
.request_form form input::placeholder,  .request_form form textarea::placeholder {
   font-size: 17px;
}
.banner_content .banner_text {
    font-family: 'aileronblack';
    font-size: clamp(25px, 6vw, 85px);
}
  }
@media only screen and (min-width: 2000px) {
    .homeprocess_wrapper .circle_process {
        width: 80%;
        height: 550px;
    }
.topinner_content .img-block {
    width: 35%;
    margin: 20px auto;
}
.banner_content .banner_text {
    font-family: 'aileronblack';
    font-size: clamp(25px, 6vw, 86px);
}
.banner_content p {
        font-size: clamp(16px, 7vw, 23px);
        line-height: 32px;
    }
  }
@media only screen and (min-width: 2100px) {
    .homeprocess_wrapper .circle_process {
        width: 70%;
        
    }
    .banner_content .banner_text {
    font-family: 'aileronblack';
    font-size: clamp(25px, 6vw, 100px);
    }
     .request_form {
    display: block;
    width: 30%;
}
  }
@media only screen and (min-width: 2250px) {
      .homeprocess_wrapper .circle_process {
        width: 67%;
        height: 660px;
    }
    .banner_content p {
        font-size: clamp(16px, 7vw, 26px);
        line-height: 32px;
    }
  }
@media only screen and (max-width: 1450px) {
  .homefacility_wrapper .content .content_bottom {
    margin-top: 20px;
}
.homefacility_wrapper .content .content_bottom .contentbottom_wrapper {    
    margin: 20px 0;
}
.main_tittle {    
    font-size: clamp(20px, 6vw, 30px);
}
.homefacility_wrapper .content .content_bottom .contentbottom_wrapper .block .block_inner .icon {
    width: 90px;
    height: 90px;
}
.tab-header {   
    width: 80px;
    height: 80px;
}
.homecategory_container {
    width: 100%;
    margin: 60px 0 0;
    padding: 60px 0 0;
}
}
@media only screen and (max-width: 1350px) {
.homeabouttop_wrapper {
   
    width: 100%;
}
.homeprocess_wrapper .circle_process {
    width: 88%;
    height: 385px;
}
.homeaboutbottom_wrapper {
    width: 80%;
}
.categorytop_wrapper {
    width: 100%;
}

}
@media only screen and (max-width: 1250px) {
.banner_content h2 {    
    font-size: clamp(25px, 6vw, 42px);
}
.banner_content a {   
    font-size: clamp(20px, 7vw, 38px);
}
.homeabouttop_wrapper .content_wrapper .inner_wrapper .text_wrapper {
    width: 65%;  
}
.homeprocess_wrapper .circle_process {
        width: 100%;
}
.essentialoil_wrapper {
    width: 100%;
}
.essentialoil_wrapper .block .content {   
    transform: translateY(80%);
}
.request_form {
    display: block;
    width: 60%;
}
.careertop_wrapper {   
    width: 100%;
}
.careertop_wrapper .left, .careertop_wrapper .right {
    width: 49%;
}
.careerblock_wrapper {
    margin: 30px auto 0;
    width: 100%;
}
.career_wrapper {
    width: 100%;
}
.product_container {
    margin-top: 17%;
}
.contactform_wrapper {
    width: 100%;
}
.products_why .careerblock_wrapper .block {
    width: 33.333%;
}
}
@media only screen and (max-width: 1181px) {
  .banner_content {    
    top: 26%;
    width: 45%;
  }
  .banner_content h2 {
        font-size: clamp(25px, 6vw, 39px);
    }
  .banner_content .link_wrapper {
    margin-top: 15px;
  }
  .banner_content a {
        font-size: clamp(20px, 7vw, 35px);
    }
}
@media only screen and (max-width: 1150px) {
.categorytop_wrapper .block1 {
    width: 35%;
   }
   .categorytop_wrapper .block2 {
    width: 33%;
   }
   .top_content {
    width: 80%;
   }
   .homeprocess_wrapper {
    width: 82%;
   }
   .essentialoil_wrapper .block .content p {
    color: #fff;
    padding-top: 16px;
    font-size: clamp(13px, 2vw, 15px);
    line-height: 1.3;
}
.essentialoil_wrapper .block .content .productoil_tittle {
    font-family: 'aileronbold';
    font-size: clamp(16px, 6vw, 18px);
}
.homeaboutbottom_wrapper .essentialoil_wrapper .block .content .productoil_tittle {
        font-family: 'aileronbold';
        font-size: clamp(16px, 6vw, 17px);
    }
.abouttop_wrapper{
  flex-wrap: wrap;
}
.abouttop_wrapper .image {   
    width: 100%;
    display: block;
}
.abouttop_wrapper .content {
    display: block;
    width: 100%;
    padding:20px 0 0;
}
.applicationtop_wrapper.abouttop_wrapper .content {
      
        padding: 0px 0 0;
    }
  .applicationtop_wrapper.abouttop_wrapper .image {
      
        padding: 20px 0 0;
    }
.timeline_wrapper .block .block_wrapper .blockwrapper_left {
    width: 57%;
    display: inline-block;
    direction: rtl;
}
.timeline_tittle {
    font-family: 'aileronbold';
    font-size: clamp(19px, 7vw, 22px);
    }
.timeline_bottom {
    width: 100%;
    margin: 40px auto 0;
}
.timelinebottom_wrapper {
    width: 80%;
}
.applicationbottom_wrapper {
    width: 100%;
}
}
@media only screen and (max-width: 1080px) {
.homeabouttop_wrapper .counterarea_wrapper {
    width: 28%;   
    padding: 20px;
}
.homeabouttop_wrapper .content_wrapper {
    width: 70%;
}
.homeabouttop_wrapper .content_wrapper .inner_wrapper .text_wrapper {
        width: 75%;
        padding: 20px 0px 20px 20px;
    }
.rating_container .block .content .number {    
    font-size: 50px;
}
.homeabouttop_wrapper .content_wrapper .inner_wrapper .text_wrapper p {   
    font-size: clamp(15px, 5vw, 16px);
       line-height: 23px;
}
.homeabouttop_wrapper .content_wrapper .inner_wrapper .text_wrapper .btn{
  margin-top: 10px;
}
.footer .footer-content p {
   
    max-width: 355px;
}
.careerblock_wrapper .block {
    width: 50%;
}
.facilitytop_wrapper .right {
    width: 50%;
    padding: 0;
    display: inline-block;
    /* padding-right: 5%; */
}
.facilitybottom_wrapper {
    width: 100%;
}
.facilitymiddle_wrapper {
    width: 100%;
}
.facilitymiddle_wrapper .right {
    width: 50%;
    padding: 0 2% 0 0;    
}
.blogdetail .blog_wrapper {  
    width: 100%;
    padding: 0px 0 50px;
}
.timelinebottom_wrapper {
        width: 100%;
    }
  .vision_wrapper, .team_wrapper {
    width: 100%;
  }
  .vision_wrapper .block .block_inner {
   
    padding: 15px 15px 15px 15px;
  }
  .vision_container .content_tittle {   
    padding: 0;
}
.timeline_wrapper {
    width: 100%;
}
.timeline_wrapper .block::before {
    background: #5c8346;
    width: 84px;
}
.year_number {   
    font-size: clamp(18px, 3vw, 28px);
}
.year {   
    font-size: clamp(15px, 5vw, 17px);
}
.timeline_tittle {        
        font-size: clamp(18px, 5vw, 20px);
    }
  .timeline_wrapper .block ul li {   
    font-size: clamp(14px, 4vw, 15px);   
    line-height: 22px;
  }
  .homeproduct_wrapper {
    width:100%;
  }
}
@media only screen and (max-width: 1001px) {
.product_tittle::after {   
    right: 18%;
    top: calc(50% - -11px);   
}
}


@media only screen and (max-width: 960px) {
  img.mobile_banner {
    display: block;
}
img.desktop_banner {
    display: none;
}
    .banner_content {
        top: 15%;
        width: 70%;
        display: flex;
        flex-wrap: wrap;        
        justify-content: center;
        text-align: center;
        height: 94%;
        left: 50%;
        transform: translateX(-50%);
    }
        .banner_content h2 {
        font-size: clamp(30px, 6vw, 48px);
    }
    .banner_content p {    
    font-size: clamp(17px, 7vw, 20px);
    }
    .banner_content a {
        font-size: clamp(30px, 7vw, 50px);
    }
        .banner_content .link_wrapper {
        margin-top: 0;
    }
    .homeabouttop_wrapper {
      flex-wrap: wrap;
      justify-content: center;
    }
        .homeabouttop_wrapper .counterarea_wrapper {
        width: 100%;
        padding: 50px;
    }
    .homeabouttop_wrapper .counterarea_wrapper {
        width: 100%;
        padding: 30px;
        min-height: 320px;
    }
  .homeabouttop_wrapper .content_wrapper .inner_wrapper {   
    flex-wrap: wrap;    
}

.homeabouttop_wrapper .content_wrapper .inner_wrapper .image_wrapper {
    width: 37%;
    display: inline-block;
}
    .homeabouttop_wrapper .content_wrapper {
        width: 100%;
        margin: 30px 0 0;
    }
    .homeabouttop_wrapper .content_wrapper .inner_wrapper .image_wrapper {
        width: 35%;
        display: inline-block;
    }
    .homeabouttop_wrapper .content_wrapper .inner_wrapper .text_wrapper {
        width: 52%;
        padding: 20px 0px 20px 20px;
    }
  .homeabouttop_wrapper .counterarea_wrapper .counterarea .head_wrapper .right {
    display: inline-flex;
    width: 15%;
}
.categorytop_wrapper{
  justify-content: center;
  text-align: center;
}
.categorytop_wrapper .btn{
  display: none;
}
.categorytop_wrapper .btn.mob_button{
  display: inline-flex;
}
.categorytop_wrapper .block1 {
        width: 100%;
    }
    .categorytop_wrapper .block2 {
        width: 100%;
    }
.homefacility_wrapper {
    width: 95%;
  
}
.homefacility_wrapper .image {
    width: 90%;
    display: inline-block;
}
.homefacility_wrapper .content {
        padding: 6% 0 0 7%;
        width: 100%;
    }
footer .inline{
  width:100%;
  padding: 12px 0;
}
.footer .footer-content .col-container {
  
    justify-content: center;
    text-align: center;
}
.footer .footer-content .footer-logo {
    margin: 0px auto 10px;
    width: 230px;
    max-width: 100%;
}
    .footer .footer-content p {
        max-width: 80%;
        margin: 0 auto;
    }
  .footer .footer-content .links li {   
    justify-content: center;
}
.inner_banner .banner_content {
        position: absolute;
        left: 6%;
        top: 41%;
        width: 45%;
        text-align: left;
        transform: none;
    }
    .inner_banner .banner_content p {
        font-size: clamp(14px, 3vw, 17px);
        line-height: 1.3;
    }
    .topinner_content {
    width: 100%;
    margin: 0 auto;
}
.essentialoil_wrapper .es_block {
    width: 50%;
    padding: 10px;
}
.essentialoil_wrapper .block .content {
        transform: translateY(82%);
    }
    .request_form form {  
    grid-gap: 10px;
}
.request_form {
        display: block;
        width: 80%;
    }
.facilitymiddle_wrapper .left {
    width: 100%;  
}
.facilitymiddle_wrapper .right {
    width: 100%;
    padding: 30px 10px 10px;   
}  
.contactform_area {
    width: 100%;
    display: block;
}
.contactaddress_area {
    width: 100%;
    display: block;    
    margin: 20px 0 0;
}
.aboutcontent_wrapper {
    width: 100%;
}
.abouttop_wrapper {
    width: 100%;
}
/*.timeline_wrapper .block::before {  
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100px 0px 0px 0px;
}
.timeline_wrapper .block {
    width: 100%;  
    margin: 20px 0;
}
 .timeline_wrapper .block .block_wrapper{
  flex-direction: row-reverse;
 }
    .timeline_wrapper .block .block_wrapper .blockwrapper_left {
        width: 84%;
        display: inline-block;
        direction: ltr;
    }
  .timeline_wrapper .block .block_wrapper .blockwrapper_right {
    width: 12%;
  }
    .timeline_wrapper .block:nth-child(3) 
    {
       
        margin: 60px 0 0;
    }
    .timeline_bottom .block:last-child {
    flex-direction: row;
    margin: 0 auto 0 0;
}
    .timeline_bottom .block{
      margin: 0;
    }
  .timeline_bottom .block:last-child .right {
    direction: ltr;
}
.timeline_bottom .block .right {
    width: 76%;
}*/
.vision_wrapper .block {   
    width: 50%;
}
/*.timeline_wrapper .block:nth-child(3){
  margin:60px 0 0;
}*/
.timelinecenter_tittle {
  
    font-size: clamp(15px, 4vw, 30px);
    line-height: 1;
    padding: 35px 28px 0;   
}
.timeline_wrapper .block {
    width: 40%;
}
.timeline_wrapper .block.block_middle {   
    width: 20%;
}
.person_name {
    font-family: 'helveticacompressed';
    font-size: clamp(16px, 5vw, 30px);
}
    .timeline_wrapper .block::before {
        background: #5c8346;
        width: 66px;
    }
    .timeline_wrapper .block .block_wrapper .blockwrapper_right {
    width: 23%;
    }
    .timeline_wrapper .block .block_wrapper .image_middle .timelinecenter_tittle {
    padding: 0;
    font-size: clamp(18px, 5vw, 36px);
}
.timeline_bottom .block {
    width: 56.2%;
}
.timeline_bottom .block .left {
    width: 22%;
}
.products_why .careerblock_wrapper .block {
    width: 50%;
}
}
@media only screen and (max-width: 860px) {
.homeproduct_wrapper .left {
    width: 100%;
    display: inline-block;
}
.product_tittle {  
    display: inline-flex;
    align-items: center;
}
.product_tittle::after {
  right: -8%;
 top: calc(50% - 9px);
}
.homeproduct_wrapper {   
    width: 100%;
}
.homeprocess_container{
  background-position: right bottom;
}
.homeprocess_wrapper {
        width: 100%;
    }
.homeblog_wrapper .itemblock {   
    width: 50%;  
}
.homeblog_wrapper .itemblock:nth-child(3){
  display: none;
}
.blog_wrapper .itemblock:nth-child(3) {
        display: inline-block;
    }
.homeproduct_wrapper .right {
    width: 100%;
    display: inline-block;
}
.btn {
    height: 35px;    
    font-size: 16px;
}
    .homeabouttop_wrapper .content_wrapper .inner_wrapper .text_wrapper {
        width: 62%;
    }
  .careertop_wrapper .left, .careertop_wrapper .right {
        width: 100%;
        text-align: center;
    }
    .careerblock_wrapper .block {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
}
.careerblock_wrapper .block .block_inner .icon {
    width: 16%;
    display: inline-block;
}
.key_wrapper .time_wrapper {   
    font-size: clamp(15px, 4vw, 17px);
}
.facilitytop_wrapper{
  flex-direction: column-reverse;
}
.facilitytop_wrapper .left{
  width:100%;
  display: block;
  margin: 20px 0 0;
}
.facilitytop_wrapper .right{
  width:100%;
  display: block;
}
.blog_wrapper .left {
    width: 100%;
    display: block;
}
.blog_wrapper .right {
    width: 100%;
    display: block;
    margin: 20px 0 0;
}
    .timeline_wrapper .block .block_wrapper .blockwrapper_left {
        width: 82%;
        display: inline-block;
        direction: ltr;
    }
.facilitytop_wrapper, .facilitymiddle_container {
   
    text-align: center;
}
    .timeline_wrapper .block .block_wrapper .blockwrapper_right {
        width: 10%;
    }
        .year {
        font-size: clamp(15px, 5vw, 17px);
        display: none;
    }
        .year_number {
        font-size: clamp(18px, 3vw, 28px);
        writing-mode: sideways-lr;
        }
        .timeline_wrapper .block:last-child .block_wrapper .image_wrapper {
    position: relative;
    top: -40px;
    left: -13px;
    width: 100%;
        }
        .timeline_wrapper .block::before {
        background: #5c8346;
        width: 28px;
    }
  .timeline_bottom .year_number {
    writing-mode: horizontal-tb;
}
    .timeline_bottom .block {
        width: 56.18%;
    }
.applicationbottom_wrapper .essentialoil_wrapper .block .content .productoil_tittle {
        font-family: 'aileronbold';
        font-size: clamp(13px, 6vw, 16px);
    }
    .products_why .careertop_wrapper ul {
    padding: 4px 0 0 17px;
    width: fit-content;
    text-align: left;
    margin: 0 auto;
}
}
@media only screen and (max-width: 760px) {
      .homeaboutbottom_wrapper {
        width: 100%;
    }
  .top_content {
        width: 100%;
    }
      .essentialoil_wrapper .block .content {
        transform: translateY(78%);
    }
    .topinner_content .img-block {
    width: 80%;
    margin: 20px auto;
}
    .timeline_wrapper .block::before {
        background: #5c8346;
        width: 24px;
    }
}
@media only screen and (max-width: 660px) {
.homeprocess_container .container{
  width:100%;
}
.homeprocess_wrapper {
        width: 100%;
        margin: 0;
        position: relative;
        height: 750px;
    }
.homeprocess_wrapper .circle_process {
        /* width: 82%; */
        /* transform: rotate(90deg); */
        /* height: 538px; */
        /* margin: 0; */
        width: 100%;
        max-width: 900px;
        height: 530px;
        margin: 0;
        background: transparent;
        border-top: 20px solid #537741;
        border-left: 20px solid #537741;
        border-right: 20px solid #537741;
        border-bottom: none;
        border-radius: 900px 900px 0 0;
        box-sizing: border-box;
        position: absolute;
        left: -10%;
        top: 14%;
       transform: rotate(90deg);
    }
     .tab-content {
        width: 75%;
        display: none;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 0 5% 0 20px;
        transform: rotate(-90deg);
    }
    .circular-tab {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-header {       
        transform: rotate(-90deg);
    }
    .homeprocess_container .top_content {
        width: 90%;
    }
    .inner_banner {
    margin-top: 70px;
}
    .inner_banner .banner_content {
        position: absolute;
        left: 6%;
        top: 18%;
    }
    .essentialoil_wrapper .es_block {
        width: 50%;
        padding: 5px;
    }
        .essentialoil_wrapper .block .content {
        transform: translateY(75%);
    }
    .request_form {
        display: block;
        width: 100%;
    }
    .product_container {
    margin-top: 18%;
}
    .vision_wrapper .block {
        width: 100%;
    }
    .abouttop_wrapper .image .image_description {    
    width: 63%;
}
.timeline_wrapper .block::before {
        background: #5c8346;
        width: 20px;
    }
    .person_name {
        font-family: 'helveticacompressed';
        font-size: clamp(16px, 5vw, 25px);
    }
        .timeline_tittle {
        font-size: clamp(15px, 2vw, 18px);
    }
    .timelinecenter_tittle {
        font-size: clamp(15px, 3vw, 30px);
        line-height: 1;
    }
    .timeline_wrapper .block ul li {
        font-size: clamp(12px, 2vw, 15px);
        line-height: 17px;
    }
        .timeline_wrapper .block.block_middle {
        width: 12%;
    }
        .timeline_wrapper .block {
        width: 44%;
    }
        .timeline_bottom .block {
        width: 56.18%;
    }
        .timelinecenter_tittle {
        font-size: clamp(15px, 3vw, 30px);
        line-height: 1;
        word-break: break-all;
    }.products_why .careerblock_wrapper .block {
    width: 100%;
}
  }
@media only screen and (max-width: 560px) {
  .homeabouttop_wrapper .content_wrapper .inner_wrapper {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        border-radius: 58px 58px 30px 30px;
    }
      .homeabouttop_wrapper .content_wrapper .inner_wrapper .image_wrapper {
        width: 100%;
        display: block;
    }
      .homeabouttop_wrapper .content_wrapper .inner_wrapper .text_wrapper {
        width: 100%;
        padding: 30px 25px;
        text-align: center;
    }
    img.about_desktop{
      display: none;
    }
    img.about_mob{
      display: block;
    }
  #homeproduct_slider{
    display: none;
  }  
  .homecategory_container .container{
    width:100%;
  }
  .categorybottom_wrapper .block:nth-child(even):hover .image {
  transform: translateY(-15%);
}
.categorybottom_wrapper .block:nth-child(odd) .image {
  transform: translateY(-15%);
}
/* EVEN slides → reveal from BOTTOM (move image DOWN slightly) */
.categorybottom_wrapper .block:nth-child(odd):hover .image {
  transform: translateY(0);
}
.categorybottom_wrapper .block .block_inner .content_wrapper .category_tittle {
    color: #fff;
    background-clip: text;
    animation: beverage_pan 5s linear 0s infinite forwards;
    font-family: 'helveticacompressed';
    font-size: clamp(100px, 9vw, 130px);   
    text-transform: uppercase;
    line-height: 1;
    padding: 0 0px;
    position: relative;
}
.categorybottom_wrapper .block:nth-child(even) .block_inner .content_wrapper .category_tittle{
    color: #fff;
    background-clip: text;    
    animation: flavor_pan 4s linear 0s infinite backwards;
    font-family: 'helveticacompressed';
    font-size: clamp(100px, 9vw, 130px);   
    text-transform: uppercase;
    line-height: 1;
    padding: 0 0px;
    position: relative;
    top:40%;  
}
.categorybottom_wrapper .block.slide3 .block_inner .content_wrapper .category_tittle{
  animation: beverage_pan 3s linear 0s infinite forwards;
}
.homeproduct_wrapper .left {
        width: 88%;
        display: block;
        margin: 0 auto;
    }
       .homeblog_wrapper .itemblock {
        width: 100%;
        padding: 10px 0;
    }
    .homeblog_wrapper .itemblock:nth-child(2) {
        display: none;
    }
    .blog_wrapper .itemblock:nth-child(2) {
        display: inline-block;
    }
        .footer .footer-content p {
        max-width: 100%;
        margin: 0 auto;
    }
    .categorybottom_wrapper .block {
    
    padding: 0px 0px;
}
.essentialoil_container {   
    margin: 50px 0 0;
}
.product_container {
    margin-top: 22%;
}
.essentialoil_wrapper .es_block {
        width: 100%;
}
.essentialoil_wrapper .block .content {
        transform: translateY(85%);
    }
    p.half {
    grid-column: 1 / 3;
}
.homeblog_wrapper .itemblock .block .content .readmore {
   
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
}
.career_block {
  flex-wrap: wrap;

}
.career_block .career_section:first-child {
    width: 100%;
}
.career_block .btn {
    margin: 10px 0 0;
}
p.half {
    grid-column: 1 / 3;
}
.contact_info {    
    padding: 30px 15px;   
}
/*.timeline_wrapper .block .block_wrapper .blockwrapper_left {
        width: 72%;
}
.timeline_wrapper .block .block_wrapper .blockwrapper_right {
        width: 18%;
    }
        .timeline_bottom .block .right {
        width: 71%;
    }*/
    .team_wrapper .block_item .block .content h6 {   
    font-size: clamp(14px, 4vw, 17px);   
    padding: 2px 0 0;
}
.about_logo {
    width: 60%;
    margin: 0 auto;
}
/*.timeline_wrapper .block::before {
        background: #5c8346;
        width: 54px;
    }
    .timeline_wrapper .block .block_wrapper .blockwrapper_left {
        width: 70%;
    }
    .timeline_wrapper .block:last-child .block_wrapper .image_wrapper {
    position: relative;
    top: -29px;
    left: 0;
    }
       .topinner_content .img-block {
    width: 80%;
    margin: 12px auto;
}*/
.timeline_wrapper .block {
        width: 49.5%;
    }
        .timeline_bottom .block {
        width: 56.18%;
    }
    .timeline_wrapper .block.block_middle {
        width: 12%;
        display: none;
    }
    .timeline_wrapper .block .block_wrapper .image_wrapper{
      display: none;
    }
    .timeline_wrapper .block.block_middle.block_middle_mob {
        width: 100%;
        display: block;
      border-top: 20px solid #5c8346;
    }
.timelinecenter_tittle {      
        padding: 12px 0 0;
    }
.logo_content {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}  
p.logo_content {
    width: 100%;
    margin: 0 auto;
    text-align: center;
} 
    .abouttop_wrapper .image .image_description {
        width: 90%;
        padding: 15px;
    }
}
@media only screen and (max-width: 480px) {
    .timeline_wrapper .block::before {
        background: #5c8346;
        width: 4px;
    }
    .timeline_wrapper .block .block_wrapper .blockwrapper_right {
        width: 100%;
        background: #5c8346;
        position: relative;
        left: 0;     
        margin: 10px 0;
    }
.timeline_tittle {
        font-size: clamp(13px, 2vw, 18px);
        line-height: 1;
    }
.timeline_wrapper .block .block_wrapper {
   
    flex-direction: column-reverse;
}
.year_number {
        font-size: clamp(18px, 3vw, 28px);
        writing-mode: horizontal-tb;
    }
        .timeline_wrapper .block .block_wrapper .blockwrapper_left {
        width: 92%;
  }
  .timeline_wrapper .block:nth-child(3) .block_wrapper {
    flex-direction: column-reverse;
}
.timeline_wrapper .block:nth-child(3) .block_wrapper .blockwrapper_left {
    padding-left: 6px;
}
 .timeline_bottom .block:last-child {
    flex-direction: row;
    margin: 0 auto 0 0;
}
    .timeline_bottom .block {
        width: 100%;
        border-left:10px solid #5c8346;
    }
    .timeline_bottom .block:last-child .right {
    direction: ltr;
}
.timeline_bottom .block .left {
        width: 100%;
        padding: 2px 10px;
    }
    .timeline_bottom .block .right {
    width: 100%;
    display: inline-block;
}
.timeline_wrapper .timeline_bottom .block ul {
    padding: 0 0px 0 22px;
}
.timeline_bottom .block:last-child .left {
    border-radius: 0;
}
}
@media only screen and (max-width: 450px) {
       .homeprocess_wrapper .circle_process {
        width: 100%;
        max-width: 100%;
        height: 389px;
        margin: 0;
        background: transparent;
        border-top: 20px solid #537741;
        border-left: 20px solid #537741;
        border-right: 20px solid #537741;
        border-bottom: none;
        border-radius: 900px 900px 0 0;
        box-sizing: border-box;
        position: absolute;
        left: -29px;
        top: 13%;
        transform: rotate(90deg);
        align-items: center;
    }
    
        .banner_content p {
        font-size: clamp(15px, 5vw, 20px);
        line-height: 22px;
    }
    .banner_content {
        top: 15%;
        width: 90%;
    }
    .mobile-logo {
     height: auto; 
}
.product_container {
        margin-top: 30%;
    }
.logo_mobile {
        width: 115px;
    }
  .mobile-header {
   
    height: 52px;
  }
      .banner_content {
        top: 12%;
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        height: -webkit-fill-available;
        left: 50%;
        transform: translateX(-50%);
    }
    .banner_content h2 {
        font-size: clamp(22px, 6vw, 48px);
    }
        .banner_content a {
        font-size: clamp(24px, 5vw, 50px);
        padding: 3px 0px;
        display: block;
    }
    .banner .icon_wrapper{
    
    display: none;
}
.banner_content .link_wrapper {
        font-size: 0;
        flex-direction: column;
        justify-content: flex-end;
        font-size: 0;
        padding-bottom: 30px;
    }
.categorytop_wrapper {        
        width: 94%;
    }
    .product_tittle {
        display: inline-flex;
        align-items: center;
        font-size: clamp(20px, 9vw, 46px);
    }
    .product_tittle::after {
        right: -13%;
        top: calc(50% - 6px);
        width: 8px;
        height: 8px;
    }
    .tab-content p {
    font-size: 14px;
    line-height: 19px;
}
    .tab-content {
        width: 90%;
    }
   .tab-header {
        width: 70px;
        height: 70px;
    }
    .tab-content .inner_icon {
    width: 20%;
    }
    .tab-header:nth-child(1) {
    top: auto;
    bottom: 18%;
    left: -10%;
    position: absolute;
}
.tab-header:nth-child(2) {
    top: -3%;
    left: 15%;
    position: absolute;
}
.tab-header:nth-child(3) {
    top: -5%;
        right: 16%;
    position: absolute;
}
.tab-header:nth-child(4) {
    top: auto;
    left: auto;
    bottom: 20%;
    right: -10%;
}
    .tab-header.active::before, .tab-header:hover::before {
    content: "";
    position: absolute;
    width: 103%;
    height: 103%;
    border-radius: 50%;
    top: -11%;
    left: -11%;
    border: 5px solid #fff;
    transition: all 0.5s ease;
}
        .homeprocess_wrapper {
        height: 610px;
    }
        .homefacility_wrapper .content .content_bottom .contentbottom_wrapper .block .block_inner .icon {
        width: 60px;
        height: 60px;
        padding: 14px;
    }
    .tab-contents {
    display: flex;
    justify-content: center;
}
    .facility_name {   
    font-size: clamp(13px, 4vw, 18px);
    }
    p {
    font-family: 'aileronregular';
    font-size: clamp(15px, 5vw, 17px);
    color: #282828;
    line-height: 23px;
    padding-top: 10px;
}
.careerblock_wrapper .block .block_inner .content .facility_name {
      font-size: clamp(16px, 5vw, 18px);
}
.mob_product{
      display: block;
    }
     .inner_banner .banner_content p {
        font-size: clamp(14px, 3vw, 17px);
        line-height: 1.3;
    }
    .inner_banner {
        margin-top: 50px;
    }
    .essentialoil_wrapper .block .content {
        transform: translateY(81%);
    }
.banner_content .banner_text {
    font-family: 'aileronblack';
    font-size: clamp(22px, 6vw, 50px);
}
.inner_banner .banner_content {
        position: absolute;
        left: 6%;
        top: 40%;
    }
      .inner_banner .banner_content p {
      
        display: none;
    }
  .request_form form select.input-text {
   
    background-size: 3%;
}
.careerblock_wrapper .block .block_inner {
  
    flex-wrap: wrap;
    justify-content: center;
}
    .careerblock_wrapper .block .block_inner .icon {
        width: 34%;
        display: block;
        margin: 0 auto 5px;
    }
    .careerblock_wrapper .block .block_inner .content {
    padding-left: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
}
    .key_wrapper .time_wrapper {
        font-size: clamp(13px, 4vw, 17px);
    }
    #target, #target1 , #target2 , #target3{
      padding: 0;
    }
.team_wrapper .block_item:hover .block .content p {
    
    font-size: clamp(13px, 3vw, 17px);
    line-height: 20px;
}
.homeabouttop_wrapper .counterarea_wrapper {
        width: 100%;
        padding: 12px;
        min-height: 249px;
    }
    .rating_container {
    width: 100%;
    margin: 0;
    display: flex;
     flex-wrap:nowrap;
    }
    .abouttop_wrapper .image .image_description {
        width: 98%;
        padding: 7px;
    }
  .applicationtop_wrapper .image .image_description p {
   
    font-size: 12px;
    line-height: 15px;
}
    }
@media only screen and (max-width: 380px) {
  .essentialoil_wrapper .block .content {
        transform: translateY(75%);
    }
    .tab-content {
        width: 92%;
    }
        .tab-header {
        width: 58px;
        height: 58px;
    }
    .homeprocess_wrapper .circle_process {
        width: 100%;
        max-width: 100%;
        height: 319px;
        margin: 0;
        background: transparent;
        border-top: 10px solid #537741;
        border-left: 10px solid #537741;
        border-right: 10px solid #537741;
        border-bottom: none;
        border-radius: 900px 900px 0 0;
        box-sizing: border-box;
        position: absolute;
        left: -29px;
        top: 13%;
        transform: rotate(90deg);
        align-items: center;
    }
        .tab-content .inner_icon {
        width: 15%;
        margin-bottom: 0px;
    }
.tab-content .main_tittle {
    width: 100%;
    font-size: clamp(16px, 5vw, 30px);
}
.tab-content p {
        font-size: 13px;
        line-height: 17px;
    }
        .essentialoil_wrapper .block .content p {       
        padding-top: 5px;
        font-size: clamp(12px, 2vw, 15px);
        line-height: 1.1;
    }

}