@font-face {
  font-family: "RB";
  src: url("../fonts/rb-regular.woff2") format("woff2"), url("../fonts/rb-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RB";
  src: url("../fonts/rb-light.woff2") format("woff2"), url("../fonts/rb-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RB";
  src: url("../fonts/rb-bold.woff2") format("woff2"), url("../fonts/rb-bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BankGothic";
  src: url("../fonts/bankGothicBold.woff2") format("woff2"), url("../fonts/bankGothicBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.header-main {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 100;
  padding-top: 25px;
  padding-bottom: 25px;
}
.header-main .logo_desktop {
  width: 221px;
}
@media (max-width: 1024px) {
  .header-main .logo_desktop {
    width: 150px;
    position: relative;
    z-index: 100;
  }
}
.header-main .btn_style {
  border-radius: 100px;
  background: #fff;
  color: #000;
}

.header_main_wrapper {
  display: flex;
  flex-wrap: wrapl;
  justify-content: space-between;
  position: relative;
}

.desk_nav_right {
  width: calc(100% - 221px);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 1300px) {
  .desk_nav_right {
    width: calc(79% - 40px);
  }
}

.nav-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

.menu_right_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}

.menu_right_block_mobile {
  display: none;
}

.mobile_header_actions {
  display: none;
}

.list-unstyled {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0;
  margin-top: 0;
}

.button_link, .list-unstyled li a {
  font-family: "RB";
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.list-unstyled li {
  padding: 0 15px;
}
@media (max-width: 1300px) {
  .list-unstyled li {
    padding: 0 8px;
  }
}
@media (max-width: 1065px) {
  .list-unstyled li {
    padding: 0 5px;
  }
}

.navbar {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 87%;
}
@media (max-width: 1190px) {
  .navbar {
    width: 100%;
  }
}

/* Mobile menu */
.menu_toggle {
  display: none;
  position: relative;
  z-index: 100;
  background: #8dc540;
  padding: 10px;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
}

.menu_icon {
  width: 22px;
  height: 19px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.menu_icon span {
  display: block;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.mobile_menu_overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background: linear-gradient(83.71deg, rgb(13, 106, 55) 25%, rgb(169, 209, 89) 100%);
  z-index: 99;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  padding: 100px 15px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.mobile_menu_overlay.mobile_menu_open {
  transform: translateX(0);
}

.mobile_menu_list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.mobile_menu_item {
  position: relative;
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
.mobile_menu_item a {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  padding: 8px 0;
  flex: 1;
}
.mobile_menu_item.mobile_menu_item_has_submenu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.mobile_menu_item.mobile_menu_item_has_submenu a {
  display: flex;
  gap: 15px;
  flex: 1;
}

.mobile_menu_submenu_toggle {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
}
.mobile_menu_submenu_toggle img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}
.mobile_menu_submenu_toggle.mobile_submenu_toggle_active {
  transform: rotate(180deg);
}

.mobile_menu_submenu {
  display: none;
  overflow: hidden;
  width: 100%;
}
.mobile_menu_submenu.mobile_submenu_open {
  display: block;
}

.mobile_submenu_content {
  transition: height 0.3s ease;
  overflow: hidden;
}

.mobile_submenu_list {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 15px;
}
.mobile_submenu_list li {
  padding: 0;
}
.mobile_submenu_list li a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  padding: 0px;
  transition: color 0.3s ease, padding-left 0.3s ease;
}
.mobile_submenu_list li a:hover {
  color: #fff;
  padding-left: 25px;
}

.mobile_menu_item_has_submenu.mobile_submenu_item_active > a {
  color: #8dc540;
}

.menu_icon.menu_open span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.menu_icon.menu_open span:nth-child(2) {
  opacity: 0;
}

.menu_icon.menu_open span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

@media (max-width: 1024px) {
  .desk_nav_right {
    display: none;
  }
  .header_main_wrapper {
    align-items: center;
  }
  .mobile_header_actions {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .menu_toggle {
    display: flex;
  }
  .menu_right_block_mobile {
    display: flex;
    gap: 15px;
  }
  .menu_right_block_mobile .btn_style {
    display: none;
  }
}
.header-no-banner {
  position: relative !important;
  background: rgba(0, 0, 0, 0.6);
}

.header-media-center-detail,
.media-center-detail-page {
  position: relative !important;
  background: rgba(0, 0, 0, 0.6);
}

.header-inner-page.header-no-banner {
  position: relative !important;
  background: rgba(0, 0, 0, 0.6);
}

.header-front-page {
  position: absolute !important;
  background: transparent !important;
}

.sub_menu_block {
  border-radius: 20px;
  width: 100%;
  position: absolute;
  top: calc(100% + 25px);
  left: 0;
  z-index: 100;
  border-bottom: solid 4px #8dc540;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  background: linear-gradient(83.71deg, rgb(13, 106, 55) 25%, rgb(169, 209, 89) 100%);
}
.sub_menu_block.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.sub_menu_block .sub_menu_block_inner {
  align-items: center;
  padding: 5% 9%;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  background: url("../images/megamenu-bg.svg") no-repeat 90% center;
  background-size: contain;
}
.sub_menu_block .sub_menu_block_inner .sub_menu_block_left_block {
  width: 35%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 4%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.sub_menu_block .sub_menu_block_inner .sub_menu_block_left_block h3 {
  color: #fff;
  font-size: 34px;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.sub_menu_block .sub_menu_block_inner .sub_menu_block_left_block p {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  margin: 0;
  line-height: 145%;
}
.sub_menu_block .sub_menu_block_inner .sub_menu_block_right_block {
  width: 65%;
  padding-left: 4%;
  padding-right: 4%;
}
.sub_menu_block .sub_menu_block_inner .sub_menu_block_right_block .list-submenu {
  margin: 0;
  padding: 0;
}
.sub_menu_block .sub_menu_block_inner .sub_menu_block_right_block .list-submenu li {
  padding: 0 0px 15px 0px;
}
.sub_menu_block .sub_menu_block_inner .sub_menu_block_right_block .list-submenu li a {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 18px;
}
.sub_menu_block .sub_menu_block_inner .colom-2 {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.black-header .list-unstyled li .nav-link {
  color: #000;
}
.black-header .list-unstyled li .nav-link > img {
  filter: invert(1);
}
.black-header .menu_right_block a {
  color: #000;
}
.black-header .user-login-trigger img {
  filter: invert(1);
}

.mobile_menu_submenu {
  display: none;
}

.mobile_submenu_open {
  display: block;
}

.header_activated .menu_toggle {
  background: #000;
}

p {
  font-weight: 400;
}

.z_10 {
  position: relative;
  z-index: 10;
}

@media (max-width: 1300px) {
  html {
    font-size: 80%;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 70%;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 55%;
  }
}
@media (max-width: 700px) {
  html {
    font-size: 40%;
  }
}

.btn_style {
  gap: 10px;
  cursor: pointer;
  border-radius: 100px;
  background: #fff;
  color: #000;
  border: solid 1px #ffffff;
  height: 51px;
  padding: 0 30px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.btn_style:hover {
  background: #A8D05A;
  color: #fff;
}
.btn_style:hover img {
  filter: invert(1);
}
.btn_style:hover .buttion_blue_icn img {
  filter: invert(0.8);
}
.btn_style.buttion_white {
  background: #fff;
  border: solid 1px #ffffff;
  color: #fff;
  color: #000;
}
.btn_style.buttion_white:hover {
  background: #293977;
  color: #fff;
}
.btn_style.buttion_blue {
  background: #293977;
  border: none;
  color: #fff;
}
.btn_style.buttion_blue:hover {
  background: #e4e9ff;
  color: #000;
}
.btn_style.buttion_blue:hover .buttion_blue_icn img {
  filter: invert(0.8);
}
.btn_style.buttion_blue .buttion_blue_icn {
  display: inline-block;
  padding-right: 20px;
}
.btn_style.btn_green {
  background: #A9D159;
  border: none;
}
.btn_style.btn_green:hover {
  background: #8eb346;
  color: #fff !important;
}
.btn_style.btn_green:hover img {
  filter: invert(1);
}
.btn_style.buttion_line {
  border: solid 1px #293977;
}
@media (max-width: 1300px) {
  .btn_style {
    padding: 0 20px;
    height: 40px !important;
  }
}
@media (max-width: 700px) {
  .btn_style {
    height: 40px !important;
    padding: 0 20px;
    font-size: 14px !important;
  }
}
.btn_style.but_black {
  background: #000;
  color: #fff;
}
.btn_style.but_black img {
  filter: invert(1);
}
.btn_style.but_black:hover {
  background: #A8D05A;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .btn_style {
    height: 42px;
  }
}

.h3_title {
  font-weight: 500;
  color: #000;
  margin: 0;
  font-size: 4.375rem;
  line-height: 100%;
}

.innovation_content {
  margin-bottom: 30px;
}

.bg_black {
  background: #000;
}

.h3_title_55 {
  font-weight: 500;
  color: #fff;
  margin: 0;
  font-size: 3.4375rem;
  line-height: 100%;
}
@media screen and (max-width: 700px) {
  .h3_title_55 {
    font-size: 4.0625rem;
  }
}
@media screen and (max-width: 700px) {
  .h3_title_55 br {
    display: none;
  }
}

.h4_title_35 {
  font-size: 2.1875rem;
  line-height: 100%;
  font-weight: 700;
  color: #136B37;
  line-height: 120%;
  margin: 0;
}
.h4_title_35 span {
  color: #000;
  font-weight: 400;
}
@media screen and (max-width: 700px) {
  .h4_title_35 {
    font-size: 5.9375rem;
  }
}

.h4_title_30 {
  font-size: 1.875rem;
  line-height: 100%;
  font-weight: 700;
  color: #136B37;
  line-height: 120%;
  margin: 0;
}
.h4_title_30 span {
  color: #000;
  font-weight: 400;
}
@media screen and (max-width: 700px) {
  .h4_title_30 {
    font-size: 3.75rem;
  }
}

.h3_title_40 {
  font-weight: 400;
  color: #fff;
  margin: 0;
  font-size: 2.5rem;
  line-height: 100%;
}
@media screen and (max-width: 700px) {
  .h3_title_40 {
    font-size: 3.4375rem;
  }
}

.bg_shadow {
  position: relative;
}
.bg_shadow::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(25, 66, 152, 0) 74.2788910866%, rgb(26, 67, 154) 100%), linear-gradient(to left, #000000, #000000);
}
.bg_shadow .banner_txt_block_01 {
  position: relative;
  z-index: 10;
}

.text_black {
  color: #000;
}

.h_100vh {
  height: 100vh;
}

.image-block img {
  width: 100%;
  height: auto;
}

.bg-gray {
  background: #F6F6F6;
}

.green_text {
  color: #0D6A37 !important;
}

.h3_title_50 {
  font-size: 3.125rem;
  line-height: 100%;
  font-weight: 700;
  color: #136B37;
  line-height: 120%;
  margin: 0;
}
.h3_title_50 span {
  color: #000;
  font-weight: 400;
}
@media screen and (max-width: 700px) {
  .h3_title_50 {
    font-size: 6.25rem;
  }
}

.title_block {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
.title_block p {
  margin: 0;
}
.title_block .title_block_left p {
  color: #000;
}
@media screen and (max-width: 700px) {
  .title_block .title_block_right {
    width: 100%;
    margin-top: 20px;
  }
}

.white_txt {
  color: #fff !important;
}
.white_txt span {
  color: #fff !important;
}

.flex_align_end {
  align-items: flex-end;
}

.pb_0 {
  padding-bottom: 0 !important;
}

.d_flex {
  display: flex;
  flex-wrap: wrap;
}

.align_center {
  align-items: center;
}

p {
  color: #444444;
  font-weight: 300;
}

.justify_center {
  justify-content: center;
}

.justify_space_between {
  justify-content: space-between;
}

.row_reverse {
  flex-direction: row-reverse;
}
.row_reverse .wrap {
  flex-direction: row-reverse;
}

.bg-style {
  background: #F5F9EE url(../images/about-bg.png) no-repeat center center;
  background-size: contain;
}

.bg_02 {
  background: #F5F9EE url(../images/vision-miossion-bg.svg) no-repeat center center;
  background-size: contain;
}

.bg_collor_green {
  background: #F5F9EE !important;
}

.bg_color_01 {
  background: #F5F9EE !important;
}

.bg_gradient {
  background: linear-gradient(90deg, #599143 0%, #136b36 100%);
  position: relative;
}
.bg_gradient h3 {
  color: #fff !important;
}
.bg_gradient h4 {
  color: #fff !important;
}
.bg_gradient h5 {
  color: #fff !important;
}
.bg_gradient p {
  color: #fff !important;
}
.bg_gradient span {
  color: #fff !important;
}
.bg_gradient a {
  color: #fff !important;
}
.bg_gradient li {
  color: #fff !important;
}
.bg_gradient ul {
  color: #fff !important;
}
.bg_gradient ol {
  color: #fff !important;
}
.bg_gradient table {
  color: #fff !important;
}
.bg_gradient td {
  color: #fff !important;
}
.bg_gradient th {
  color: #fff !important;
}

.align_end {
  align-items: flex-end;
}

.font-light {
  font-weight: 300 !important;
  display: block !important;
}

.bg_img_02 {
  background: url(../images/bg-img-03.svg) no-repeat center left;
  background-size: contain;
}

.no_banner_section {
  margin-top: 100px;
}

.flex-align-right {
  justify-content: flex-end;
  display: flex;
  flex-wrap: wrap;
}

.or_span {
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

@media screen and (max-width: 700px) {
  .mobile_hide {
    display: none !important;
  }
}

.mobile_show {
  display: none !important;
}
@media screen and (max-width: 700px) {
  .mobile_show {
    display: flex !important;
  }
}

.mobile_show_block {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}

* {
  box-sizing: border-box;
}

html,
body {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-optical-sizing: auto;
  font-style: normal;
  font-family: "RB";
  font-weight: 500;
  /* overflow-x: hidden; */
  scrollbar-width: none;
}

p {
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  p {
    font-size: 14px;
  }
}

.text-black {
  color: #2c2c2c !important;
}

a {
  text-decoration: none;
}

ul li {
  list-style: none;
}

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

.trans,
.button,
a,
.buttion {
  transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -webkit-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
}

.main, #newsletter-email {
  font-family: "Readex Pro", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.wrap {
  margin-left: auto;
  margin-right: auto;
  padding-left: 3%;
  padding-right: 3%;
  width: 100%;
  max-width: calc(1400px + 6%);
}
.wrap.max_1400 {
  max-width: 1400px;
}
.wrap.max_1200 {
  max-width: 1200px;
}
@media (max-width: 1500px) {
  .wrap {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media (max-width: 768px) {
  .wrap {
    padding-left: 4%;
    padding-right: 4%;
  }
}

.buttion {
  outline: none;
  border: 0;
  background: #67aec3;
  padding: 15px 22px 15px 22px;
  border-radius: 28px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
}
.buttion:hover {
  background: #559bb1;
}
.buttion.but_line {
  background: transparent;
  border: solid 1px #fff;
}
.buttion.but_line:hover {
  background: #559bb1;
}
.buttion.but_line.black {
  border-color: #0F2238;
  color: #0F2238;
}
.buttion.but_line.black:hover {
  border-color: #559bb1;
  color: #fff;
}
.buttion.white {
  background: white;
  color: #0d2338;
  font-weight: 600;
  text-transform: uppercase;
}
.buttion.white:hover {
  background: #dcedf2;
}
.buttion.black_bg {
  background: #0E223A;
  color: #ffffff;
  font-weight: 600;
}
.buttion.black_bg:hover {
  background: #000000;
}
@media (max-width: 820px) {
  .buttion {
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .buttion {
    padding: 11px 15px 11px 15px;
  }
}

.h_auto {
  height: auto !important;
}

.w_auto {
  width: auto !important;
}

.w_50 {
  width: 50%;
}

.w_100 {
  width: 100% !important;
}

.h_100 {
  height: 100%;
}

.h_100vh {
  height: 100vh;
}

.text_center {
  text-align: center;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.text_d_none {
  text-decoration: none;
}

.list_none {
  list-style: none;
}

.p_relative {
  position: relative;
}

.p_absolute {
  position: absolute;
}

.pos_t_0 {
  top: 0;
}

.pos_b_0 {
  bottom: 0;
}

.pos_l_0 {
  left: 0;
}

.pos_r_0 {
  right: 0;
}

.img_mx_fluid {
  width: 100%;
  height: auto;
  display: block;
}

.img_fit {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.d_none {
  display: none;
}

.d_flex {
  display: flex;
}

.d_flex_wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex_end {
  align-items: flex-end;
}

.flex_start {
  align-items: flex-start;
}

.flex_col {
  display: flex;
  flex-direction: column;
}

.justify_center {
  justify-content: center;
}

.justify_space_bet {
  justify-content: space-between;
}

.btn_green_02 {
  background: #0d6a37;
  color: #fff;
}
.btn_green_02:hover {
  background: #09582d;
  color: #fff;
}

.overflow_hide {
  overflow: hidden;
}

.overflow_x_hide {
  overflow-x: hidden;
}

.overflow_y_hide {
  overflow-y: hidden;
}

.radius_5 {
  border-radius: 5px;
  overflow: hidden;
}

.radius_10 {
  border-radius: 10px;
  overflow: hidden;
}

.radius_20 {
  border-radius: 20px;
  overflow: hidden;
}

.radius_30 {
  border-radius: 30px;
  overflow: hidden;
}

.w_90 {
  width: 90% !important;
}
@media only screen and (max-width: 600px) {
  .w_90 {
    width: 100%;
  }
}

.w_80 {
  width: 80% !important;
}
@media only screen and (max-width: 600px) {
  .w_80 {
    width: 100%;
  }
}

.w_70 {
  width: 70% !important;
}
@media only screen and (max-width: 600px) {
  .w_70 {
    width: 100%;
  }
}

.w_60 {
  width: 60% !important;
}
@media only screen and (max-width: 600px) {
  .w_60 {
    width: 100%;
  }
}

.w_40 {
  width: 40% !important;
}
@media only screen and (max-width: 600px) {
  .w_40 {
    width: 100%;
  }
}

.pl_0 {
  padding-left: 0 !important;
}

.pt_0 {
  padding-top: 0 !important;
}

.pb_0 {
  padding-bottom: 0 !important;
}

.pt_5 {
  padding-top: 5px;
}
@media only screen and (max-width: 600px) {
  .pt_5 {
    padding-top: 0px;
  }
}

.pb_5 {
  padding-bottom: 5px;
}
@media only screen and (max-width: 600px) {
  .pb_5 {
    padding-bottom: 0px;
  }
}

.pt_10 {
  padding-top: 10px;
}
@media only screen and (max-width: 600px) {
  .pt_10 {
    padding-top: 5px;
  }
}

.pb_10 {
  padding-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  .pb_10 {
    padding-bottom: 5px;
  }
}

.pt_15 {
  padding-top: 15px;
}
@media only screen and (max-width: 600px) {
  .pt_15 {
    padding-top: 10px;
  }
}

.pb_15 {
  padding-bottom: 15px;
}
@media only screen and (max-width: 600px) {
  .pb_15 {
    padding-bottom: 10px;
  }
}

.pt_20 {
  padding-top: 20px;
}
@media only screen and (max-width: 600px) {
  .pt_20 {
    padding-top: 10px;
  }
}

.pb_20 {
  padding-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .pb_20 {
    padding-bottom: 10px;
  }
}

.pt_25 {
  padding-top: 25px;
}
@media only screen and (max-width: 600px) {
  .pt_25 {
    padding-top: 15px;
  }
}

.pb_25 {
  padding-bottom: 25px;
}
@media only screen and (max-width: 600px) {
  .pb_25 {
    padding-bottom: 15px;
  }
}

.pt_30 {
  padding-top: 30px;
}
@media only screen and (max-width: 1024px) {
  .pt_30 {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_30 {
    padding-top: 10px;
  }
}

.pb_30 {
  padding-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  .pb_30 {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_30 {
    padding-bottom: 10px;
  }
}

.pt_35 {
  padding-top: 35px;
}
@media only screen and (max-width: 1440px) {
  .pt_35 {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .pt_35 {
    padding-top: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_35 {
    padding-top: 17px;
  }
}

.pb_35 {
  padding-bottom: 35px;
}
@media only screen and (max-width: 1440px) {
  .pb_35 {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .pb_35 {
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_35 {
    padding-bottom: 17px;
  }
}

.pt_40 {
  padding-top: 40px;
}
@media only screen and (max-width: 1024px) {
  .pt_40 {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_40 {
    padding-top: 10px;
  }
}

.pb_40 {
  padding-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .pb_40 {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_40 {
    padding-bottom: 10px;
  }
}

.pt_45 {
  padding-top: 45px;
}
@media only screen and (max-width: 600px) {
  .pt_45 {
    padding-top: 22px;
  }
}

.pb_45 {
  padding-bottom: 45px;
}
@media only screen and (max-width: 600px) {
  .pb_45 {
    padding-bottom: 22px;
  }
}

.pt_50 {
  padding-top: 50px;
}
@media only screen and (max-width: 1024px) {
  .pt_50 {
    padding-top: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_50 {
    padding-top: 25px;
  }
}

.pb_50 {
  padding-bottom: 50px;
}
@media only screen and (max-width: 1024px) {
  .pb_50 {
    padding-bottom: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_50 {
    padding-bottom: 25px;
  }
}

.pt_55 {
  padding-top: 55px;
}
@media only screen and (max-width: 1024px) {
  .pt_55 {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_55 {
    padding-top: 27px;
  }
}

.pb_55 {
  padding-bottom: 55px;
}
@media only screen and (max-width: 1024px) {
  .pb_55 {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_55 {
    padding-bottom: 27px;
  }
}

.pb_60 {
  padding-bottom: 60px;
}
@media only screen and (max-width: 1024px) {
  .pb_60 {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_60 {
    padding-bottom: 30px;
  }
}

.pt_60 {
  padding-top: 60px;
}
@media only screen and (max-width: 1024px) {
  .pt_60 {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_60 {
    padding-top: 30px;
  }
}

.pb_65 {
  padding-bottom: 65px;
}
@media only screen and (max-width: 600px) {
  .pb_65 {
    padding-bottom: 32px;
  }
}

.pt_65 {
  padding-top: 65px;
}
@media only screen and (max-width: 600px) {
  .pt_65 {
    padding-top: 32px;
  }
}

.pb_70 {
  padding-bottom: 70px;
}
@media only screen and (max-width: 1024px) {
  .pb_70 {
    padding-bottom: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_70 {
    padding-bottom: 25px;
  }
}

.pt_70 {
  padding-top: 70px;
}
@media only screen and (max-width: 1024px) {
  .pt_70 {
    padding-top: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_70 {
    padding-top: 25px;
  }
}

.pb_75 {
  padding-bottom: 75px;
}
@media only screen and (max-width: 1024px) {
  .pb_75 {
    padding-bottom: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_75 {
    padding-bottom: 25px;
  }
}

.pt_75 {
  padding-top: 75px;
}
@media only screen and (max-width: 600px) {
  .pt_75 {
    padding-top: 36px;
  }
}

.pt_80 {
  padding-top: 80px;
}
@media only screen and (max-width: 1024px) {
  .pt_80 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 1024px) {
  .pt_80 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_80 {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .pt_80 {
    padding-top: 30px;
  }
}

.pb_80 {
  padding-bottom: 80px;
}
@media only screen and (max-width: 1024px) {
  .pb_80 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_80 {
    padding-bottom: 30px;
  }
}

.pt_85 {
  padding-top: 85px;
}
@media only screen and (max-width: 600px) {
  .pt_85 {
    padding-top: 42px;
  }
}

.pb_85 {
  padding-bottom: 85px;
}
@media only screen and (max-width: 600px) {
  .pb_85 {
    padding-bottom: 42px;
  }
}

.pt_90 {
  padding-top: 90px;
}
@media only screen and (max-width: 1024px) {
  .pt_90 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_90 {
    padding-top: 46px;
  }
}

.pb_90 {
  padding-bottom: 90px;
}
@media only screen and (max-width: 1024px) {
  .pb_90 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_90 {
    padding-bottom: 46px;
  }
}

.pt_100 {
  padding-top: 100px;
}
@media only screen and (max-width: 1024px) {
  .pt_100 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .pt_100 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_100 {
    padding-top: 75px;
  }
}
@media only screen and (max-width: 480px) {
  .pt_100 {
    padding-top: 40px;
  }
}

.pb_100 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 1024px) {
  .pb_100 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 820px) {
  .pb_100 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_100 {
    padding-bottom: 75px;
  }
}
@media only screen and (max-width: 480px) {
  .pb_100 {
    padding-bottom: 40px;
  }
}

.pt_110 {
  padding-top: 110px;
}
@media only screen and (max-width: 1024px) {
  .pt_110 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 820px) {
  .pt_110 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_110 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .pt_110 {
    padding-top: 30px;
  }
}

.pb_110 {
  padding-bottom: 110px;
}
@media only screen and (max-width: 1024px) {
  .pb_110 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 1024px) {
  .pb_110 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_110 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .pb_110 {
    padding-bottom: 30px;
  }
}

.pt_115 {
  padding-top: 115px;
}
@media only screen and (max-width: 1024px) {
  .pt_115 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .pt_115 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_115 {
    padding-top: 57px;
  }
}

.pb_115 {
  padding-bottom: 115px;
}
@media only screen and (max-width: 1024px) {
  .pb_115 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .pb_115 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_115 {
    padding-bottom: 57px;
  }
}

.pb_120 {
  padding-bottom: 120px;
}
@media only screen and (max-width: 1395px) {
  .pb_120 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 1200px) {
  .pb_120 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .pb_120 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_120 {
    padding-bottom: 50px;
  }
}

.pt_120 {
  padding-top: 120px;
}
@media only screen and (max-width: 1395px) {
  .pt_120 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 1200px) {
  .pt_120 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .pt_120 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_120 {
    padding-top: 50px;
  }
}

.pt_125 {
  padding-top: 125px;
}
@media only screen and (max-width: 600px) {
  .pt_125 {
    padding-top: 62px;
  }
}

.pb_125 {
  padding-bottom: 125px;
}
@media only screen and (max-width: 600px) {
  .pb_125 {
    padding-bottom: 62px;
  }
}

.pt_130 {
  padding-top: 130px;
}
@media only screen and (max-width: 1024px) {
  .pt_130 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_130 {
    padding-top: 65px;
  }
}

.pb_130 {
  padding-bottom: 130px;
}
@media only screen and (max-width: 1024px) {
  .pb_130 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_130 {
    padding-bottom: 65px;
  }
}

.pt_135 {
  padding-top: 135px;
}
@media only screen and (max-width: 1024px) {
  .pt_135 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_135 {
    padding-top: 67px;
  }
}

.pb_135 {
  padding-bottom: 135px;
}
@media only screen and (max-width: 1024px) {
  .pb_135 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_135 {
    padding-bottom: 67px;
  }
}

.pb_140 {
  padding-bottom: 140px;
}
@media only screen and (max-width: 1024px) {
  .pb_140 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_140 {
    padding-bottom: 50px;
  }
}

.pt_140 {
  padding-top: 140px;
}
@media only screen and (max-width: 600px) {
  .pt_140 {
    padding-top: 70px;
  }
}

.pt_145 {
  padding-top: 145px;
}
@media only screen and (max-width: 1024px) {
  .pt_145 {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_145 {
    padding-top: 72px;
  }
}

.pb_145 {
  padding-bottom: 145px;
}
@media only screen and (max-width: 1024px) {
  .pb_145 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_145 {
    padding-bottom: 25px;
  }
}

.pt_150 {
  padding-top: 150px;
}
@media only screen and (max-width: 1024px) {
  .pt_150 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_150 {
    padding-top: 75px;
  }
}
@media only screen and (max-width: 480px) {
  .pt_150 {
    padding-top: 45px;
  }
}

.pb_150 {
  padding-bottom: 150px;
}
@media only screen and (max-width: 1024px) {
  .pb_150 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_150 {
    padding-bottom: 75px;
  }
}
@media only screen and (max-width: 480px) {
  .pb_150 {
    padding-bottom: 45px;
  }
}

.pt_155 {
  padding-top: 155px;
}
@media only screen and (max-width: 600px) {
  .pt_155 {
    padding-top: 77px;
  }
}

@media only screen and (max-width: 600px) {
  .pb_155 {
    padding-bottom: 77px;
  }
}

.pt_160 {
  padding-top: 160px;
}
@media only screen and (max-width: 1024px) {
  .pt_160 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_160 {
    padding-top: 80px;
  }
}

.pb_160 {
  padding-bottom: 160px;
}
@media only screen and (max-width: 820px) {
  .pb_160 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_160 {
    padding-bottom: 80px;
  }
}

.pt_165 {
  padding-top: 165px;
}
@media only screen and (max-width: 600px) {
  .pt_165 {
    padding-top: 82px;
  }
}

.pb_165 {
  padding-bottom: 165px;
}
@media only screen and (max-width: 600px) {
  .pb_165 {
    padding-bottom: 82px;
  }
}

.pt_170 {
  padding-top: 170px;
}
@media only screen and (max-width: 600px) {
  .pt_170 {
    padding-top: 85px;
  }
}

.pb_170 {
  padding-bottom: 170px;
}
@media only screen and (max-width: 600px) {
  .pb_170 {
    padding-bottom: 85px;
  }
}

.pb_175 {
  padding-bottom: 175px;
}
@media only screen and (max-width: 1024px) {
  .pb_175 {
    padding-bottom: 87px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_175 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 480px) {
  .pb_175 {
    padding-bottom: 40px;
  }
}

.pt_175 {
  padding-top: 175px;
}
@media only screen and (max-width: 600px) {
  .pt_175 {
    padding-top: 87px;
  }
}
@media only screen and (max-width: 1024px) {
  .pt_175 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 480px) {
  .pt_175 {
    padding-top: 40px;
  }
}

.pb_180 {
  padding-bottom: 180px;
}
@media only screen and (max-width: 600px) {
  .pb_180 {
    padding-bottom: 90px;
  }
}

.pt_180 {
  padding-top: 180px;
}
@media only screen and (max-width: 1024px) {
  .pt_180 {
    padding-top: 110px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_180 {
    padding-top: 51px;
  }
}

.pb_185 {
  padding-bottom: 185px;
}
@media only screen and (max-width: 1024px) {
  .pb_185 {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_185 {
    padding-bottom: 51px;
  }
}

.pt_185 {
  padding-top: 185px;
}
@media only screen and (max-width: 1024px) {
  .pt_185 {
    padding-top: 105px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_185 {
    padding-top: 92px;
  }
}

.pb_190 {
  padding-bottom: 190px;
}
@media only screen and (max-width: 1024px) {
  .pb_190 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .pb_190 {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_190 {
    padding-bottom: 95px;
  }
}

.pt_190 {
  padding-top: 190px;
}
@media only screen and (max-width: 1024px) {
  .pt_190 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .pt_190 {
    padding-top: 110px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_190 {
    padding-top: 95px;
  }
}

.pb_195 {
  padding-bottom: 195px;
}
@media only screen and (max-width: 1024px) {
  .pb_195 {
    padding-bottom: 115px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_195 {
    padding-bottom: 97px;
  }
}

.pt_195 {
  padding-top: 195px;
}
@media only screen and (max-width: 1024px) {
  .pt_195 {
    padding-top: 115px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_195 {
    padding-top: 97px;
  }
}

.pb_200 {
  padding-bottom: 200px;
}
@media only screen and (max-width: 1024px) {
  .pb_200 {
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_200 {
    padding-bottom: 100px;
  }
}

.pt_200 {
  padding-top: 200px;
}
@media only screen and (max-width: 1024px) {
  .pt_200 {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_200 {
    padding-top: 100px;
  }
}

.pt_240 {
  padding-top: 240px;
}
@media only screen and (max-width: 1024px) {
  .pt_240 {
    padding-top: 160px;
  }
}
@media only screen and (max-width: 600px) {
  .pt_240 {
    padding-top: 110px;
  }
}

.pb_240 {
  padding-bottom: 240px;
}
@media only screen and (max-width: 1024px) {
  .pb_240 {
    padding-bottom: 160px;
  }
}
@media only screen and (max-width: 600px) {
  .pb_240 {
    padding-bottom: 110px;
  }
}

.mt_0 {
  margin-top: 0 !important;
}

.mb_0 {
  margin-bottom: 0 !important;
}

.m_auto {
  margin: auto;
}

.mt_auto {
  margin-top: auto;
}

.mb_auto {
  margin-bottom: auto;
}

.ml_auto {
  margin-left: auto;
}

.mr_auto {
  margin-right: auto;
}

.mt_5 {
  margin-top: 5px;
}

.mb_5 {
  margin-bottom: 5px;
}

.mt_10 {
  margin-top: 10px;
}
@media only screen and (max-width: 600px) {
  .mt_10 {
    margin-top: 5px;
  }
}

.mb_10 {
  margin-bottom: 10px !important;
}
@media only screen and (max-width: 600px) {
  .mb_10 {
    margin-bottom: 5px;
  }
}

.mt_15 {
  margin-top: 15px;
}
@media only screen and (max-width: 600px) {
  .mt_15 {
    margin-top: 10px;
  }
}

.mb_15 {
  margin-bottom: 15px;
}
@media only screen and (max-width: 600px) {
  .mb_15 {
    margin-bottom: 10px;
  }
}

.mt_20 {
  margin-top: 20px !important;
}
@media only screen and (max-width: 600px) {
  .mt_20 {
    margin-top: 10px !important;
  }
}

.mb_20 {
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .mb_20 {
    margin-bottom: 8px;
  }
}

.mt_30 {
  margin-top: 30px;
}
@media only screen and (max-width: 600px) {
  .mt_30 {
    margin-top: 15px;
  }
}

.mb_30 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  .mb_30 {
    margin-bottom: 9px;
  }
}
@media only screen and (max-width: 600px) {
  .mb_30 {
    margin-bottom: 15px;
  }
}

.mt_35 {
  margin-top: 35px;
}
@media only screen and (max-width: 1024px) {
  .mt_35 {
    margin-top: 17px;
  }
}
@media only screen and (max-width: 1024px) {
  .mt_35 {
    margin-top: 9px;
  }
}
@media only screen and (max-width: 600px) {
  .mt_35 {
    margin-top: 17px;
  }
}

.mb_35 {
  margin-bottom: 35px;
}
@media only screen and (max-width: 600px) {
  .mb_35 {
    margin-bottom: 17px;
  }
}

.mt_40 {
  margin-top: 40px;
}
@media only screen and (max-width: 1024px) {
  .mt_40 {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .mt_40 {
    margin-top: 20px;
  }
}

.mb_40 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 600px) {
  .mb_40 {
    margin-bottom: 20px;
  }
}

.mt_45 {
  margin-top: 45px;
}
@media only screen and (max-width: 600px) {
  .mt_45 {
    margin-top: 22px;
  }
}

.mb_45 {
  margin-bottom: 45px;
}
@media only screen and (max-width: 600px) {
  .mb_45 {
    margin-bottom: 22px;
  }
}

.mt_50 {
  margin-top: 50px;
}
@media only screen and (max-width: 600px) {
  .mt_50 {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .mt_50 {
    margin-top: 20px;
  }
}

.mb_50 {
  margin-bottom: 50px;
}
@media only screen and (max-width: 1024px) {
  .mb_50 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .mb_50 {
    margin-bottom: 15px;
  }
}

.mt_55 {
  margin-top: 55px;
}
@media only screen and (max-width: 1024px) {
  .mt_55 {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .mt_55 {
    margin-top: 27px;
  }
}

.mb_55 {
  margin-bottom: 55px;
}
@media only screen and (max-width: 600px) {
  .mb_55 {
    margin-bottom: 27px;
  }
}
@media only screen and (max-width: 1024px) {
  .mb_55 {
    margin-bottom: 40px;
  }
}

.mb_60 {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1024px) {
  .mb_60 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .mb_60 {
    margin-bottom: 30px;
  }
}

.mt_60 {
  margin-top: 60px;
}
@media only screen and (max-width: 600px) {
  .mt_60 {
    margin-top: 30px;
  }
}

.mb_65 {
  margin-bottom: 65px;
}
@media only screen and (max-width: 600px) {
  .mb_65 {
    margin-bottom: 32px;
  }
}

.mt_65 {
  margin-top: 65px;
}
@media only screen and (max-width: 600px) {
  .mt_65 {
    margin-top: 32px;
  }
}

.mb_70 {
  margin-bottom: 70px;
}
@media only screen and (max-width: 600px) {
  .mb_70 {
    margin-bottom: 35px;
  }
}

.mt_70 {
  margin-top: 70px;
}
@media only screen and (max-width: 600px) {
  .mt_70 {
    margin-top: 35px;
  }
}

.mb_75 {
  margin-bottom: 75px;
}
@media only screen and (max-width: 600px) {
  .mb_75 {
    margin-bottom: 36px;
  }
}

.mt_75 {
  margin-top: 75px;
}
@media only screen and (max-width: 600px) {
  .mt_75 {
    margin-top: 36px;
  }
}

.mt_80 {
  margin-top: 80px;
}
@media only screen and (max-width: 600px) {
  .mt_80 {
    margin-top: 40px;
  }
}

.mb_80 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 600px) {
  .mb_80 {
    margin-bottom: 40px;
  }
}

.mt_85 {
  margin-top: 85px;
}
@media only screen and (max-width: 600px) {
  .mt_85 {
    margin-top: 42px;
  }
}

.mb_85 {
  margin-bottom: 85px;
}
@media only screen and (max-width: 600px) {
  .mb_85 {
    margin-bottom: 42px;
  }
}

.mb_90 {
  margin-bottom: 90px;
}
@media only screen and (max-width: 600px) {
  .mb_90 {
    margin-bottom: 35px;
  }
}

.mt_100 {
  margin-top: 100px;
}
@media only screen and (max-width: 1024px) {
  .mt_100 {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 600px) {
  .mt_100 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .mt_100 {
    margin-top: 20px;
  }
}

.mb_100 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 1024px) {
  .mb_100 {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 600px) {
  .mb_100 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .mb_100 {
    margin-bottom: 20px;
  }
}

.mt_115 {
  margin-top: 115px;
}
@media only screen and (max-width: 600px) {
  .mt_115 {
    margin-top: 57px;
  }
}

.mb_115 {
  margin-bottom: 115px;
}
@media only screen and (max-width: 600px) {
  .mb_115 {
    margin-bottom: 57px;
  }
}

.mb_120 {
  margin-bottom: 120px;
}
@media only screen and (max-width: 1200px) {
  .mb_120 {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 1024px) {
  .mb_120 {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .mb_120 {
    margin-bottom: 60px;
  }
}

.mt_120 {
  margin-top: 120px;
}
@media only screen and (max-width: 1200px) {
  .mt_120 {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 1024px) {
  .mt_120 {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .mt_120 {
    margin-top: 60px;
  }
}

.mt_125 {
  margin-top: 125px;
}
@media only screen and (max-width: 600px) {
  .mt_125 {
    margin-top: 62px;
  }
}

.mb_125 {
  margin-bottom: 125px;
}
@media only screen and (max-width: 600px) {
  .mb_125 {
    margin-bottom: 62px;
  }
}

.mt_130 {
  margin-top: 130px;
}
@media only screen and (max-width: 1024px) {
  .mt_130 {
    margin-top: 75px;
  }
}
@media only screen and (max-width: 600px) {
  .mt_130 {
    margin-top: 65px;
  }
}

.mb_130 {
  margin-bottom: 130px;
}
@media only screen and (max-width: 1024px) {
  .mb_130 {
    margin-bottom: 75px;
  }
}
@media only screen and (max-width: 600px) {
  .mb_130 {
    margin-bottom: 65px;
  }
}

.mt_135 {
  margin-top: 135px;
}
@media only screen and (max-width: 600px) {
  .mt_135 {
    margin-top: 67px;
  }
}

.mb_135 {
  margin-bottom: 135px;
}
@media only screen and (max-width: 600px) {
  .mb_135 {
    margin-bottom: 67px;
  }
}

.mt_140 {
  margin-top: 140px;
}
@media only screen and (max-width: 600px) {
  .mt_140 {
    margin-top: 70px;
  }
}

.mb_140 {
  margin-bottom: 140px;
}
@media only screen and (max-width: 600px) {
  .mb_140 {
    margin-bottom: 70px;
  }
}

.mt_145 {
  margin-top: 145px;
}
@media only screen and (max-width: 600px) {
  .mt_145 {
    margin-top: 72px;
  }
}

.mb_145 {
  margin-bottom: 145px;
}
@media only screen and (max-width: 600px) {
  .mb_145 {
    margin-bottom: 72px;
  }
}

.mt_150 {
  margin-top: 150px;
}
@media only screen and (max-width: 600px) {
  .mt_150 {
    margin-top: 75px;
  }
}

.mb_150 {
  margin-bottom: 150px;
}
@media only screen and (max-width: 1024px) {
  .mb_150 {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .mb_150 {
    margin-bottom: 45px;
  }
}

.mt_155 {
  margin-top: 155px;
}
@media only screen and (max-width: 600px) {
  .mt_155 {
    margin-top: 77px;
  }
}

@media only screen and (max-width: 600px) {
  .mb_155 {
    margin-bottom: 77px;
  }
}

.mt_160 {
  margin-top: 160px;
}
@media only screen and (max-width: 600px) {
  .mt_160 {
    margin-top: 80px;
  }
}

.mb_160 {
  margin-bottom: 160px;
}
@media only screen and (max-width: 600px) {
  .mb_160 {
    margin-bottom: 80px;
  }
}

.mt_165 {
  margin-top: 165px;
}
@media only screen and (max-width: 600px) {
  .mt_165 {
    margin-top: 82px;
  }
}

.mb_165 {
  margin-bottom: 165px;
}
@media only screen and (max-width: 600px) {
  .mb_165 {
    margin-bottom: 82px;
  }
}

.mt_170 {
  margin-top: 170px;
}
@media only screen and (max-width: 600px) {
  .mt_170 {
    margin-top: 85px;
  }
}

.mb_170 {
  margin-bottom: 170px;
}
@media only screen and (max-width: 600px) {
  .mb_170 {
    margin-bottom: 85px;
  }
}

.mb_175 {
  margin-bottom: 175px;
}
@media only screen and (max-width: 1024px) {
  .mb_175 {
    margin-bottom: 87px;
  }
}
@media only screen and (max-width: 600px) {
  .mb_175 {
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 480px) {
  .mb_175 {
    margin-bottom: 40px;
  }
}

.mt_175 {
  margin-top: 175px;
}
@media only screen and (max-width: 600px) {
  .mt_175 {
    margin-top: 87px;
  }
}
@media only screen and (max-width: 1024px) {
  .mt_175 {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 480px) {
  .mt_175 {
    margin-top: 40px;
  }
}

.mb_180 {
  margin-bottom: 180px;
}
@media only screen and (max-width: 600px) {
  .mb_180 {
    margin-bottom: 90px;
  }
}

.mt_180 {
  margin-top: 180px;
}
@media only screen and (max-width: 600px) {
  .mt_180 {
    margin-top: 90px;
  }
}

.mb_185 {
  margin-bottom: 185px;
}
@media only screen and (max-width: 600px) {
  .mb_185 {
    margin-bottom: 92px;
  }
}

.mt_185 {
  margin-top: 185px;
}
@media only screen and (max-width: 600px) {
  .mt_185 {
    margin-top: 92px;
  }
}

.mb_190 {
  margin-bottom: 185px;
}
@media only screen and (max-width: 600px) {
  .mb_190 {
    margin-bottom: 95px;
  }
}

.mt_190 {
  margin-top: 185px;
}
@media only screen and (max-width: 600px) {
  .mt_190 {
    margin-top: 95px;
  }
}

.mb_195 {
  margin-bottom: 195px;
}
@media only screen and (max-width: 600px) {
  .mb_195 {
    margin-bottom: 97px;
  }
}

.mt_195 {
  margin-top: 195px;
}
@media only screen and (max-width: 600px) {
  .mt_195 {
    margin-top: 97px;
  }
}

.mb_200 {
  margin-bottom: 200px;
}
@media only screen and (max-width: 1024px) {
  .mb_200 {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .mb_200 {
    margin-bottom: 100px;
  }
}

.mt_200 {
  margin-top: 200px;
}
@media only screen and (max-width: 600px) {
  .mt_200 {
    margin-top: 80px;
  }
}

.rtl .search_icn {
  left: unset;
  right: 0;
}

.flex_wrap {
  flex-wrap: wrap;
}

.rtl .close_btn {
  right: unset;
  left: 0;
}
.rtl .sub_menu_right_block_top_row {
  padding-left: 3%;
  padding-right: unset;
}

.rtl .sub_menu_right_block_top_row {
  padding-left: unset;
  padding-right: 7%;
}

.pt_40IM {
  padding-top: 40px !important;
}
@media only screen and (max-width: 600px) {
  .pt_40IM {
    padding-top: 10px !important;
  }
}

.projects_list_section {
  background: #F5F9EE;
}

.bg_green {
  background: #f5f9ee;
}

.bannerContainer {
  height: 100vh;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner_slide {
  height: 100vh;
  background-size: cover !important;
  background-position: center bottom !important;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.banner_slide .banner_slide_content_01 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding-bottom: 200px;
}
.banner_slide .banner_slide_content_01 h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  font-family: "RB";
  margin: 0;
  line-height: 100%;
}
.banner_slide .banner_slide_content_02 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 100px;
}
.banner_slide .banner_slide_content_02 h2 {
  font-size: 3.75rem;
  font-weight: 600;
  color: #A8D05A;
  margin: 0;
  line-height: 100%;
  font-family: "RB";
}
.banner_slide .banner_slide_content_02 h2 span {
  color: #fff;
  display: block;
  font-weight: 200;
}
@media screen and (max-width: 700px) {
  .banner_slide .banner_slide_content_02 h2 {
    font-size: 7.5rem;
  }
}
.banner_slide .banner_slide_content_02 .banner_slide_content_02_cl_01 {
  width: 81%;
}
@media screen and (max-width: 1300px) {
  .banner_slide .banner_slide_content_02 .banner_slide_content_02_cl_01 {
    width: 100%;
    margin-bottom: 25px;
  }
}
.banner_slide .banner_slide_content_02 .banner_slide_content_02_cl_02 {
  width: 19%;
}
@media screen and (max-width: 1300px) {
  .banner_slide .banner_slide_content_02 .banner_slide_content_02_cl_02 {
    width: 100%;
    margin-bottom: 25px;
  }
}
.banner_slide .banner_slide_content_02 h5 {
  color: #fff;
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  font-weight: 300;
  font-family: "RB";
  line-height: 130%;
  max-width: 60%;
}
@media screen and (max-width: 700px) {
  .banner_slide .banner_slide_content_02 h5 {
    max-width: 100%;
  }
}
.banner_slide .wrap {
  position: relative;
  z-index: 10;
}
.banner_slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a2c856+0,a2c856+0,a2c856+100&0+0,0+27,0.65+99 */
  background: linear-gradient(to bottom, rgba(162, 200, 86, 0) 0%, rgba(162, 200, 86, 0) 27%, rgba(50, 61, 26, 0.65) 99%, rgba(162, 200, 86, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  opacity: 0.5;
}

.bannerContainer .banner-pagination {
  position: absolute;
  right: 40px;
  top: 50%;
  left: unset;
  z-index: 20;
  width: 50px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bannerContainer .banner-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  opacity: 1;
  margin: 0;
}
.bannerContainer .banner-pagination .swiper-pagination-bullet-active {
  background: #A8D05A;
}
@media screen and (max-width: 768px) {
  .bannerContainer .banner-pagination {
    right: 15px;
    gap: 6px;
  }
}

.inner_banner_section {
  width: 100%;
  position: relative;
  min-height: 538px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.inner_banner_section .inner_banner_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}
.inner_banner_section .inner_banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.inner_banner_section .inner_banner_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(162, 200, 86, 0) 0%, rgba(162, 200, 86, 0) 27%, rgba(50, 61, 26, 0.65) 99%, rgba(162, 200, 86, 0.65) 100%);
  opacity: 0.7;
  z-index: 2;
}
.inner_banner_section .wrap {
  position: relative;
  z-index: 10;
  width: 100%;
}
.inner_banner_section .inner_banner_content {
  padding: 180px 0 20px;
  text-align: left;
}
.inner_banner_section .inner_banner_content .inner_banner_label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #A8D05A;
  font-size: 16px;
  font-weight: 400;
  font-family: "RB";
  margin-bottom: 20px;
}
.inner_banner_section .inner_banner_content .inner_banner_label img {
  width: auto;
  height: auto;
}
.inner_banner_section .inner_banner_content .inner_banner_title {
  color: #fff;
  font-weight: 600;
  font-family: "RB";
  line-height: 120%;
  margin: 0 0 30px 0;
  font-size: 3.125rem;
}
.inner_banner_section .inner_banner_content .inner_banner_title span {
  color: #A8D05A;
  display: block;
  font-weight: 200;
}
.inner_banner_section .inner_banner_content .inner_banner_breadcrumbs {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-family: "RB";
  color: #fff;
}
.inner_banner_section .inner_banner_content .inner_banner_breadcrumbs a {
  color: #A8D05A;
  text-decoration: none;
  transition: color 0.3s ease;
}
.inner_banner_section .inner_banner_content .inner_banner_breadcrumbs a:hover {
  color: #fff;
}
.inner_banner_section .inner_banner_content .inner_banner_breadcrumbs .breadcrumb_separator {
  color: rgba(255, 255, 255, 0.5);
}
.inner_banner_section .inner_banner_content .inner_banner_breadcrumbs .breadcrumb_current {
  color: rgba(255, 255, 255, 0.8);
}
.inner_banner_section .inner_banner_content h1 {
  font-size: 3.125rem;
}
@media screen and (max-width: 1024px) {
  .inner_banner_section {
    min-height: 350px;
  }
  .inner_banner_section .inner_banner_content {
    padding: 80px 0 50px;
  }
  .inner_banner_section .inner_banner_content .inner_banner_title {
    font-size: 2.8125rem;
  }
}
@media screen and (max-width: 768px) {
  .inner_banner_section {
    min-height: 300px;
  }
  .inner_banner_section .inner_banner_content {
    padding: 60px 0 40px;
  }
  .inner_banner_section .inner_banner_content .inner_banner_title {
    font-size: 3.4375rem;
    margin-bottom: 20px;
  }
  .inner_banner_section .inner_banner_content .inner_banner_label {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .inner_banner_section .inner_banner_content .inner_banner_breadcrumbs {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .inner_banner_section {
    min-height: 250px;
  }
  .inner_banner_section .inner_banner_content {
    padding: 50px 0 30px;
  }
  .inner_banner_section .inner_banner_content .inner_banner_title {
    font-size: 5.3125rem;
  }
}
.inner_banner_section.banner-type-02 {
  align-items: flex-end;
}
@media screen and (min-width: 1024px) {
  .inner_banner_section.banner-type-02 {
    min-height: 771px;
  }
}
@media screen and (mac-width: 700px) {
  .inner_banner_section.banner-type-02 {
    min-height: 320px;
  }
}

.about_section_01 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.about_section_01 .about_sectioncl_01 {
  width: 50%;
}
@media screen and (max-width: 700px) {
  .about_section_01 .about_sectioncl_01 {
    width: 100%;
  }
}
.about_section_01 .about_sectioncl_02 {
  width: 34%;
}
.about_section_01 .about_sectioncl_02 h5 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  line-height: 130%;
  max-width: 85%;
  margin: 0;
  margin-bottom: 15px;
  font-family: "RB";
}
.about_section_01 .about_sectioncl_02 p {
  font-size: 16px;
  color: #fff;
  line-height: 130%;
  font-weight: 300;
  font-family: "RB";
  margin: 0;
}
.about_section_01 .about_sectioncl_02 .btn_transparent {
  margin-top: 35px;
}
@media screen and (max-width: 800px) {
  .about_section_01 .about_sectioncl_02 {
    width: 48%;
  }
}
@media screen and (max-width: 700px) {
  .about_section_01 .about_sectioncl_02 {
    width: 100%;
  }
}

.about_section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(241.85deg, rgb(162, 200, 86) 0%, rgb(105, 154, 71) 34.999999404%, rgb(19, 107, 55) 69.9999988079%);
  background-size: cover;
}
.about_section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/about-bg.png") no-repeat center center;
  z-index: 1;
}
.about_section .wrap {
  position: relative;
  z-index: 2;
}

.about_sectioncl_01 h1 {
  font-size: 3.125rem;
  color: #fff;
  line-height: 120%;
}
.about_sectioncl_01 h1 span {
  font-weight: 200;
}
@media screen and (max-width: 700px) {
  .about_sectioncl_01 h1 {
    font-size: 7.1875rem;
  }
}

.lable_text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.about_4_cl_blocks {
  margin: 0 -0.5%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 50px;
}
.about_4_cl_blocks li {
  list-style: none;
  width: 25%;
  padding: 0 0.5%;
}
.about_4_cl_blocks li .about_4_cl_blocks_item_01 {
  background: #F5F9EE;
  padding: 11%;
}
.about_4_cl_blocks li .about_4_cl_blocks_item_01 .text_cl_01 {
  margin-bottom: 80px;
}
.about_4_cl_blocks li .about_4_cl_blocks_item_01 .text_cl_01 h3 {
  margin: 0;
  padding: 0;
  font-size: 2.8125rem;
  font-weight: 500;
  line-height: 100%;
  background: linear-gradient(241.85deg, rgb(162, 200, 86) 7.4487730861%, rgb(105, 154, 71) 37.0404362679%, rgb(19, 107, 55) 70.0069189072%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 700px) {
  .about_4_cl_blocks li .about_4_cl_blocks_item_01 .text_cl_01 h3 {
    font-size: 5.625rem;
  }
}
.about_4_cl_blocks li .about_4_cl_blocks_item_01 .text_cl_01 p {
  margin: 0;
  padding: 0;
  font-weight: 400;
  background: linear-gradient(241.85deg, rgb(162, 200, 86) 7.4487730861%, rgb(105, 154, 71) 37.0404362679%, rgb(19, 107, 55) 70.0069189072%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 700px) {
  .about_4_cl_blocks li .about_4_cl_blocks_item_01 .text_cl_01 p {
    font-size: 3.125rem;
  }
}
@media screen and (max-width: 800px) {
  .about_4_cl_blocks li .about_4_cl_blocks_item_01 .text_cl_01 {
    margin-bottom: 40px;
  }
}
.about_4_cl_blocks li .about_4_cl_blocks_item_02 p {
  font-size: 16px;
  color: #000;
  line-height: 130%;
  font-weight: 300;
  font-family: "RB";
  margin: 0;
}
@media screen and (max-width: 800px) {
  .about_4_cl_blocks li {
    width: 50%;
    margin-top: 10px;
  }
}
@media screen and (max-width: 700px) {
  .about_4_cl_blocks li {
    width: 100%;
    margin-top: 10px;
  }
}

.about_4_cl_blocks_swipper {
  flex-wrap: unset;
}

@media screen and (max-width: 700px) {
  .about_4_cl_swiper {
    overflow: visible;
  }
}

.services_section_01 {
  padding-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
.services_section_01 .services_section_01_item_01 {
  width: 50%;
}
@media screen and (max-width: 700px) {
  .services_section_01 .services_section_01_item_01 {
    width: 100%;
  }
}
.services_section_01 .services_section_01_item_02 {
  width: 33%;
}
.services_section_01 .services_section_01_item_02 p {
  font-size: 18px;
  margin: 0;
}
@media screen and (max-width: 700px) {
  .services_section_01 .services_section_01_item_02 p {
    font-size: 16px;
  }
}
@media screen and (max-width: 800px) {
  .services_section_01 .services_section_01_item_02 {
    width: 50%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 700px) {
  .services_section_01 .services_section_01_item_02 {
    width: 100%;
    margin-top: 10px;
  }
}

.services_section_item_01 {
  width: 100%;
  height: 100%;
  background: #F5F9EE;
  position: relative;
  overflow: hidden;
}
.services_section_item_01::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  z-index: 1;
  transition: opacity 0.3s ease;
}
.services_section_item_01 img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease, opacity 0.3s ease;
  transform: scale(1);
}
.services_section_item_01:hover img {
  transform: scale(1.1);
}

.services_section_item_01_content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 10%;
}
.services_section_item_01_content h3 {
  margin: 0;
  color: #fff;
  font-size: 2.0625rem;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 10px;
}
@media screen and (max-width: 700px) {
  .services_section_item_01_content h3 {
    font-size: 4.5625rem;
  }
}
.services_section_item_01_content h5 {
  margin: 0;
  color: #A9D159;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
}
@media screen and (max-width: 700px) {
  .services_section_item_01_content h5 {
    font-size: 3.4375rem;
  }
}
.services_section_item_01_content p {
  margin: 0;
  color: #fff;
  line-height: 100%;
  font-size: 16px;
}
.services_section_item_01_content .btn_style {
  margin-top: 45px;
}
@media screen and (max-width: 1100px) {
  .services_section_item_01_content .btn_style {
    margin-top: 20px;
  }
}
@media screen and (max-width: 800px) {
  .services_section_item_01_content {
    margin-top: 30px;
  }
}

.service_item_block {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #F5F9EE;
}

.service_item_image {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.service_item_image::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.411), rgba(0, 0, 0, 0.411));
  z-index: 1;
  transition: opacity 0.3s ease;
}
.service_item_image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease, opacity 0.3s ease;
  transform: scale(1);
}

.service_item_content {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 8%;
}
.service_item_content h3 {
  margin: 0;
  color: #fff;
  font-size: 2.0625rem;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 25px;
}
@media screen and (max-width: 8200px) {
  .service_item_content h3 {
    font-size: 3.125rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 700px) {
  .service_item_content h3 {
    font-size: 4.375rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .service_item_content h3 {
    font-size: 2.8125rem;
    margin-bottom: 5px;
  }
}
.service_item_content h5 {
  margin: 0;
  color: #A9D159;
  font-size: 20px;
  line-height: 100%;
  font-weight: 600;
  font-family: "RB";
  margin-bottom: 2px;
}
@media screen and (max-width: 700px) {
  .service_item_content h5 {
    font-size: 3.4375rem;
  }
}
@media screen and (max-width: 480px) {
  .service_item_content h5 {
    font-size: 2.8125rem;
    margin-bottom: 5px;
  }
}
.service_item_content p {
  margin: 0;
  color: #fff;
  line-height: 140%;
  font-size: 16px;
  margin-bottom: 0px;
  max-width: 70%;
}
@media screen and (max-width: 700px) {
  .service_item_content p {
    font-size: 14px;
    max-width: 100%;
  }
}
.service_item_content .btn_style {
  margin-top: 45px;
}
@media screen and (max-width: 800px) {
  .service_item_content .btn_style {
    margin-top: 30px;
  }
}
@media screen and (max-width: 700px) {
  .service_item_content .btn_style {
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .service_item_content .btn_style {
    margin-top: 10px;
  }
}
@media screen and (max-width: 800px) {
  .service_item_content {
    padding: 8%;
  }
}
@media screen and (max-width: 700px) {
  .service_item_content {
    padding: 6%;
  }
}

.service_item_block:hover .service_item_image img {
  transform: scale(1.1);
}

.services_items_section {
  width: 100%;
  position: relative;
}

.services_items_grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .services_items_grid {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .services_items_grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.services_items_grid li {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.services_items_grid .service_item_block {
  width: 100%;
}

.service_item_content_01 {
  width: calc(100% - 157px);
}
@media screen and (max-width: 700px) {
  .service_item_content_01 {
    width: 100%;
  }
}

.engineering_design_features_section {
  width: 100%;
  position: relative;
}

.engineering_design_features_list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .engineering_design_features_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
}
@media screen and (max-width: 768px) {
  .engineering_design_features_list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.engineering_design_features_list li {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 40px;
  background: #F5F9EE;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.engineering_design_features_list li:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
  .engineering_design_features_list li {
    padding: 30px;
  }
}
.engineering_design_features_list li h5 {
  margin: 0;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 600;
  color: #0D6A37;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .engineering_design_features_list li h5 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
.engineering_design_features_list li p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #5b6773;
}
@media screen and (max-width: 768px) {
  .engineering_design_features_list li p {
    font-size: 14px;
  }
}

.engineering_design_cta_section {
  width: 100%;
  position: relative;
}

.engineering_design_cta_content {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.engineering_design_cta_content h3 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .engineering_design_cta_content h3 {
    margin-bottom: 15px;
  }
}
.engineering_design_cta_content p {
  margin: 0;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .engineering_design_cta_content p {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.engineering_design_cta_content .btn_style {
  display: inline-block;
}

.services_cards_row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.services_cards_row .services_card {
  width: 20%;
  padding: 0 2px;
}
@media screen and (max-width: 700px) {
  .services_cards_row .services_card {
    width: 100%;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .mySwiper-services .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    transform: none !important;
  }
  .mySwiper-services .swiper-slide {
    width: 100% !important;
    height: auto !important;
    margin-right: 0 !important;
    opacity: 1 !important;
  }
}
@media screen and (max-width: 767px) {
  .mySwiper-services .swiper-pagination {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .mySwiper-services {
    padding-left: 4%;
    padding-right: 4%;
  }
}

.projects_grid {
  position: relative;
}
.projects_grid .projects_item {
  position: relative;
  z-index: 4;
  min-height: 944px;
  display: flex;
  flex-wrap: wrap;
}
.projects_grid .projects_item > h3 {
  margin: 0;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 10px;
  max-width: 50%;
}
.projects_grid .projects_item p {
  max-width: 42%;
}
@media screen and (max-width: 700px) {
  .projects_grid .projects_item p {
    max-width: 100%;
  }
}
@media screen and (max-width: 1300px) {
  .projects_grid .projects_item {
    min-height: 600px;
  }
}
.projects_grid .swiper-slide {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.projects_grid .swiper-slide .projects_slide_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.projects_grid .swiper-slide .projects_slide_bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.6s ease, opacity 0.3s ease;
  transform: scale(1);
}
.projects_grid .swiper-slide:hover .projects_slide_bg img {
  transform: scale(1.1);
}
.projects_grid .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #003417;
  opacity: 0.4;
  z-index: 1;
}
.projects_grid .swiper-slide h3 {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 10px;
}
@media screen and (max-width: 700px) {
  .projects_grid .swiper-slide h3 {
    font-size: 4.6875rem;
  }
}
.projects_grid .swiper-slide p {
  color: #fff;
  font-size: 16px;
  line-height: 130%;
  font-weight: 300;
  margin: 0;
}
.projects_grid .swiper-slide .projects_item_content_blck_02_list {
  margin: 0 -3%;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.projects_grid .swiper-slide .projects_item_content_blck_02_list li {
  width: 25%;
  padding-left: 3%;
  padding-right: 3%;
}
.projects_grid .swiper-slide .projects_item_content_blck_02_list li h3 {
  font-size: 2.0625rem;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 10px;
  width: 100%;
}
@media screen and (max-width: 700px) {
  .projects_grid .swiper-slide .projects_item_content_blck_02_list li h3 {
    font-size: 4.375rem;
  }
}
.projects_grid .swiper-slide .projects_item_content_blck_02_list li h5 {
  margin: 0;
  color: #fff;
  font-weight: 400;
  width: 100%;
  font-size: 16px;
}
.projects_grid .swiper-slide .projects_item_content_blck_02_list li .project_ul_row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: solid 2px #fff;
  padding-bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 700px) {
  .projects_grid .swiper-slide .projects_item_content_blck_02_list li {
    width: 50%;
    padding-left: 1%;
    padding-right: 1%;
  }
}
.projects_grid .projects_item_content_blck_01 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: auto;
}
.projects_grid .projects_item_content_blck_01 .btn_style {
  margin-top: 40px;
}
.projects_grid .projects_item_content_blck_02 {
  width: 100%;
  margin-top: auto;
}
@media screen and (max-width: 700px) {
  .projects_grid .projects_item_content_blck_02 {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .projects_grid .projects_grid_inner_navigation {
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100%;
    top: unset !important;
  }
}
@media screen and (max-width: 700px) {
  .projects_grid .projects_grid_inner_navigation .slider_arrow_block {
    justify-content: flex-start;
    padding-left: 4%;
    padding-right: 4%;
  }
}
@media screen and (max-width: 700px) {
  .projects_grid {
    padding-left: 4%;
    padding-right: 4%;
  }
}

.slider_arrow_block {
  width: 20%;
  position: absolute;
  right: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 90px;
}
.slider_arrow_block .slider_buttion {
  cursor: pointer;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background: #A9D159;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.slider_arrow_block .slider_buttion.but_prev {
  transform: rotate(180deg);
}
.slider_arrow_block .slider_buttion:hover {
  background: #fff;
}
.slider_arrow_block .slider_buttion:hover img {
  filter: invert(1);
}
@media screen and (max-width: 700px) {
  .slider_arrow_block .slider_buttion {
    width: 46px;
    height: 46px;
  }
}
@media screen and (max-width: 700px) {
  .slider_arrow_block {
    position: unset !important;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;
    justify-content: flex-end;
  }
}

.projects_grid_inner_navigation {
  position: absolute;
  top: 18%;
  left: 0;
  width: 100%;
  z-index: 10;
}
@media screen and (max-width: 700px) {
  .projects_grid_inner_navigation {
    position: unset !important;
    width: 100%;
    margin-top: 20px;
  }
}

.projects_item_content_blck_01_left {
  position: relative;
  z-index: 100;
}

.position_unset {
  position: unset !important;
}

.leadership_section_inner_content {
  justify-content: space-between;
  align-items: flex-start;
}
.leadership_section_inner_content .leadership_section_inner_left {
  width: 35%;
}
.leadership_section_inner_content .leadership_section_inner_right {
  width: 65%;
}

.leadership_section_inner_left_list {
  margin: 0;
  margin-left: -0.5%;
  margin-right: -0.5%;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.leadership_section_inner_left_list li {
  list-style: none;
  width: 33.3%;
  padding-left: 0.5%;
  padding-right: 0.5%;
  margin-bottom: 20px;
}
@media screen and (max-width: 700px) {
  .leadership_section_inner_left_list li {
    width: 100%;
    padding-left: 1%;
    padding-right: 1%;
  }
}

.leadership_block {
  width: 100%;
}
.leadership_block .leadership_img {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.leadership_block .leadership_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
  transform: scale(1);
}
.leadership_block:hover .leadership_img img {
  transform: scale(1.1);
}
.leadership_block .leadership_content {
  padding: 4% 6%;
  width: 100%;
  background: #f6f6f6 url("../images/leadershiop_bg_01.png") no-repeat center center;
  background-size: contain;
}
.leadership_block .leadership_content h4 {
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  color: #101922;
}
.leadership_block .leadership_content p {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-weight: 400;
}
.leadership_block .leadership_content_bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.custom-leadership-list {
  justify-content: space-between;
}
.custom-leadership-list li {
  width: 48%;
  margin-bottom: 80px;
}
@media screen and (max-width: 700px) {
  .custom-leadership-list li {
    width: 100%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 20px;
  }
}

.executive_team_section {
  width: 100%;
  position: relative;
  background: #fff;
}
.executive_team_section .executive_team_section_inner {
  width: 100%;
}
.executive_team_section .executive_team_section_inner .executive_team_list {
  margin: 0;
  margin-left: -0.5%;
  margin-right: -0.5%;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.executive_team_section .executive_team_section_inner .executive_team_list li {
  list-style: none;
  width: 33.3%;
  padding-left: 0.5%;
  padding-right: 0.5%;
  margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
  .executive_team_section .executive_team_section_inner .executive_team_list li {
    width: 50%;
  }
}
@media screen and (max-width: 700px) {
  .executive_team_section .executive_team_section_inner .executive_team_list li {
    width: 100%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 20px;
  }
}
.executive_team_section .leadership_block {
  width: 100%;
}
.executive_team_section .leadership_block .leadership_img {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.executive_team_section .leadership_block .leadership_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
  transform: scale(1);
}
.executive_team_section .leadership_block:hover .leadership_img img {
  transform: scale(1.1);
}
.executive_team_section .leadership_block .leadership_content {
  padding: 3% 6%;
  width: 100%;
  background: #f6f6f6 url("../images/leadershiop_bg_01.png") no-repeat center center;
  background-size: contain;
}
.executive_team_section .leadership_block .leadership_content h4 {
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  color: #222222;
  font-family: "RB";
}
.executive_team_section .leadership_block .leadership_content p {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  color: #222222;
  font-family: "RB";
}
.executive_team_section .leadership_block .leadership_content_bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.executive_team_section .leadership_block .leadership_content_bottom a {
  display: inline-flex;
  align-items: center;
  transition: transform 0.3s ease;
}
.executive_team_section .leadership_block .leadership_content_bottom a:hover {
  transform: translateX(5px);
}

.mySwiper-partners .swiper-slide {
  aspect-ratio: 320/319;
  border-right: solid 1px #E0E0E0;
  border-bottom: solid 1px #E0E0E0;
  border-top: solid 1px #E0E0E0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 700px) {
  .mySwiper-partners .swiper-slide {
    aspect-ratio: 160/100;
  }
}

.partners_section {
  border-top: solid 1px #e5e5e5;
}

.ready_to_partner_section {
  position: relative;
  min-height: 525px;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ready_to_partner_section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(241.46deg, rgba(162, 200, 86, 0.5) 0%, rgba(105, 154, 71, 0.5) 48.0007708073%, rgba(19, 107, 55, 0.5) 77.3304998875%);
}
.ready_to_partner_section .wrap {
  position: relative;
  z-index: 10;
}
.ready_to_partner_section h3 {
  margin-bottom: 15px;
}
.ready_to_partner_section p {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  line-height: 130%;
  margin: 0;
  max-width: 36%;
  margin-bottom: 20px;
}
@media screen and (max-width: 800px) {
  .ready_to_partner_section p {
    max-width: 60%;
  }
}
@media screen and (max-width: 700px) {
  .ready_to_partner_section p {
    max-width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .ready_to_partner_section {
    align-items: flex-end;
    padding: 5%;
  }
}
@media screen and (max-width: 700px) {
  .ready_to_partner_section {
    min-height: 600px;
  }
}

.insights_resources_section {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.insights_resources_section .insights_section_header {
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
.insights_resources_section .insights_section_header .insights_section_header_left {
  width: 50%;
}
.insights_resources_section .insights_section_header .insights_section_header_right {
  width: 33%;
}
.insights_resources_section .insights_section_header .insights_section_header_right p {
  font-size: 18px;
  line-height: 160%;
  color: #000;
  font-family: "RB";
  font-weight: 300;
}
@media screen and (max-width: 700px) {
  .insights_resources_section .insights_section_header {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 700px) {
  .insights_resources_section .insights_section_header .slider_arrow_block {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .insights_resources_section .insights_section_header .insights_section_header_left,
  .insights_resources_section .insights_section_header .insights_section_header_right {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .insights_resources_section .insights_section_header .insights_section_header_right p {
    font-size: 16px;
  }
}

.insights_item {
  border: solid 1px #D2D2D2;
  padding: 2%;
  display: flex;
  flex-wrap: wrap;
}
.insights_item .insights_item_content {
  margin-top: 20px;
}
.insights_item .latest_news_text_lable {
  color: #0D6A37;
  font-size: 15px;
  font-weight: 400;
}
.insights_item .insights_item_content h4 {
  margin: 0;
  font-size: 18px;
  color: #101922;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  .insights_item .insights_item_content h4 {
    font-size: 16px;
  }
}
.insights_item .latest_news_lable {
  background: #fff;
  color: #676767;
  font-size: 13px;
  display: inline-flex;
  padding: 1px 6px;
  position: absolute;
  bottom: -1px;
  left: 0px;
  z-index: 2;
}
.insights_item .insights_item_image {
  position: relative;
  overflow: hidden;
}
.insights_item .insights_item_image img {
  width: 100%;
  display: block;
  transition: transform 0.5s ease;
  transform: scale(1);
}
.insights_item .insights_item_image:hover img {
  transform: scale(1.1);
}

.insights_item_image {
  position: relative;
}
@media screen and (max-width: 700px) {
  .insights_item_image {
    width: 100%;
  }
}
.insights_item_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.insights_item_text {
  padding: 5%;
  width: 50%;
  position: relative;
  background: url(../images/news-block-bg.png) no-repeat center center;
  background-size: cover;
}
.insights_item_text h5 {
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  margin: 0;
  margin-bottom: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .insights_item_text h5 {
    font-size: 19px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .insights_item_text h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 700px) {
  .insights_item_text h5 {
    margin-top: 20px;
  }
}
.insights_item_text .latest_news_text_date_new {
  font-size: 15px;
  color: #474c60;
  font-weight: 400;
  line-height: 100%;
}
@media screen and (max-width: 700px) {
  .insights_item_text {
    width: 100%;
  }
}
.insights_item_text a {
  color: #000;
}

.latest_news_text_lable_new {
  top: 10%;
  left: 10%;
  z-index: 2;
  display: inline-flex;
  color: #fff;
  background: #000;
  border-radius: 25px;
  font-weight: 600;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .latest_news_text_lable_new {
    font-size: 11px;
  }
}

.slider_arrow_block_02 {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 0px;
  width: 100%;
  margin-top: 35px;
}

@media screen and (max-width: 700px) {
  .mySwiper-insights {
    overflow: visible !important;
  }
}

.page_tabs_section {
  background: #F5F9EE;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #E1E4ED;
  width: 100%;
  position: relative;
}
.page_tabs_section .page_tabs_container {
  width: 100%;
}
.page_tabs_section .page_tabs_container .page_tabs_nav {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  justify-content: center;
  margin: 0;
}
.page_tabs_section .page_tabs_container .page_tabs_nav .page_tabs_item {
  margin: 0;
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 10px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.page_tabs_section .page_tabs_container .page_tabs_nav .page_tabs_item .page_tabs_link {
  display: inline-flex;
  padding: 10px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: "RB";
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  line-height: 100%;
  position: relative;
  background: transparent;
  border-radius: 10px;
}
.page_tabs_section .page_tabs_container .page_tabs_nav .page_tabs_item .page_tabs_link:hover {
  background: #A8D05A;
  color: #fff;
}
@media screen and (max-width: 700px) {
  .page_tabs_section .page_tabs_container .page_tabs_nav .page_tabs_item .page_tabs_link {
    font-size: 13px;
    background: #eef1e8;
    padding: 7px;
    border-radius: 6px;
  }
}
.page_tabs_section .page_tabs_container .page_tabs_nav .page_tabs_item.active a {
  color: #fff;
  background: #A8D05A;
}

.our_journey_section {
  overflow: hidden;
}
.our_journey_section .slider_arrow_block {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .our_journey_section .slider_arrow_block {
    margin-top: 20px;
  }
}
.our_journey_section .slider_arrow_block .slider_buttion {
  cursor: pointer;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background: #A9D159;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.our_journey_section .slider_arrow_block .slider_buttion:hover {
  background: #0D6A37;
}
.our_journey_section .slider_arrow_block .slider_buttion img {
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 700px) {
  .our_journey_section .slider_arrow_block {
    display: none;
  }
}

.our_journey_gallery_wrapper {
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .our_journey_gallery_wrapper {
    margin-top: 30px;
  }
}

.our_journey_main_swiper {
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .our_journey_main_swiper {
    margin-bottom: 15px;
    border-radius: 8px;
  }
}
.our_journey_main_swiper .swiper-slide {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.our_journey_main_swiper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.our_journey_thumb_swiper {
  width: 100%;
  padding: 10px 0;
  overflow: visible;
}
.our_journey_thumb_swiper .swiper-slide {
  width: auto;
  height: auto;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5.625rem;
  font-weight: 300;
  line-height: 100%;
  padding-top: 45px;
}
.our_journey_thumb_swiper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.our_journey_thumb_swiper .swiper-slide:hover {
  opacity: 0.8;
}
.our_journey_thumb_swiper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  transition: border-color 0.3s ease;
}
.our_journey_thumb_swiper .swiper-slide::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(183, 196, 159, 0.5);
}
@media screen and (max-width: 700px) {
  .our_journey_thumb_swiper {
    margin-bottom: 25px;
  }
}

.our_journey_main_swiper_item_content_year {
  margin-bottom: auto;
}
.our_journey_main_swiper_item_content_year p {
  color: #8DC540;
  font-size: 15px;
  font-weight: 300;
}

.our_journey_item_image {
  width: 37.5%;
}
@media screen and (max-width: 768px) {
  .our_journey_item_image {
    width: 48%;
  }
}
@media screen and (max-width: 700px) {
  .our_journey_item_image {
    width: 100%;
  }
}

.our_journey_content_block {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .our_journey_content_block {
    width: 48%;
  }
}
@media screen and (max-width: 700px) {
  .our_journey_content_block {
    width: 100%;
  }
}

.dot-icn {
  background: #0d6a37;
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  z-index: 1;
  opacity: 0;
}

.swiper-slide-thumb-active .dot-icn {
  opacity: 1;
}

.our_journey_item_image {
  position: relative;
}
.our_journey_item_image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(241.46deg, rgba(162, 200, 86, 0.4) 0%, rgba(105, 154, 71, 0.4) 48.0007708073%, rgba(19, 107, 55, 0.4) 77.3304998875%);
}

.our_journey_main_swiper_item_content {
  margin-top: auto;
}
.our_journey_main_swiper_item_content h4 {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 100%;
  margin: 0;
  margin-bottom: 10px;
}

.image_text_block_container {
  width: 39.5%;
  position: relative;
}
@media screen and (max-width: 700px) {
  .image_text_block_container {
    width: 100%;
    margin-bottom: 30px;
  }
}
.image_text_block_container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(241.46deg, rgba(162, 200, 86, 0.4) 0%, rgba(105, 154, 71, 0.4) 48.0007708073%, rgba(19, 107, 55, 0.4) 77.3304998875%);
}

.image_image_block_container {
  width: 50%;
}
@media screen and (max-width: 700px) {
  .image_image_block_container {
    width: 100%;
  }
}
.image_image_block_container ul {
  padding: 0;
  margin: 0;
  margin-left: 20px;
}
.image_image_block_container ul li {
  list-style: disc;
  padding-left: 20px;
  color: #444444;
  font-size: 16px;
  font-weight: 300;
  padding: 0;
  margin-bottom: 15px;
}
.image_image_block_container ul li::marker {
  font-size: 13px;
}
.image_image_block_container h5 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.bg_style_01 {
  background: #F5F9EE url("../images/bg_sectiopn.svg") no-repeat center center;
  background-size: contain;
}

.mission_vision_section .mission_vision_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .mission_vision_section .mission_vision_container {
    flex-direction: column;
    gap: 30px;
  }
}
.mission_vision_section .mission_vision_item {
  flex: 1;
  min-width: 0;
  padding: 40px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (min-width: 769px) {
  .mission_vision_section .mission_vision_item {
    max-width: calc(50% - 7px);
  }
}
@media screen and (max-width: 768px) {
  .mission_vision_section .mission_vision_item {
    width: 100%;
    padding: 30px;
  }
}
.mission_vision_section .mission_vision_icon {
  margin-bottom: 24px;
  width: 123px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mission_vision_section .mission_vision_icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .mission_vision_section .mission_vision_icon {
    width: 80px;
  }
}
.mission_vision_section .mission_vision_title {
  margin: 0 0 16px;
  font-size: 1.75rem;
  font-weight: 600;
  color: #101922;
  line-height: 1.3;
}
.mission_vision_section .mission_vision_title span {
  color: #0D6A37;
}
.mission_vision_section .mission_vision_content {
  color: #5b6773;
  line-height: 1.7;
  font-size: 1rem;
}
.mission_vision_section .mission_vision_content p {
  margin: 0 0 16px;
}
.mission_vision_section .mission_vision_content p:last-child {
  margin-bottom: 0;
}

.mission_vision_item h3 span {
  display: block;
  font-weight: 300;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .mission_vision_item h3 span {
    margin-bottom: 15px;
  }
}

.core_values_section {
  background: #f7f9fb;
}

.core_values_header {
  width: 50%;
  max-width: 95%;
}
.core_values_header .h3_title_50 {
  margin-bottom: 12px;
}
.core_values_header .core_values_desc {
  margin: 0;
  color: #101922;
  line-height: 1.5;
  font-size: 25px;
  font-weight: 400;
  max-width: 80%;
}
@media screen and (max-width: 820px) {
  .core_values_header .core_values_desc {
    font-size: 18px;
  }
}
@media screen and (max-width: 700px) {
  .core_values_header .core_values_desc {
    max-width: 100%;
    font-size: 15px;
  }
}
@media screen and (max-width: 700px) {
  .core_values_header {
    width: 100%;
    max-width: 100%;
  }
}

.core_values_list {
  list-style: none;
  width: 50%;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .core_values_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 900px) {
  .core_values_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .core_values_list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 700px) {
  .core_values_list {
    max-width: 100%;
    width: 100%;
  }
}

.core_values_card {
  background-size: contain;
  padding: 17px 0%;
  border-bottom: solid 1px #c4c4c4;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.core_values_card h4 {
  color: #000000;
  font-weight: 400 !important;
  font-size: 23px;
  margin-bottom: 5px;
}
.core_values_card h4 span {
  color: #101922;
  font-weight: 300;
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 820px) {
  .core_values_card h4 {
    font-size: 18px;
  }
}
.core_values_card p {
  color: #101922;
}
.core_values_card:hover .core_values_icon .core_values_icon_default {
  opacity: 0;
  visibility: hidden;
}
.core_values_card:hover .core_values_icon .core_values_icon_hover {
  opacity: 1;
  visibility: visible;
}

.core_values_icon {
  margin-bottom: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: auto;
  height: auto;
}
.core_values_icon img {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.core_values_icon .core_values_icon_default {
  opacity: 1;
  visibility: visible;
}
.core_values_icon .core_values_icon_hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.core_values_title {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 600;
  color: #101922;
}

.core_values_text {
  margin: 0;
  color: #5b6773;
  line-height: 1.6;
}

.timeline_section {
  background: #F5F9EE;
}

.timeline_row_01 p {
  max-width: 45%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #0D6A37;
  font-weight: 500;
  font-size: 22px;
}
@media screen and (max-width: 700px) {
  .timeline_row_01 p {
    max-width: 100%;
  }
}

.timeline_row_02 {
  width: 100%;
  position: relative;
}
.timeline_row_02 .tileline_ul {
  margin: 0;
  padding: 0;
  max-width: 1133px;
  margin-left: auto;
  margin-right: auto;
}
.timeline_row_02 .tileline_ul li {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  transition: opacity 0.3s ease;
}
.timeline_row_02 .tileline_ul li.active {
  opacity: 1;
}
.timeline_row_02 .tileline_ul li .timeline_item_img {
  width: calc(50% - 40px);
  position: relative;
  margin: 20px;
}
.timeline_row_02 .tileline_ul li .timeline_item_img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(241.46deg, rgba(162, 200, 86, 0.3) 0%, rgba(105, 154, 71, 0.3) 48.0007708073%, rgba(19, 107, 55, 0.3) 77.3304998875%), url(../images/timeline-mask-img.svg) no-repeat center center;
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 700px) {
  .timeline_row_02 .tileline_ul li .timeline_item_img {
    width: 100%;
  }
}
.timeline_row_02 .tileline_ul li .timeline_item_content {
  width: calc(50% - 40px);
  text-align: left;
  margin: 20px;
}
@media screen and (max-width: 700px) {
  .timeline_row_02 .tileline_ul li .timeline_item_content {
    width: 100%;
  }
}
.timeline_row_02 .tileline_ul li .timeline_item_content_year {
  display: inline-flex;
  padding: 0 15px;
  background: #0D6A37;
  font-size: 24px;
  color: #fff;
  border-radius: 5px;
  min-width: 185px;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
.timeline_row_02 .tileline_ul li .timeline_item_content_year .timeline-dot {
  box-sizing: content-box;
  position: absolute;
  left: -32px;
  width: 16px;
  height: 16px;
  border: solid 5px #fff;
  background: #000;
  border-radius: 50%;
}
@media screen and (max-width: 700px) {
  .timeline_row_02 .tileline_ul li .timeline_item_content_year {
    font-size: 13px;
    min-width: 100px;
  }
}
.timeline_row_02 .tileline_ul li h4 {
  margin: 0;
  margin-bottom: 5px;
  margin-top: 10px;
  font-size: 30px;
  font-weight: 600;
  line-height: 100%;
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 5px;
}
@media screen and (max-width: 820px) {
  .timeline_row_02 .tileline_ul li h4 {
    font-size: 24px;
  }
}
@media screen and (max-width: 700px) {
  .timeline_row_02 .tileline_ul li h4 {
    font-size: 17px;
  }
}
.timeline_row_02 .tileline_ul li p {
  margin: 0;
  max-width: 55%;
  line-height: 110%;
}
@media screen and (max-width: 820px) {
  .timeline_row_02 .tileline_ul li p {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .timeline_row_02 .tileline_ul li p {
    max-width: 100%;
  }
}
.timeline_row_02 .tileline_ul > :nth-child(odd) {
  flex-direction: row-reverse;
}
@media screen and (min-width: 700px) {
  .timeline_row_02 .tileline_ul > :nth-child(odd) .timeline_item_content {
    text-align: right;
    justify-content: flex-end;
  }
  .timeline_row_02 .tileline_ul > :nth-child(odd) .timeline_item_content p {
    margin-left: auto;
  }
}
@media screen and (min-width: 700px) {
  .timeline_row_02 .tileline_ul > :nth-child(odd) .timeline-dot {
    left: unset !important;
    right: -34px !important;
  }
}
.timeline_row_02 .timeline-line {
  width: 4px;
  height: 100%;
  background: #0D6A37;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 700px) {
  .timeline_row_02 .timeline-line {
    left: 0;
    transform: translateX(0);
  }
}
.timeline_row_02 .timeline-load-more {
  display: block;
  text-align: center;
  padding: 40px 0;
  cursor: pointer;
  color: #0D6A37;
  font-weight: 600;
  transition: opacity 0.3s ease;
}
.timeline_row_02 .timeline-load-more.loading {
  opacity: 0.6;
  pointer-events: none;
}
.timeline_row_02 .timeline-load-more.hidden {
  display: none;
}

.latest_openings_section {
  width: 100%;
  position: relative;
}
.latest_openings_section .latest_openings_section_inner {
  width: 100%;
}
.latest_openings_section .latest_openings_section_inner .latest_openings_list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .latest_openings_section .latest_openings_section_inner .latest_openings_list {
    grid-template-columns: 1fr;
  }
}
.latest_openings_section .latest_openings_section_inner .latest_openings_list li {
  list-style: none;
  width: 100%;
}
.latest_openings_section .opening_block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 6%;
  border: solid 1px #D2D2D2;
  transition: all 0.3s ease;
  position: relative;
}
.latest_openings_section .opening_block .opening_icon {
  position: absolute;
  width: 24px;
  right: 31px;
  top: 40px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.latest_openings_section .opening_block .opening_icon img {
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .latest_openings_section .opening_block .opening_icon {
    margin-bottom: 15px;
  }
  .latest_openings_section .opening_block .opening_icon img {
    height: 40px;
  }
}
.latest_openings_section .opening_block .opening_content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.latest_openings_section .opening_block .opening_content h3 {
  margin: 0;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  margin: 0 0 8px 0;
  font-size: 30px;
  font-family: "RB";
  line-height: 100%;
  margin: 0;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .latest_openings_section .opening_block .opening_content h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 700px) {
  .latest_openings_section .opening_block .opening_content h3 {
    font-size: 20px;
  }
}
.latest_openings_section .opening_block .opening_content p {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .latest_openings_section .opening_block .opening_content p {
    font-size: 14px;
  }
}
.latest_openings_section .opening_block .opening_content .opening_posted {
  font-size: 16px;
  color: #353535;
  font-family: "RB";
  margin-bottom: 10px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .latest_openings_section .opening_block .opening_content .opening_posted {
    font-size: 14px;
  }
}
@media screen and (max-width: 700px) {
  .latest_openings_section .opening_block .opening_content .opening_posted {
    font-size: 14px;
  }
}
.latest_openings_section .opening_block .opening_content .opening_location,
.latest_openings_section .opening_block .opening_content .opening_id {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #353535;
  font-weight: 400;
  font-family: "RB";
}
@media screen and (max-width: 768px) {
  .latest_openings_section .opening_block .opening_content .opening_location,
  .latest_openings_section .opening_block .opening_content .opening_id {
    font-size: 14px;
  }
}
@media screen and (max-width: 700px) {
  .latest_openings_section .opening_block .opening_content .opening_location,
  .latest_openings_section .opening_block .opening_content .opening_id {
    font-size: 13px;
  }
}
.latest_openings_section .opening_block .opening_content .opening_location img,
.latest_openings_section .opening_block .opening_content .opening_id img {
  width: 19px;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.latest_openings_section .opening_block .opening_content .opening_location span,
.latest_openings_section .opening_block .opening_content .opening_id span {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .latest_openings_section .opening_block .opening_action {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .latest_openings_section .opening_block {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .latest_openings_section .opening_block .opening_action {
    width: 100%;
  }
  .latest_openings_section .opening_block .opening_action .job_details_btn {
    width: 100%;
    justify-content: space-between;
  }
}
.latest_openings_section .load_more_container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 40px;
  padding-top: 40px;
}
.latest_openings_section .load_more_container .load_more_btn.loading {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}

.opening_location, .opening_id {
  margin-bottom: 5px;
}

.why_build_career_section {
  width: 100%;
  position: relative;
  background: #F5F9EE;
}
.why_build_career_section .why_build_career_inner {
  width: 100%;
}
.why_build_career_section .why_build_career_inner .why_build_career_title {
  margin: 0;
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 700;
  color: #0D6A37;
  font-family: "RB";
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .why_build_career_section .why_build_career_inner .why_build_career_title {
    font-size: 36px;
    margin-bottom: 30px;
  }
}
.why_build_career_section .why_build_career_inner .why_build_career_hero {
  width: 100%;
  margin-top: 25px;
  position: relative;
  margin-bottom: 60px;
  overflow: hidden;
}
.why_build_career_section .why_build_career_inner .why_build_career_hero img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.why_build_career_section .why_build_career_inner .why_build_career_hero .why_build_career_hero_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(0deg) scale(-1, 1);
  background: linear-gradient(241.46deg, rgba(162, 200, 86, 0.5) 0%, rgba(105, 154, 71, 0.5) 48.0007708073%, rgba(19, 107, 55, 0.5) 77.3304998875%), linear-gradient(90deg, rgb(13, 106, 55) 0%, rgba(13, 106, 55, 0) 100%);
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .why_build_career_section .why_build_career_inner .why_build_career_hero {
    margin-bottom: 40px;
  }
}
.why_build_career_section .why_build_career_inner .why_build_career_features {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .why_build_career_section .why_build_career_inner .why_build_career_features {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  .why_build_career_section .why_build_career_inner .why_build_career_features {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.why_build_career_section .why_build_career_inner .why_build_career_feature_item {
  border-top: solid 2px #0D6A37;
  margin: 0;
  padding: 0;
  padding-top: 35px;
  list-style: none;
  width: 100%;
}
.why_build_career_section .why_build_career_inner .why_build_career_feature_item .why_build_career_feature_icon {
  margin-bottom: 24px;
  width: auto;
  height: 40px;
  display: flex;
  align-items: center;
}
.why_build_career_section .why_build_career_inner .why_build_career_feature_item .why_build_career_feature_icon img {
  width: auto;
  max-width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .why_build_career_section .why_build_career_inner .why_build_career_feature_item .why_build_career_feature_icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
  }
}
.why_build_career_section .why_build_career_inner .why_build_career_feature_item .why_build_career_feature_title {
  margin: 0;
  margin-bottom: 16px;
  font-size: 28px;
  font-weight: 600;
  color: #0D6A37;
  font-family: "RB";
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .why_build_career_section .why_build_career_inner .why_build_career_feature_item .why_build_career_feature_title {
    font-size: 24px;
    margin-bottom: 12px;
  }
}
.why_build_career_section .why_build_career_inner .why_build_career_feature_item .why_build_career_feature_content {
  color: #0D6A37;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 10px;
  font-family: "RB";
}
.why_build_career_section .why_build_career_inner .why_build_career_feature_item .why_build_career_feature_content p {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .why_build_career_section .why_build_career_inner .why_build_career_feature_item .why_build_career_feature_content {
    font-size: 14px;
  }
}

.what_to_expect_section {
  width: 100%;
  position: relative;
  background: #fff;
}
.what_to_expect_section .wrap {
  width: 100%;
}
.what_to_expect_section .what_to_expect_header {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .what_to_expect_section .what_to_expect_header {
    padding: 50px 60px;
  }
}
@media screen and (max-width: 768px) {
  .what_to_expect_section .what_to_expect_header {
    padding: 40px 30px;
  }
}
.what_to_expect_section .what_to_expect_header .what_to_expect_title {
  margin: 0;
  margin-bottom: 20px;
  font-size: 48px;
  font-weight: 700;
  color: #A2C856;
  font-family: "RB";
  line-height: 1.2;
}
.what_to_expect_section .what_to_expect_header .what_to_expect_title span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .what_to_expect_section .what_to_expect_header .what_to_expect_title {
    font-size: 36px;
    margin-bottom: 15px;
  }
}
.what_to_expect_section .what_to_expect_header .what_to_expect_description {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #000;
  font-family: "RB";
}
@media screen and (max-width: 768px) {
  .what_to_expect_section .what_to_expect_header .what_to_expect_description {
    font-size: 16px;
  }
}
.what_to_expect_section .what_to_expect_content {
  width: 100%;
  margin: 0;
  gap: 20px;
  padding: 0;
  list-style: none;
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1024px) {
  .what_to_expect_section .what_to_expect_content {
    grid-template-columns: 1fr;
  }
}
.what_to_expect_section .what_to_expect_content .what_to_expect_item {
  margin: 0;
  padding: 6%;
  position: relative;
  background: #fff;
  list-style: none;
}
@media screen and (max-width: 1024px) {
  .what_to_expect_section .what_to_expect_content .what_to_expect_item {
    padding: 50px 60px;
    border-bottom: 1px solid #000;
  }
  .what_to_expect_section .what_to_expect_content .what_to_expect_item:last-child {
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .what_to_expect_section .what_to_expect_content .what_to_expect_item {
    padding: 40px 30px;
  }
}
.what_to_expect_section .what_to_expect_content .what_to_expect_item .what_to_expect_icon {
  margin-bottom: 30px;
  width: auto;
  height: 60px;
  display: flex;
  align-items: center;
}
.what_to_expect_section .what_to_expect_content .what_to_expect_item .what_to_expect_icon img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) saturate(100%) invert(27%) sepia(95%) saturate(1352%) hue-rotate(106deg) brightness(95%) contrast(88%);
}
@media screen and (max-width: 768px) {
  .what_to_expect_section .what_to_expect_content .what_to_expect_item .what_to_expect_icon {
    height: 50px;
    margin-bottom: 24px !important;
  }
}
.what_to_expect_section .what_to_expect_content .what_to_expect_item .what_to_expect_item_title {
  margin: 0;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  color: #0D6A37;
  font-family: "RB";
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .what_to_expect_section .what_to_expect_content .what_to_expect_item .what_to_expect_item_title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.what_to_expect_section .what_to_expect_content .what_to_expect_item .what_to_expect_item_title span {
  display: block;
  color: #000;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .what_to_expect_section .what_to_expect_content .what_to_expect_item .what_to_expect_item_title {
    margin-bottom: 5px !important;
  }
}
.what_to_expect_section .what_to_expect_content .what_to_expect_item .what_to_expect_item_content {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  font-family: "RB";
}
@media screen and (max-width: 768px) {
  .what_to_expect_section .what_to_expect_content .what_to_expect_item .what_to_expect_item_content {
    font-size: 14px;
  }
}
.what_to_expect_section .what_to_expect_content .what_to_expect_item.box-style-01 .what_to_expect_icon {
  margin-bottom: 80px;
  margin-top: 10px;
}
.what_to_expect_section .what_to_expect_content .what_to_expect_item.box-style-01 .what_to_expect_icon img {
  height: auto !important;
}

.client_list_section {
  width: 100%;
  position: relative;
}
.client_list_section .wrap {
  width: 100%;
}
.client_list_section .client_list_grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  .client_list_section .client_list_grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .client_list_section .client_list_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
@media screen and (max-width: 480px) {
  .client_list_section .client_list_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.client_list_section .client_list_grid .client_item {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #E0E0E0;
  background: #fff;
  transition: all 0.3s ease;
  aspect-ratio: 320/165;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .client_list_section .client_list_grid .client_item {
    aspect-ratio: 320/180;
  }
}
@media screen and (max-width: 480px) {
  .client_list_section .client_list_grid .client_item {
    aspect-ratio: 320/200;
  }
}
.client_list_section .client_list_grid .client_item .client_item_link {
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .client_list_section .client_list_grid .client_item .client_item_link {
    padding: 15px;
  }
}
@media screen and (max-width: 480px) {
  .client_list_section .client_list_grid .client_item .client_item_link {
    padding: 10px;
  }
}
.client_list_section .client_list_grid .client_item .client_item_link img {
  max-width: 100%;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.client_list_section .client_list_grid .client_item img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  padding: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .client_list_section .client_list_grid .client_item img {
    padding: 15px;
  }
}
@media screen and (max-width: 480px) {
  .client_list_section .client_list_grid .client_item img {
    padding: 10px;
  }
}
.client_list_section .client_item.client_item_hidden {
  display: none;
}
.client_list_section .mySwiper-clients {
  width: 100%;
}
.client_list_section .mySwiper-clients .swiper-slide {
  aspect-ratio: 320/319;
  border-right: solid 1px #E0E0E0;
  border-bottom: solid 1px #E0E0E0;
  border-top: solid 1px #E0E0E0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #fff;
  transition: all 0.3s ease;
}
.client_list_section .mySwiper-clients .swiper-slide:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.client_list_section .mySwiper-clients .swiper-slide .client_item_link {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-decoration: none;
}
.client_list_section .mySwiper-clients .swiper-slide .client_item_link img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.client_list_section .mySwiper-clients .swiper-slide img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  padding: 20px;
}
.client_list_section .load_more_container {
  width: 100%;
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .client_list_section .load_more_container {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .client_list_section .load_more_container {
    margin-top: 20px;
  }
}
.client_list_section .load_more_container .load_more_btn {
  gap: 10px;
  cursor: pointer;
  border-radius: 100px;
  background: #A9D159;
  border: none;
  color: #fff;
  height: 51px;
  padding: 0 30px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  transition: background 0.3s ease, color 0.3s ease;
}
.client_list_section .load_more_container .load_more_btn:hover {
  background: #8eb346;
  color: #fff;
}
.client_list_section .load_more_container .load_more_btn.loading {
  opacity: 0.7;
  pointer-events: none;
}
@media screen and (max-width: 1300px) {
  .client_list_section .load_more_container .load_more_btn {
    padding: 0 20px;
  }
}
@media screen and (max-width: 700px) {
  .client_list_section .load_more_container .load_more_btn {
    height: 40px !important;
    padding: 0 20px;
    font-size: 14px !important;
  }
}
@media screen and (max-width: 800px) {
  .client_list_section .load_more_container .load_more_btn {
    height: 42px;
  }
}
.client_list_section .load_more_container .load_more_btn span {
  display: inline-block;
}

.clients-filter-block {
  padding-bottom: 15px;
}

.profile-tabs-nav {
  justify-content: unset !important;
}

.job_main_title {
  font-size: 30px;
  font-weight: 400;
  margin: 0;
  line-height: 100%;
}

.job_details_header {
  margin-bottom: 10px;
}

.job_info_list {
  margin: 0;
  margin-top: 25px;
  padding: 0;
  margin-bottom: 30px;
}
.job_info_list li {
  list-style: disc;
  font-size: 16px;
  color: #444444;
  list-style-position: inside;
}
@media screen and (max-width: 700px) {
  .job_info_list li {
    font-size: 14px;
  }
}
.job_info_list li::marker {
  font-size: 10px;
}
.job_info_list li span {
  font-weight: 600;
}

.job_posted_date, .job_location {
  font-size: 16px;
}
@media screen and (max-width: 700px) {
  .job_posted_date, .job_location {
    font-size: 14px;
  }
}

.job-form-popup {
  border-radius: 20px;
  background: #fff;
  padding: 3%;
  border-radius: 10px !important;
  border: 1px solid #e0e0e0;
  width: 509px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.related_jobs_section_content h5 {
  margin: 0;
  font-size: 23px;
  font-weight: 400;
  color: #2c2c2c;
}
@media screen and (max-width: 768px) {
  .related_jobs_section_content h5 {
    font-size: 20px;
  }
}
.related_jobs_section_content p {
  font-size: 12px;
  color: #444444;
  margin: 0;
  margin-bottom: 10px;
}

.career-form-list-ul {
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
.career-form-list-ul li {
  list-style: none;
  margin-bottom: 15px;
  position: relative;
}
.career-form-list-ul li .input {
  border-radius: 35px;
  height: 48px;
  padding: 0 20px;
  border: solid 1px #dcdbdd;
  width: 100%;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  color: #444444;
}
.career-form-list-ul li .input:focus-visible {
  outline: none;
}
@media screen and (max-width: 700px) {
  .career-form-list-ul li .input {
    font-size: 14px;
    height: 40px !important;
  }
}
.career-form-list-ul li.login-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  margin-top: 23px;
}
@media screen and (max-width: 480px) {
  .career-form-list-ul li.login-options {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.career-form-list-ul li.login-options .keep-logged-in {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.career-form-list-ul li.login-options .keep-logged-in input[type=checkbox] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: #0d6a37;
  border-radius: 4px;
}
.career-form-list-ul li.login-options .keep-logged-in span {
  font-size: 16px;
  color: #444444;
  font-weight: 400;
}
.career-form-list-ul li.login-options .forget-password-link {
  font-size: 16px;
  color: #0d6a37;
  text-decoration: none;
  font-weight: 500;
}
.career-form-list-ul li.login-options .forget-password-link:hover {
  text-decoration: underline;
}
.career-form-list-ul li .textarea-input {
  border-radius: 20px;
  height: auto;
  min-height: 100px;
  padding: 15px 20px;
  resize: vertical;
  font-family: inherit;
}
.career-form-list-ul li .form-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.career-form-list-ul li .select-wrapper {
  position: relative;
  width: 100%;
}
.career-form-list-ul li .select-wrapper .select-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 45px;
  cursor: pointer;
}
.career-form-list-ul li .select-wrapper .select-input option {
  color: #444444;
}
.career-form-list-ul li .select-wrapper .select-arrow {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #444444;
  pointer-events: none;
}
.career-form-list-ul li .select-wrapper.date-input-wrapper .date-input {
  cursor: pointer;
}
.career-form-list-ul li .select-wrapper.date-input-wrapper .date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 1;
}
.career-form-list-ul li .select-wrapper.date-input-wrapper .date-input::-moz-placeholder {
  color: #999;
}
.career-form-list-ul li .select-wrapper.date-input-wrapper .date-input::placeholder {
  color: #999;
}

.input-buttion {
  background: #101922;
  color: #ffffff;
  font-size: 16px;
  width: 100%;
  height: 48px;
  border-radius: 35px;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}
.input-buttion:hover {
  background: #A9D159;
  color: #101922;
}

.form-bottom-txt {
  margin-top: 30px;
}
.form-bottom-txt h5 {
  margin: 0 0 0px 0;
  font-size: 23px;
  font-weight: 400;
  color: #2c2c2c;
}
@media screen and (max-width: 768px) {
  .form-bottom-txt h5 {
    font-size: 20px;
  }
}
.form-bottom-txt p {
  margin: 0;
  font-size: 16px;
  color: #000000;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 1.6;
}
.form-bottom-txt p a {
  color: #0d6a37;
  text-decoration: underline;
}

.form-close-icon {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.fancybox__container .job-form-popup {
  display: block !important;
  max-width: 509px;
  padding: 2.5%;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .fancybox__container .job-form-popup {
    width: 90%;
    padding: 5%;
  }
}
.fancybox__container .job-form-popup .form-close-icon {
  z-index: 10;
}
.fancybox__container .job-form-popup .form-close-icon:hover {
  opacity: 0.7;
}
.fancybox__container .fancybox__toolbar {
  display: none !important;
}
.fancybox__container .fancybox__nav {
  display: none !important;
}
.fancybox__container .fancybox__button--prev,
.fancybox__container .fancybox__button--next {
  display: none !important;
}
.fancybox__container .fancybox__button {
  display: none !important;
}
.fancybox__container .fancybox__button--close,
.fancybox__container .fancybox__button--zoom,
.fancybox__container .fancybox__button--slideshow,
.fancybox__container .fancybox__button--fullscreen,
.fancybox__container .fancybox__button--thumbs {
  display: none !important;
}
.fancybox__container .fancybox__footer {
  display: none !important;
}
.fancybox__container .fancybox__footer {
  display: none !important;
}
.fancybox__container .fancybox__button svg,
.fancybox__container .fancybox__nav svg {
  display: none !important;
}

.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.8);
}

#login-popup .form-icon {
  display: none !important;
}

.file-upload-section-wrapper {
  margin-bottom: 20px;
  margin-top: 20px;
}

.file-upload-section {
  position: relative;
  width: 100%;
}

.file-input-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}

.file-upload-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.file-upload-label .file-upload-icon {
  display: flex;
  align-items: center;
}
.file-upload-label .file-upload-icon img {
  width: 24px;
  height: 24px;
}
.file-upload-label .file-upload-text {
  margin: 0;
  font-size: 16px;
  color: #444444;
  font-weight: 400;
}

.file-preview-container {
  position: relative;
  margin-top: 15px;
  display: inline-block;
}
.file-preview-container .file-preview-image {
  max-width: 150px;
  max-height: 150px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #e0e0e0;
}
.file-preview-container .file-remove-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ff4444;
  color: #fff;
  border: none;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
.file-preview-container .file-remove-btn:hover {
  background: #cc0000;
}

.form-group {
  background: #fff;
  padding: 6%;
  border-radius: 20px;
  margin-bottom: 20px;
}

.form-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  -moz-column-count: unset;
       column-count: unset;
}
.form-col-2 li {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .form-col-2 {
    grid-template-columns: 1fr;
  }
}

.create_profile_container {
  max-width: 1073px;
  margin-left: auto;
  margin-right: auto;
}

.resume-upload-wrapper {
  margin-bottom: 20px;
  margin-top: 20px;
}

.resume-upload-area {
  position: relative;
  width: 100%;
  background: #f5f5f5;
  border-radius: 30px;
  padding: 40px 20px;
  text-align: center;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.resume-upload-button {
  background: #101922;
  color: #ffffff;
  font-size: 16px;
  padding: 15px 40px;
  border-radius: 35px;
  border: none;
  cursor: pointer;
  display: inline-block;
  transition: background 0.3s ease, color 0.3s ease;
  font-weight: 400;
}
.resume-upload-button:hover {
  background: #A9D159;
  color: #101922;
}

.resume-file-name {
  margin-top: 15px;
  font-size: 14px;
  color: #444444;
  padding: 10px 15px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  display: inline-block;
}

.education-checkbox-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}

.education-checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
}

.education-checkbox {
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 10px;
  accent-color: #0d6a37;
}

.checkbox-text {
  font-size: 14px;
  color: #818181;
  font-weight: 400;
}

.education-buttons-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
}
.education-buttons-wrapper .btn_save_education {
  background: #0d6a37;
  color: #ffffff;
  font-size: 16px;
  width: 100%;
  height: 48px;
  border-radius: 35px;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
  font-weight: 400;
}
.education-buttons-wrapper .btn_save_education:hover {
  background: #8dc540;
}
.education-buttons-wrapper .btn_add_more_education {
  background: #101922;
  color: #ffffff;
  font-size: 16px;
  width: 100%;
  height: 48px;
  border-radius: 35px;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
  font-weight: 400;
}
.education-buttons-wrapper .btn_add_more_education:hover {
  background: #A9D159;
  color: #101922;
}

.max-w-but {
  max-width: 248px;
  margin-left: auto;
  margin-right: auto;
}

.certificate-upload-section {
  margin-top: 20px;
  margin-bottom: 20px;
}

.certificate-upload-instruction {
  font-size: 14px;
  color: #444444;
  margin: 0 0 15px 0;
  font-weight: 400;
}

.certificate-upload-area {
  position: relative;
  width: 100%;
  background: #f5f5f5;
  border-radius: 30px;
  padding: 40px 20px;
  text-align: center;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.certificate-upload-button {
  background: #101922;
  color: #ffffff;
  font-size: 16px;
  padding: 15px 40px;
  border-radius: 35px;
  border: none;
  cursor: pointer;
  display: inline-block;
  transition: background 0.3s ease, color 0.3s ease;
  font-weight: 400;
}
.certificate-upload-button:hover {
  background: #A9D159;
  color: #101922;
}

.certificate-file-name {
  margin-top: 15px;
  font-size: 14px;
  color: #444444;
  padding: 10px 15px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  display: inline-block;
}

.saudi-council-section {
  width: 100%;
}

.saudi-council-title {
  margin: 0 0 20px 0;
  font-size: 23px;
  font-weight: 400;
  color: #2c2c2c;
}

.saudi-council-upload-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
  background: rgba(220, 219, 221, 0.3);
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .saudi-council-upload-wrapper {
    flex-direction: column;
    align-items: stretch;
  }
}

.saudi-council-input-wrapper {
  flex: 1;
}
.saudi-council-input-wrapper .saudi-council-input {
  width: 100%;
  background: #f5f5f5;
  padding-left: 20px;
  padding-right: 20px;
  border: none;
  cursor: default;
}
.saudi-council-input-wrapper .saudi-council-input::-moz-placeholder {
  color: #999;
}
.saudi-council-input-wrapper .saudi-council-input::placeholder {
  color: #999;
}
.saudi-council-input-wrapper .saudi-council-input:focus-visible {
  outline: none;
}

.saudi-council-button-wrapper {
  flex-shrink: 0;
}

.saudi-council-attach-btn {
  background: #0d6a37;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 30px;
  border-radius: 35px;
  border: none;
  cursor: pointer;
  display: inline-block;
  transition: background 0.3s ease, color 0.3s ease;
  font-weight: 400;
  white-space: nowrap;
}
.saudi-council-attach-btn:hover {
  background: #0a5630;
}
@media screen and (max-width: 768px) {
  .saudi-council-attach-btn {
    width: 100%;
    text-align: center;
  }
}

.saudi-council-file-name {
  margin-top: 10px;
  font-size: 14px;
  color: #444444;
  padding: 8px 12px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  display: inline-block;
}

.employment-section {
  margin-bottom: 30px;
}
.employment-section:last-child {
  margin-bottom: 0;
}

.employment-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  flex-wrap: wrap;
  margin-bottom: 10px;
  gap: 15px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .employment-question {
    flex-direction: column;
    align-items: flex-start;
  }
}

.employment-question-label {
  font-size: 16px;
  color: #444444;
  font-weight: 400;
  margin: 0;
}

.yes-no-checkboxes {
  display: flex;
  align-items: center;
  gap: 20px;
}

.yes-no-checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
}

.yes-no-checkbox {
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: #0d6a37;
  border-radius: 10px;
}

.add-more-projects-link {
  margin-top: 15px;
}

.add-more-link {
  color: #0d6a37;
  font-size: 16px;
  text-decoration: underline;
  font-weight: 400;
  transition: color 0.3s ease;
}
.add-more-link:hover {
  color: #0a5630;
}

.text-center-title {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .text-center-title {
    margin-bottom: 15px;
  }
}

.engineering_expertise_section {
  width: 100%;
  position: relative;
}

.engineering_expertise_header {
  width: 100%;
}

.engineering_expertise_content_01 {
  width: 100%;
  position: relative;
}
.engineering_expertise_content_01 .expertise_image_wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #000;
}
@media screen and (max-width: 1024px) {
  .engineering_expertise_content_01 .expertise_image_wrapper {
    max-height: 600px;
  }
}
@media screen and (max-width: 768px) {
  .engineering_expertise_content_01 .expertise_image_wrapper {
    max-height: 500px;
  }
}
.engineering_expertise_content_01 .expertise_image_wrapper .expertise_active_image {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity 0.5s ease;
}
.engineering_expertise_content_01 .expertise_image_wrapper .expertise_image_1 {
  position: relative;
  opacity: 1;
  z-index: 1;
}
.engineering_expertise_content_01 .expertise_image_wrapper .expertise_image_2 {
  opacity: 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .engineering_expertise_content_01 .expertise_image_wrapper {
    height: 700px;
  }
}
@media screen and (max-width: 820px) {
  .engineering_expertise_content_01 .expertise_image_wrapper {
    height: 710px;
  }
}
@media screen and (max-width: 700px) {
  .engineering_expertise_content_01 .expertise_image_wrapper {
    height: 820px;
  }
}
.engineering_expertise_content_01 .expertise_thumb_row_content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  padding: 40px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .engineering_expertise_content_01 .expertise_thumb_row_content {
    padding: 30px 0;
  }
}
@media screen and (max-width: 480px) {
  .engineering_expertise_content_01 .expertise_thumb_row_content {
    padding: 20px 0;
  }
}
.engineering_expertise_content_01 .expertise_thumb_row_content .wrap .expertise_content_wrapper .expertise_active_title {
  margin: 0;
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  transition: opacity 0.3s ease;
  opacity: 1;
}
@media screen and (max-width: 480px) {
  .engineering_expertise_content_01 .expertise_thumb_row_content .wrap .expertise_content_wrapper .expertise_active_title {
    font-size: 28px;
    margin-bottom: 5px;
  }
}
.engineering_expertise_content_01 .expertise_thumb_row_content .wrap .expertise_content_wrapper .expertise_active_description {
  margin: 0;
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
  max-width: 600px;
  transition: opacity 0.3s ease;
  opacity: 1;
}
@media screen and (max-width: 480px) {
  .engineering_expertise_content_01 .expertise_thumb_row_content .wrap .expertise_content_wrapper .expertise_active_description {
    font-size: 14px;
  }
}
.engineering_expertise_content_01 .expertise_thumb_row_content .wrap .expertise_content_wrapper .expertise_active_button {
  margin-top: 10px;
  transition: opacity 0.3s ease;
  opacity: 1;
}
.engineering_expertise_content_01 .expertise_thumb_row {
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10;
  margin-top: auto;
}
.engineering_expertise_content_01 .expertise_thumb_row ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .engineering_expertise_content_01 .expertise_thumb_row ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
    padding: 0 10px;
  }
  .engineering_expertise_content_01 .expertise_thumb_row ul::-webkit-scrollbar {
    height: 4px;
  }
  .engineering_expertise_content_01 .expertise_thumb_row ul::-webkit-scrollbar-track {
    background: transparent;
  }
  .engineering_expertise_content_01 .expertise_thumb_row ul::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
  }
  .engineering_expertise_content_01 .expertise_thumb_row ul::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
  }
}
.engineering_expertise_content_01 .expertise_thumb_row ul li {
  margin: 0;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.2);
  -o-border-image: linear-gradient(169.25deg, rgba(255, 255, 255, 0.7) 0%, rgba(238, 237, 237, 0.35) 100%);
     border-image: linear-gradient(169.25deg, rgba(255, 255, 255, 0.7) 0%, rgba(238, 237, 237, 0.35) 100%);
  width: 11.1%;
  font-size: 16px;
  font-weight: 300;
  display: flex;
  color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .engineering_expertise_content_01 .expertise_thumb_row ul li {
    width: auto;
    min-width: -moz-fit-content;
    min-width: fit-content;
    flex-shrink: 0;
  }
}
.engineering_expertise_content_01 .expertise_thumb_row ul li:hover {
  background: #82b53a url(../images/hover-bg-thumb.svg) no-repeat 80% center;
  background-size: contain;
}
.engineering_expertise_content_01 .expertise_thumb_row ul li.active {
  background: #82b53a url(../images/hover-bg-thumb.svg) no-repeat 80% center;
  background-size: contain;
  color: #fff;
}

.breadcrumb_section {
  width: 100%;
  padding-top: 25px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .breadcrumb_section {
    padding: 15px 0;
  }
}

.breadcrumb_list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
@media screen and (max-width: 480px) {
  .breadcrumb_list {
    gap: 5px;
  }
}

.breadcrumb_item {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 480px) {
  .breadcrumb_item {
    gap: 5px;
  }
}
.breadcrumb_item .breadcrumb_home_icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 480px) {
  .breadcrumb_item .breadcrumb_home_icon {
    width: 14px;
    height: 14px;
  }
}
.breadcrumb_item .breadcrumb_link {
  color: #666;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  transition: color 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.breadcrumb_item .breadcrumb_link:hover {
  color: #999;
}
@media screen and (max-width: 768px) {
  .breadcrumb_item .breadcrumb_link {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .breadcrumb_item .breadcrumb_link {
    font-size: 12px;
  }
}
.breadcrumb_item .breadcrumb_text {
  color: #47A01A;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
@media screen and (max-width: 768px) {
  .breadcrumb_item .breadcrumb_text {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .breadcrumb_item .breadcrumb_text {
    font-size: 12px;
  }
}
.breadcrumb_item .breadcrumb_separator {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.breadcrumb_item .breadcrumb_separator .breadcrumb_separator_icon {
  width: 16px;
  height: 10px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .breadcrumb_item .breadcrumb_separator {
    margin-left: 5px;
  }
  .breadcrumb_item .breadcrumb_separator .breadcrumb_separator_icon {
    width: 14px;
    height: 14px;
  }
}
@media screen and (max-width: 480px) {
  .breadcrumb_item .breadcrumb_separator {
    margin-left: 4px;
  }
  .breadcrumb_item .breadcrumb_separator .breadcrumb_separator_icon {
    width: 12px;
    height: 12px;
  }
}

.why_partner_section {
  width: 100%;
  position: relative;
}
.why_partner_section .wrap {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  align-items: start;
}
@media screen and (max-width: 768px) {
  .why_partner_section .wrap {
    padding: 0 15px;
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .why_partner_section .wrap {
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .why_partner_section .wrap .w_50 {
    width: 100% !important;
    margin-bottom: 30px;
  }
}
.why_partner_section .why_partner_list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.why_partner_section .why_partner_list .why_partner_item {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #C4C4C4;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.why_partner_section .why_partner_list .why_partner_item:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .why_partner_section .why_partner_list .why_partner_item {
    gap: 15px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 480px) {
  .why_partner_section .why_partner_list .why_partner_item {
    gap: 12px;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.why_partner_section .why_partner_list .why_partner_item .why_partner_icon {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .why_partner_section .why_partner_list .why_partner_item .why_partner_icon {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 480px) {
  .why_partner_section .why_partner_list .why_partner_item .why_partner_icon {
    width: 40px;
    height: 40px;
  }
}
.why_partner_section .why_partner_list .why_partner_item .why_partner_icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.why_partner_section .why_partner_list .why_partner_item .why_partner_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media screen and (max-width: 480px) {
  .why_partner_section .why_partner_list .why_partner_item .why_partner_content {
    gap: 6px;
  }
}
.why_partner_section .why_partner_list .why_partner_item .why_partner_title {
  margin: 0;
  color: #000;
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .why_partner_section .why_partner_list .why_partner_item .why_partner_title {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .why_partner_section .why_partner_list .why_partner_item .why_partner_title {
    font-size: 17px;
  }
}
@media screen and (max-width: 480px) {
  .why_partner_section .why_partner_list .why_partner_item .why_partner_title {
    font-size: 16px;
  }
}
.why_partner_section .why_partner_list .why_partner_item .why_partner_text {
  margin: 0;
  color: #000;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .why_partner_section .why_partner_list .why_partner_item .why_partner_text {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .why_partner_section .why_partner_list .why_partner_item .why_partner_text {
    font-size: 15px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 480px) {
  .why_partner_section .why_partner_list .why_partner_item .why_partner_text {
    font-size: 14px;
  }
}
.why_partner_section .why_partner_list :last-child {
  border-bottom: none;
}

.project_filter_section {
  width: 100%;
  position: relative;
  background: #F5F9EE;
  padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .project_filter_section {
    padding: 20px 0;
  }
}
.project_filter_section .wrap {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .project_filter_section .wrap {
    padding: 0 15px;
  }
}
@media screen and (max-width: 480px) {
  .project_filter_section .wrap {
    padding: 0 10px;
  }
}
.project_filter_section .project_filter_container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #E1E4ED;
  padding-bottom: 15px;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .project_filter_section .project_filter_container {
    flex-wrap: wrap;
    gap: 15px;
  }
}
@media screen and (max-width: 480px) {
  .project_filter_section .project_filter_container {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}
.project_filter_section .project_filter_title {
  flex-shrink: 0;
}
.project_filter_section .project_filter_buttons {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: flex-end;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .project_filter_section .project_filter_buttons {
    gap: 10px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .project_filter_section .project_filter_buttons {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
}
.project_filter_section .project_filter_buttons .project_filter_item {
  flex-shrink: 0;
  width: 180px;
}
@media screen and (max-width: 480px) {
  .project_filter_section .project_filter_buttons .project_filter_item {
    width: 100%;
  }
}
.project_filter_section .project_filter_buttons .project_filter_item .project_filter_select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  border: none;
  border-radius: 50px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  cursor: pointer;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px 8px;
  padding-right: 40px;
  transition: all 0.3s ease;
}
.project_filter_section .project_filter_buttons .project_filter_item .project_filter_select:hover {
  background-color: #f5f5f5;
}
.project_filter_section .project_filter_buttons .project_filter_item .project_filter_select:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(130, 181, 58, 0.3);
}
@media screen and (max-width: 1024px) {
  .project_filter_section .project_filter_buttons .project_filter_item .project_filter_select {
    font-size: 15px;
    padding: 10px 18px;
    padding-right: 38px;
    min-width: 140px;
  }
}
@media screen and (max-width: 768px) {
  .project_filter_section .project_filter_buttons .project_filter_item .project_filter_select {
    font-size: 14px;
    padding: 10px 15px;
    padding-right: 35px;
    min-width: 120px;
  }
}
@media screen and (max-width: 480px) {
  .project_filter_section .project_filter_buttons .project_filter_item .project_filter_select {
    width: 100%;
    min-width: auto;
  }
}
.project_filter_section .project_filter_clear {
  flex-shrink: 0;
}
@media screen and (max-width: 480px) {
  .project_filter_section .project_filter_clear {
    width: 100%;
    text-align: left;
  }
}
.project_filter_section .project_filter_clear .project_filter_clear_link {
  color: #0D6A37;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
  cursor: pointer;
}
.project_filter_section .project_filter_clear .project_filter_clear_link:hover {
  color: #6a9a2e;
}
@media screen and (max-width: 768px) {
  .project_filter_section .project_filter_clear .project_filter_clear_link {
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  .project_filter_section .project_filter_clear .project_filter_clear_link {
    font-size: 14px;
  }
}
.project_filter_section .project_filter_clear .project_filter_clear_link:hover {
  color: #019c47;
}

.project_card {
  width: 100%;
  background: #fff;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.project_card .project_card_link_wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  position: relative;
}
.project_card .project_card_link_wrapper::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  z-index: 1;
}
.project_card .project_card_image {
  width: 100%;
  position: relative;
  overflow: hidden;
  aspect-ratio: 335/423;
  background: #f5f5f5;
}
.project_card .project_card_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.project_card:hover .project_card_image img {
  transform: scale(1.05);
}
.project_card .project_card_content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
  left: 0;
}
@media screen and (max-width: 768px) {
  .project_card .project_card_content {
    padding: 15px;
  }
}
@media screen and (max-width: 480px) {
  .project_card .project_card_content {
    padding: 12px;
  }
}
.project_card .project_card_title {
  margin: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  transition: color 0.3s ease;
}
@media screen and (max-width: 1024px) {
  .project_card .project_card_title {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .project_card .project_card_title {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .project_card .project_card_title {
    font-size: 23px;
  }
}
.project_card .project_card_title .project_card_title_span {
  font-weight: 300;
  display: block;
}
.project_card .project_card_description {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #fff;
  margin: 0;
  margin-top: 10px;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.8s ease-in-out, max-height 0.8s ease-in-out, margin-top 0.8s ease-in-out;
}
@media screen and (max-width: 768px) {
  .project_card .project_card_description {
    font-size: 14px;
  }
}
.project_card .project_card_link_wrapper:hover .project_card_description {
  opacity: 1;
  max-height: 200px;
  margin-top: 10px;
}

.project_cards_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .project_cards_grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
  }
}
@media screen and (max-width: 768px) {
  .project_cards_grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
  }
}
@media screen and (max-width: 480px) {
  .project_cards_grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.project_card_hidden {
  display: none;
}

.load_more_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .load_more_wrapper {
    margin-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  .load_more_wrapper {
    margin-top: 30px;
  }
}

.file-upload-section {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.file-upload-icon {
  display: inline-flex;
  width: 93px;
  height: 93px;
  border-radius: 100%;
  background: rgba(221, 221, 221, 0.45);
  align-items: center;
  justify-content: center;
}

.file-upload-section-wrapper {
  display: flex;
  align-items: center;
}

.project_details_section {
  background: #fff;
}

.project_details_container {
  max-width: 100%;
}

.project_details_header {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .project_details_header {
    margin-bottom: 20px;
  }
}

.project_location {
  font-size: 16px;
  color: #666;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .project_location {
    font-size: 14px;
  }
}

.project_details_image {
  width: 100%;
  margin-bottom: 40px;
  border-radius: 10px;
  overflow: hidden;
}
.project_details_image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .project_details_image {
    margin-bottom: 30px;
    border-radius: 8px;
  }
}

.project_main_title {
  font-size: 30px;
  font-weight: 400;
  margin: 0;
  line-height: 100%;
  margin-bottom: 20px;
  color: #000;
}
@media screen and (max-width: 768px) {
  .project_main_title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .project_main_title {
    font-size: 20px;
  }
}

.project_details_info {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .project_details_info {
    margin-bottom: 30px;
  }
}

.project_info_list {
  margin: 0;
  margin-top: 25px;
  padding: 0;
  margin-bottom: 30px;
}
.project_info_list li {
  list-style: disc;
  font-size: 16px;
  color: #444444;
  list-style-position: inside;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .project_info_list li {
    font-size: 14px;
    margin-bottom: 8px;
  }
}
.project_info_list li::marker {
  font-size: 10px;
}
.project_info_list li span {
  font-weight: 600;
  color: #000;
}

.project_details_content {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .project_details_content {
    margin-top: 30px;
  }
}

.project_overview,
.project_description,
.project_objectives,
.project_scope {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .project_overview,
  .project_description,
  .project_objectives,
  .project_scope {
    margin-bottom: 30px;
  }
}
.project_overview p,
.project_description p,
.project_objectives p,
.project_scope p {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .project_overview p,
  .project_description p,
  .project_objectives p,
  .project_scope p {
    font-size: 14px;
    margin-bottom: 12px;
  }
}

.project_features_list,
.project_objectives_list {
  margin: 20px 0;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .project_features_list,
  .project_objectives_list {
    margin: 15px 0;
    padding-left: 15px;
  }
}
.project_features_list li,
.project_objectives_list li {
  list-style: disc;
  font-size: 16px;
  color: #444444;
  margin-bottom: 10px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .project_features_list li,
  .project_objectives_list li {
    font-size: 14px;
    margin-bottom: 8px;
  }
}
.project_features_list li::marker,
.project_objectives_list li::marker {
  color: #A9D159;
}

.project_info_block_section {
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .project_info_block_section {
    padding: 20px 0;
  }
}
@media screen and (max-width: 480px) {
  .project_info_block_section {
    padding: 20px 0;
  }
}

.project_info_block_container {
  width: 100%;
}

.project_info_description {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .project_info_description {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .project_info_description {
    margin-bottom: 30px;
  }
}
.project_info_description p {
  font-size: 25px;
  line-height: 1.4;
  color: #444444;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .project_info_description p {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .project_info_description p {
    font-size: 15px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 480px) {
  .project_info_description p {
    font-size: 14px;
  }
}
.project_info_description p strong,
.project_info_description p b {
  color: #0d6a37;
  font-weight: 600;
}

.project_info_grid {
  display: grid;
  grid-template-columns: repeat(5, calc(20% - 32px));
  gap: 40px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1024px) {
  .project_info_grid {
    grid-template-columns: repeat(3, calc(33.333% - 23.33px));
    gap: 35px;
  }
}
@media screen and (max-width: 768px) {
  .project_info_grid {
    grid-template-columns: repeat(2, calc(50% - 15px));
    gap: 30px;
  }
}
@media screen and (max-width: 480px) {
  .project_info_grid {
    grid-template-columns: 100%;
    gap: 10px;
  }
}

.project_info_item {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.project_info_label {
  font-size: 16px;
  font-weight: 600;
  color: #0d6a37;
  margin: 0 0 12px 0;
  padding-top: 10px;
  border-top: 1px solid #8dc540;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .project_info_label {
    font-size: 15px;
    padding-bottom: 8px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .project_info_label {
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 3px;
  }
}

.project_info_value {
  font-size: 16px;
  line-height: 1.6;
  color: #999;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .project_info_value {
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  .project_info_value {
    font-size: 14px;
  }
}
.project_info_value br {
  display: block;
  margin: 4px 0;
}

.design_scope_section {
  padding: 80px 0;
  background: #F5F9EE;
}
@media screen and (max-width: 768px) {
  .design_scope_section {
    padding: 60px 0;
  }
}
@media screen and (max-width: 480px) {
  .design_scope_section {
    padding: 40px 0;
  }
}

.design_scope_container {
  width: 100%;
}

.design_scope_title_wrapper {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .design_scope_title_wrapper {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .design_scope_title_wrapper {
    margin-bottom: 25px;
  }
}

.design_scope_title {
  font-size: 48px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  color: #000;
}
@media screen and (max-width: 1024px) {
  .design_scope_title {
    font-size: 40px;
  }
}
@media screen and (max-width: 768px) {
  .design_scope_title {
    font-size: 32px;
  }
}
@media screen and (max-width: 480px) {
  .design_scope_title {
    font-size: 24px;
  }
}

.design_scope_title_bold {
  font-weight: 700;
  color: #0D6A37;
}

.design_scope_title_regular {
  font-weight: 400;
  color: #000;
}

.design_scope_image_wrapper {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .design_scope_image_wrapper {
    margin-bottom: 40px;
    border-radius: 8px;
  }
}
@media screen and (max-width: 480px) {
  .design_scope_image_wrapper {
    margin-bottom: 30px;
  }
}
.design_scope_image_wrapper:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(241.46deg, rgba(162, 200, 86, 0.4) 0%, rgba(105, 154, 71, 0.4) 48.0007708073%, rgba(19, 107, 55, 0.4) 77.3304998875%);
}

.design_scope_video_link {
  display: block;
  width: 100%;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.design_scope_video_link:hover .design_scope_play_button {
  transform: translate(-50%, -50%) scale(1.15);
}

.design_scope_image {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.design_scope_play_button {
  position: absolute;
  top: 50%;
  z-index: 10;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: transform 0.3s ease;
}
.design_scope_play_button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.design_scope_play_button svg {
  display: block;
  width: 64px;
  height: 64px;
}
@media screen and (max-width: 768px) {
  .design_scope_play_button svg {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 480px) {
  .design_scope_play_button svg {
    width: 50px;
    height: 50px;
  }
}

.design_scope_items_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .design_scope_items_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .design_scope_items_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 480px) {
  .design_scope_items_grid {
    grid-template-columns: 1fr;
  }
}

.design_scope_item {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0px 0px 0 0;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}
.design_scope_item:nth-child(4n) {
  border-right: none;
  padding-right: 0;
}
@media screen and (max-width: 1024px) {
  .design_scope_item:nth-child(4n) {
    border-right: 1px solid #0D6A37;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .design_scope_item:nth-child(2n) {
    border-right: none;
    padding-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .design_scope_item {
    padding: 15px 0 0 0;
    border-right: none;
  }
}
@media screen and (max-width: 480px) {
  .design_scope_item {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .design_scope_item h4 {
    min-height: 80px;
  }
}

.design_scope_item_icon {
  border-top: solid 2px #0D6A37;
  padding-top: 40px;
  margin-top: 25px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .design_scope_item_icon {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .design_scope_item_icon {
    margin-bottom: 12px;
  }
}
.design_scope_item_icon img {
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.design_scope_item_description {
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .design_scope_item_description {
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  .design_scope_item_description {
    font-size: 14px;
  }
}

.project_gallery_section {
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .project_gallery_section {
    padding: 60px 0;
  }
}
@media screen and (max-width: 480px) {
  .project_gallery_section {
    padding: 40px 0;
  }
}

.project_gallery_container {
  width: 100%;
}

.project_gallery_title {
  font-size: 48px;
  font-weight: 700;
  color: #0D6A37;
  margin: 0 0 50px 0;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .project_gallery_title {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .project_gallery_title {
    font-size: 32px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .project_gallery_title {
    font-size: 28px;
    margin-bottom: 25px;
  }
}

.project_gallery_slider_wrapper {
  position: relative;
  width: 100%;
}

.project_gallery_swiper {
  width: 100%;
}
.project_gallery_swiper .swiper-wrapper {
  display: flex;
  align-items: stretch;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-duration: 1000ms;
}
.project_gallery_swiper .swiper-slide {
  height: auto;
  display: flex;
  transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.project_gallery_slide {
  width: 100%;
  position: relative;
  border-radius: 0px;
  overflow: hidden;
  aspect-ratio: 335/423;
  background: #1a1a1a;
  cursor: pointer;
}
.project_gallery_image_link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
}

.project_gallery_image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
  pointer-events: none;
}

.project_gallery_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
  pointer-events: none;
}

.project_gallery_zoom_icon {
  font-size: 48px;
  color: #fff;
  font-weight: 300;
  line-height: 1;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 768px) {
  .project_gallery_zoom_icon {
    font-size: 36px;
  }
}
@media screen and (max-width: 480px) {
  .project_gallery_zoom_icon {
    font-size: 32px;
  }
}

.project_gallery_image_link:hover .project_gallery_image {
  transform: scale(1.1);
}
.project_gallery_image_link:hover .project_gallery_overlay {
  opacity: 1;
}
.project_gallery_image_link:hover .project_gallery_zoom_icon {
  transform: scale(1.2);
}

.project_gallery_play_button {
  position: relative;
  transition: transform 0.3s ease;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.project_gallery_play_button svg {
  display: block;
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 768px) {
  .project_gallery_play_button svg {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 480px) {
  .project_gallery_play_button svg {
    width: 50px;
    height: 50px;
  }
}

.project_gallery_image_link:hover .project_gallery_play_button {
  transform: scale(1.1);
}

.project_gallery_navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 10;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .project_gallery_navigation {
    padding: 0 10px;
  }
}

.project_gallery_prev,
.project_gallery_next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  pointer-events: all;
  position: relative;
  z-index: 11;
}
.project_gallery_prev:hover,
.project_gallery_next:hover {
  background: #fff;
  transform: scale(1.1);
}
.project_gallery_prev:active,
.project_gallery_next:active {
  transform: scale(0.95);
}
.project_gallery_prev img,
.project_gallery_next img {
  width: 17px;
  height: 17px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media screen and (max-width: 768px) {
  .project_gallery_prev,
  .project_gallery_next {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 480px) {
  .project_gallery_prev,
  .project_gallery_next {
    width: 35px;
    height: 35px;
  }
}

.fancybox__container {
  z-index: 99999;
}

.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.95);
}

.fancybox__caption {
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
}

.contact_us_section {
  padding: 80px 0;
  background: #F5F9EE;
}
@media screen and (max-width: 768px) {
  .contact_us_section {
    padding: 60px 0;
  }
}
@media screen and (max-width: 480px) {
  .contact_us_section {
    padding: 40px 0;
  }
}

.contact_us_container {
  width: 100%;
}

.contact_us_content {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 60px;
  align-items: start;
}
@media screen and (max-width: 1024px) {
  .contact_us_content {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}
@media screen and (max-width: 768px) {
  .contact_us_content {
    gap: 20px;
  }
}

.contact_us_info {
  width: 100%;
}

.contact_us_title {
  font-size: 48px;
  font-weight: 700;
  color: #0D6A37;
  margin: 0 0 20px 0;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .contact_us_title {
    font-size: 40px;
  }
}
@media screen and (max-width: 768px) {
  .contact_us_title {
    font-size: 32px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  .contact_us_title {
    font-size: 28px;
  }
}

.contact_us_description {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: #444;
  margin: 0 0 40px 0;
}
@media screen and (max-width: 768px) {
  .contact_us_description {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .contact_us_description {
    font-size: 15px;
  }
}

.contact_info_section {
  border-radius: 8px;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .contact_info_section {
    padding: 25px 20px;
    margin-top: 25px;
  }
}
@media screen and (max-width: 480px) {
  .contact_info_section {
    padding: 20px 15px;
    margin-top: 20px;
  }
}

.contact_info_item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 20px;
}
.contact_info_item:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .contact_info_item {
    gap: 12px;
    margin-bottom: 18px;
  }
}
.contact_info_item p, .contact_info_item a {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

.contact_info_icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background: #0D6A37;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.contact_info_icon svg {
  width: 20px;
  height: 20px;
  stroke: #fff;
}
@media screen and (max-width: 768px) {
  .contact_info_icon {
    width: 35px;
    height: 35px;
    min-width: 35px;
  }
  .contact_info_icon svg {
    width: 18px;
    height: 18px;
  }
}

.contact_info_text {
  flex: 1;
  display: flex;
  align-items: center;
}
.contact_info_text a {
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  text-decoration: none;
  transition: color 0.3s ease;
}
.contact_info_text a:hover {
  color: #0D6A37;
}
@media screen and (max-width: 768px) {
  .contact_info_text a {
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  .contact_info_text a {
    font-size: 14px;
  }
}
.contact_info_text p {
  max-width: 45%;
}

.contact_social_links {
  display: flex;
  gap: 10px;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 768px) {
  .contact_social_links {
    margin-top: 20px;
    padding-top: 20px;
    gap: 8px;
  }
}

.contact_social_link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #0D6A37;
  transition: all 0.3s ease;
}
.contact_social_link:hover {
  background: #0D6A37;
  transform: translateY(-2px);
}
.contact_social_link img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: filter 0.3s ease;
}
.contact_social_link:hover img {
  filter: brightness(0) invert(1);
}
@media screen and (max-width: 768px) {
  .contact_social_link {
    width: 35px;
    height: 35px;
  }
  .contact_social_link img {
    width: 18px;
    height: 18px;
  }
}

.contact_us_form_wrapper {
  width: 100%;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .contact_us_form_wrapper {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 480px) {
  .contact_us_form_wrapper {
    padding: 25px 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.contact_form {
  width: 100%;
}

.contact_form_list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.form_row_item {
  margin-bottom: 20px;
  list-style: none;
}

.form_row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .form_row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.form_row .form_group {
  margin-bottom: 0;
}

.form_group {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  list-style: none;
}
.form_group:last-of-type {
  margin-bottom: 0;
}

.form_input,
.form_textarea {
  width: 100%;
  padding: 12px 18px;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #fff;
  border: none;
  border-radius: 50px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  font-family: inherit;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: solid 1px rgba(13, 106, 55, 0);
}
.form_input:focus,
.form_textarea:focus {
  outline: none;
  border-color: #0D6A37;
  border: solid 1px rgba(13, 106, 55, 0.7);
}
.form_input::-moz-placeholder, .form_textarea::-moz-placeholder {
  color: #999;
  font-weight: 400;
}
.form_input::placeholder,
.form_textarea::placeholder {
  color: #999;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .form_input,
  .form_textarea {
    font-size: 15px;
    padding: 12px 16px;
    border-radius: 15px;
  }
}

.form_textarea {
  resize: vertical;
  min-height: 150px;
  border-radius: 30px;
}

.form_submit_wrapper {
  margin-top: 40px;
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .form_submit_wrapper {
    margin-top: 15px;
  }
}
.form_submit_wrapper .btn_style {
  margin-top: 0;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

.contact_map_section {
  width: 100%;
  position: relative;
  background: #000;
}

.contact_map_wrapper {
  width: 100%;
  height: 593px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contact_map_wrapper {
    height: 400px;
  }
}
@media screen and (max-width: 480px) {
  .contact_map_wrapper {
    height: 300px;
  }
}

.contact_map_container {
  width: 100%;
  height: 100%;
}

#contactMap {
  width: 100%;
  height: 100%;
}

.faq_section {
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .faq_section {
    padding: 60px 0;
  }
}
@media screen and (max-width: 480px) {
  .faq_section {
    padding: 40px 0;
  }
}

.faq_wrapper {
  width: 100%;
  margin: 0 auto;
}

.faq_title {
  margin: 0 0 40px 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  .faq_title {
    font-size: 42px;
  }
}
@media screen and (max-width: 768px) {
  .faq_title {
    font-size: 36px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .faq_title {
    font-size: 28px;
    margin-bottom: 25px;
  }
}

.faq_title_green {
  color: #0D6A37;
}

.faq_title_dark {
  color: #666;
}

.faq_list {
  list-style: none;
  margin: 0;
  padding-left: 0;
  width: 100%;
}

.faq_item {
  padding-bottom: 25px;
  border-bottom: solid rgb(128, 128, 128) 1px;
}
.faq_item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 480px) {
  .faq_item {
    padding-bottom: 0px;
  }
}

.faq_question {
  width: 100%;
  display: flex;
  padding: 25px 0;
  padding-bottom: 0;
  align-items: center;
  justify-content: space-between;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 768px) {
  .faq_question {
    padding: 20px 0;
  }
}
@media screen and (max-width: 480px) {
  .faq_question {
    padding: 15px 0;
  }
}
.faq_question:hover {
  opacity: 0.9;
}

.faq_question_text {
  font-size: 22px;
  font-weight: 800;
  color: #2c2c2c;
  line-height: 120%;
  flex: 1;
  padding-right: 20px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .faq_question_text {
    font-size: 16px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 480px) {
  .faq_question_text {
    font-size: 15px;
    padding-right: 12px;
  }
}

.faq_icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
  background: rgba(141, 197, 64, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.faq_icon_plus,
.faq_icon_minus {
  position: absolute;
  color: #0d6a37;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  transition: opacity 0.4s ease, transform 0.4s ease;
}
@media screen and (max-width: 768px) {
  .faq_icon_plus,
  .faq_icon_minus {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .faq_icon_plus,
  .faq_icon_minus {
    font-size: 18px;
  }
}

.faq_icon_plus {
  opacity: 1;
  transform: rotate(0deg);
}

.faq_icon_minus {
  opacity: 0;
  transform: rotate(90deg);
}

.faq_item_open .faq_icon_plus {
  opacity: 0;
  transform: rotate(90deg);
}
.faq_item_open .faq_icon_minus {
  opacity: 1;
  transform: rotate(0deg);
}
.faq_item_open .faq_icon_minus {
  color: #fff;
}
.faq_item_open .faq_icon_plus {
  color: #fff;
}
.faq_item_open .faq_icon {
  background: #0d6a37;
}

.faq_answer {
  height: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #d0d0d0;
  overflow: hidden;
  opacity: 0;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}
@media screen and (max-width: 768px) {
  .faq_answer {
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  .faq_answer {
    font-size: 14px;
  }
}
.faq_answer p {
  margin: 0 0 15px 0;
  max-width: 85%;
}
.faq_answer p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .faq_answer p {
    max-width: 100%;
  }
}

.faq_item_open .faq_answer {
  padding: 0 0 25px 0;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .faq_item_open .faq_answer {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .faq_item_open .faq_answer {
    padding-bottom: 15px;
  }
}

.events_list_ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.events_list_ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 25%;
}
@media screen and (max-width: 1024px) {
  .events_list_ul li {
    width: 33.333%;
  }
}
@media screen and (max-width: 768px) {
  .events_list_ul li {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .events_list_ul li {
    width: 100%;
  }
}

.events_list_item_image {
  position: relative;
  overflow: hidden;
  height: 400px;
}
@media screen and (max-width: 1024px) {
  .events_list_item_image {
    height: 350px;
  }
}
@media screen and (max-width: 768px) {
  .events_list_item_image {
    height: 300px;
  }
}
@media screen and (max-width: 480px) {
  .events_list_item_image {
    height: 250px;
  }
}
.events_list_item_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}
.events_list_item_image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 1;
}
.events_list_item_image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(13, 106, 55, 0) 0%, rgba(13, 106, 55, 0.9) 100%);
  opacity: 0;
  z-index: 2;
  transition: opacity 0.4s ease;
}

.events_list_item {
  position: relative;
}
.events_list_item .events_list_item_date {
  padding-top: 8px;
  line-height: 100%;
  text-align: center;
  justify-content: center;
  position: absolute;
  background: #a8d05a;
  color: #000;
  z-index: 3;
  right: 0;
  top: 0;
  width: 53px;
  height: 53px;
  font-size: 25px;
}
.events_list_item .events_list_item_date span {
  font-size: 14px;
  line-height: 100%;
  width: 100%;
  text-align: center;
  display: block;
}
@media screen and (max-width: 768px) {
  .events_list_item .events_list_item_date {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }
  .events_list_item .events_list_item_date span {
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  .events_list_item .events_list_item_date {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .events_list_item .events_list_item_date span {
    font-size: 11px;
  }
}
.events_list_item .events_list_item_content {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 7%;
  color: #fff;
  z-index: 10;
  transition: transform 0.4s ease;
}
.events_list_item .events_list_item_content h4 {
  margin: 0;
  font-size: 20px;
  line-height: 125%;
  font-weight: 500;
  max-width: 80%;
}
@media screen and (max-width: 768px) {
  .events_list_item .events_list_item_content h4 {
    font-size: 18px;
    max-width: 85%;
  }
}
@media screen and (max-width: 480px) {
  .events_list_item .events_list_item_content h4 {
    font-size: 16px;
    max-width: 90%;
  }
}
.events_list_item .events_list_item_content .events_detail_list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 15px;
  margin-top: 30px;
}
.events_list_item .events_list_item_content .events_detail_list li {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  gap: 10px;
  font-size: 17px;
}
.events_list_item .events_list_item_content .events_detail_list li img {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .events_list_item .events_list_item_content .events_detail_list li {
    gap: 8px;
    margin-top: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  .events_list_item .events_list_item_content .events_detail_list li {
    gap: 6px;
    margin-top: 15px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .events_list_item .events_list_item_content .events_detail_list {
    gap: 12px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .events_list_item .events_list_item_content .events_detail_list {
    gap: 10px;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .events_list_item .events_list_item_content {
    padding: 5%;
  }
}
@media screen and (max-width: 480px) {
  .events_list_item .events_list_item_content {
    padding: 4%;
  }
}
.events_list_item:hover .events_list_item_image img {
  transform: scale(1.1);
}
.events_list_item:hover .events_list_item_image::before {
  opacity: 1;
}
.events_list_item:hover .events_list_item_content {
  transform: translateY(-10px);
}

.event_lable {
  padding: 0 20px;
  background: #0D6A37;
  color: #fff;
  font-size: 14px;
  line-height: 100%;
  font-weight: 500;
  border-radius: 25px;
}

.event_item_content h5 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 125%;
  font-weight: 500;
  max-width: 80%;
  margin-bottom: 15px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .event_item_content h5 {
    font-size: 18px;
    max-width: 85%;
  }
}

.event_item_content_list_ul {
  margin: 0;
  display: flex;
  padding: 0;
  gap: 10%;
}
.event_item_content_list_ul li {
  font-size: 17px;
  list-style: none !important;
  width: auto !important;
  display: flex !important;
  gap: 10px !important;
  color: #5B5B5B !important;
  margin-bottom: 35px !important;
}
@media screen and (max-width: 768px) {
  .event_item_content_list_ul li {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  .event_item_content_list_ul li {
    font-size: 14px;
  }
}

.event_item_img {
  width: 100%;
  margin-bottom: 20px;
}
.event_item_img a {
  display: block;
  width: 100%;
  text-decoration: none;
}

.event_item_content h5 a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.event_item_content h5 a:hover {
  color: #0d6a37;
}

.date_time_block_event_detail {
  border: 1px solid #D3D3D3;
  padding: 10px;
  width: 88.5%;
  margin-top: 80px;
  padding: 6%;
}
.date_time_block_event_detail h5 {
  margin: 0 0px 5px 0px !important;
  padding: 0;
}

.date_time_block_event_detail_list {
  margin: 0;
  padding: 0;
}
.date_time_block_event_detail_list li {
  list-style: none !important;
  margin-bottom: 15px;
}
.date_time_block_event_detail_list li .date_time_block_event_detail_list_item_span {
  background: rgba(141, 197, 64, 0.2);
  border-radius: 15px;
  padding: 13px 25px;
  display: inline-flex;
  font-size: 16px;
  font-weight: 300;
  gap: 10px;
}

.event-map-block {
  width: 100%;
  aspect-ratio: 346/232;
  border-radius: 9px;
  overflow: hidden;
}

.date_time_block_event_detail_list_item_location {
  margin-top: 15px;
  color: #303030;
  font-size: 16px;
  font-weight: 300;
  opacity: 0.5;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.brochures_list_section {
  background: #fff;
}
@media screen and (max-width: 768px) {
  .brochures_list_section {
    padding: 60px 0;
  }
}
@media screen and (max-width: 480px) {
  .brochures_list_section {
    padding: 40px 0;
  }
}

.brochures_list_wrapper {
  width: 100%;
}

.brochures_list_content {
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .brochures_list_content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .brochures_list_content {
    margin-top: 20px;
  }
}

.brochures_list_swiper {
  width: 100%;
  overflow: hidden;
}
.brochures_list_swiper .swiper-wrapper .swiper-slide:nth-child(even) .brochures_download_link {
  top: 40px;
}
.brochures_list_swiper .swiper-wrapper .swiper-slide:nth-child(even) .brochures_item {
  flex-direction: column-reverse;
}
.brochures_list_swiper .swiper-wrapper .swiper-slide:nth-child(even) .brochures_item_text {
  padding-bottom: 0;
  padding-top: 40px;
}

.brochures_item {
  position: relative;
  background: #f5f4f1;
  border: solid 1px #d5d5d5;
  padding: 5%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .brochures_item {
    border-radius: 8px;
  }
}

.brochures_item_image {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .brochures_item_image {
    height: 280px;
  }
}
@media screen and (max-width: 768px) {
  .brochures_item_image {
    height: 250px;
  }
}
@media screen and (max-width: 480px) {
  .brochures_item_image {
    height: 220px;
  }
}
.brochures_item_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}

.brochures_item_content {
  padding: 20px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .brochures_item_content {
    padding: 15px;
  }
}
@media screen and (max-width: 480px) {
  .brochures_item_content {
    padding: 12px;
  }
}
.brochures_item_content h5 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin: 0 0 10px 0;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .brochures_item_content h5 {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 480px) {
  .brochures_item_content h5 {
    font-size: 15px;
  }
}

.brochures_item_text {
  position: relative;
  padding-bottom: 40px;
}
.brochures_item_text h5 {
  margin: 0;
  padding-right: 30px;
  font-size: 17px;
  font-weight: 700;
}
.brochures_item_text p {
  margin: 0;
  line-height: 100%;
  font-size: 15px;
}

.brochures_download_link {
  display: inline-flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  gap: 8px;
  color: #0D6A37;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}
.brochures_download_link:hover {
  color: #0a5230;
}
@media screen and (max-width: 768px) {
  .brochures_download_link {
    font-size: 13px;
    margin-top: 12px;
  }
}
@media screen and (max-width: 480px) {
  .brochures_download_link {
    font-size: 12px;
    margin-top: 10px;
  }
}

.brochures_list_pagination {
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .brochures_list_pagination {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .brochures_list_pagination {
    margin-top: 20px;
  }
}

.gallery_section {
  padding: 80px 0;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .gallery_section {
    padding: 60px 0;
  }
}
@media screen and (max-width: 480px) {
  .gallery_section {
    padding: 40px 0;
  }
}

.gallery_wrapper {
  width: 100%;
}

.gallery_content {
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .gallery_content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .gallery_content {
    margin-top: 20px;
  }
}

.gallery_masonry {
  width: 100%;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .gallery_masonry {
    -moz-column-count: 4;
         column-count: 4;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .gallery_masonry {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .gallery_masonry {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media screen and (max-width: 479px) {
  .gallery_masonry {
    -moz-column-count: 1;
         column-count: 1;
  }
}

.gallery_item {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  page-break-inside: avoid;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gallery_item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 768px) {
  .gallery_item {
    margin-bottom: 15px;
    border-radius: 6px;
  }
}
@media screen and (max-width: 480px) {
  .gallery_item {
    margin-bottom: 10px;
    border-radius: 4px;
  }
}
@media screen and (min-width: 1200px) {
  .gallery_item.wide {
    -moz-column-span: 2;
         column-span: 2;
  }
}
@media screen and (min-width: 1200px) {
  .gallery_item.large {
    -moz-column-span: 2;
         column-span: 2;
  }
}

.gallery_item_link {
  display: block;
  width: 100%;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.gallery_item_image {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.gallery_item_image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease;
}

.gallery_item:hover .gallery_item_image img {
  transform: scale(1.1);
}

.gallery_masonry.masonry-enabled .gallery_item {
  position: absolute;
  width: calc(25% - 15px);
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .gallery_masonry.masonry-enabled .gallery_item {
    width: calc(33.333% - 14px);
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .gallery_masonry.masonry-enabled .gallery_item {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 479px) {
  .gallery_masonry.masonry-enabled .gallery_item {
    width: 100%;
  }
}
.gallery_masonry.masonry-enabled .gallery_item.wide {
  width: calc(50% - 15px);
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .gallery_masonry.masonry-enabled .gallery_item.wide {
    width: calc(66.666% - 14px);
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .gallery_masonry.masonry-enabled .gallery_item.wide {
    width: calc(100% - 10px);
  }
}
.gallery_masonry.masonry-enabled .gallery_item.large {
  width: calc(50% - 15px);
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .gallery_masonry.masonry-enabled .gallery_item.large {
    width: calc(66.666% - 14px);
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .gallery_masonry.masonry-enabled .gallery_item.large {
    width: calc(100% - 10px);
  }
}

.news_list_ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -0.5%;
  margin-right: -0.5%;
  display: flex;
  flex-wrap: wrap;
}
.news_list_ul li {
  list-style: none;
  width: 25%;
  padding-left: 0.5%;
  padding-right: 0.5%;
}
@media screen and (max-width: 1024px) {
  .news_list_ul li {
    width: 33.333%;
  }
}
@media screen and (max-width: 768px) {
  .news_list_ul li {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .news_list_ul li {
    width: 100%;
  }
}
.news_list_ul .insights_item_image_link {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
}
.news_list_ul .insights_item_content a {
  text-decoration: none;
  color: inherit;
  display: block;
}
.news_list_ul .insights_item_content a:hover {
  color: #0D6A37;
}
.news_list_ul .insights_item_content a h4 {
  margin: 0;
  transition: color 0.3s ease;
}
.news_list_ul .news_item_hidden {
  display: none;
}

.load_more_container {
  width: 100%;
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .load_more_container {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .load_more_container {
    margin-top: 20px;
  }
}
.load_more_container .load_more_btn.loading {
  opacity: 0.7;
  pointer-events: none;
}

.news-navigation-position {
  width: 100%;
  justify-content: center;
  margin-top: 30px;
}

.news_detail_section {
  background: #fff;
}

.news_detail_container {
  max-width: 100%;
}

.news_detail_header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .news_detail_header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 15px;
  }
}

.news_detail_date {
  font-size: 22px;
  color: #2c2c2c;
  font-family: "RB";
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .news_detail_date {
    font-size: 14px;
  }
}

.news_detail_label {
  display: inline-block;
  padding: 5px 15px;
  background: rgba(141, 197, 64, 0.2);
  color: #0d6a37;
  font-size: 14px;
  border-radius: 4px;
  font-family: "RB";
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .news_detail_label {
    font-size: 12px;
    padding: 4px 12px;
  }
}

.news_detail_title {
  font-size: 42px;
  font-weight: 400;
  line-height: 130%;
  margin: 0 0 40px 0;
  color: #000;
  font-family: "RB";
}
@media screen and (max-width: 1024px) {
  .news_detail_title {
    font-size: 36px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .news_detail_title {
    font-size: 28px;
    margin-bottom: 25px;
    line-height: 140%;
  }
}
@media screen and (max-width: 480px) {
  .news_detail_title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.news_detail_image {
  width: 100%;
  margin-bottom: 40px;
  overflow: hidden;
}
.news_detail_image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .news_detail_image {
    margin-bottom: 30px;
    border-radius: 8px;
  }
}

.news_detail_content {
  font-size: 18px;
  line-height: 180%;
  color: #444;
  font-family: "RB";
  font-weight: 300;
  margin-bottom: 40px;
}
.news_detail_content p {
  margin: 0 0 25px 0;
}
.news_detail_content p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .news_detail_content {
    font-size: 16px;
    line-height: 170%;
    margin-bottom: 30px;
  }
  .news_detail_content p {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .news_detail_content {
    font-size: 15px;
  }
}

.news_detail_subtitle {
  font-size: 28px;
  font-weight: 400;
  margin: 40px 0 20px 0;
  color: #000;
  font-family: "RB";
  line-height: 130%;
}
@media screen and (max-width: 768px) {
  .news_detail_subtitle {
    font-size: 24px;
    margin: 30px 0 15px 0;
  }
}
@media screen and (max-width: 480px) {
  .news_detail_subtitle {
    font-size: 20px;
    margin: 25px 0 12px 0;
  }
}

.news_detail_list {
  margin: 0 0 25px 0;
  padding: 0;
  list-style: disc;
  list-style-position: inside;
}
.news_detail_list li {
  font-size: 18px;
  color: #444;
  margin-bottom: 12px;
  font-family: "RB";
  font-weight: 300;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .news_detail_list li {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .news_detail_list li {
    font-size: 15px;
  }
}
.news_detail_list li::marker {
  color: #0d6a37;
}

.news_detail_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  border-top: 1px solid #e0e0e0;
  margin-top: 40px;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .news_detail_footer {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 25px;
    margin-top: 30px;
    gap: 15px;
  }
}

.news_detail_tags,
.news_detail_share {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .news_detail_tags,
  .news_detail_share {
    gap: 10px;
  }
}

.news_tag_label,
.news_share_label {
  font-size: 16px;
  color: #000;
  font-family: "RB";
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .news_tag_label,
  .news_share_label {
    font-size: 14px;
  }
}

.news_tag {
  display: inline-block;
  padding: 6px 16px;
  background: #f5f5f5;
  color: #666;
  text-decoration: none;
  border-radius: 4px;
  font-size: 14px;
  font-family: "RB";
  font-weight: 400;
  transition: all 0.3s ease;
}
.news_tag:hover {
  background: #0d6a37;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .news_tag {
    font-size: 13px;
    padding: 5px 14px;
  }
}

.news_share_link {
  font-size: 16px;
  color: #666;
  text-decoration: none;
  font-family: "RB";
  font-weight: 400;
  transition: color 0.3s ease;
}
.news_share_link:hover {
  color: #0d6a37;
}
@media screen and (max-width: 768px) {
  .news_share_link {
    font-size: 14px;
  }
}

.related_news_section {
  background: #fff;
}

.related_news_list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -0.5%;
  margin-right: -0.5%;
  display: flex;
  flex-wrap: wrap;
}
.related_news_list li {
  list-style: none;
  width: 25%;
  padding-left: 0.5%;
  padding-right: 0.5%;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .related_news_list li {
    width: 33.333%;
  }
}
@media screen and (max-width: 768px) {
  .related_news_list li {
    width: 50%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .related_news_list li {
    width: 100%;
  }
}

.news_detail_content {
  display: flex;
  flex-wrap: wrap;
}
.news_detail_content .news_detail_left_block {
  width: 35%;
  font-size: 22px;
  color: #2c2c2c;
  font-weight: 500;
}
.news_detail_content .news_detail_left_block h5 {
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #2c2c2c;
  margin-top: 25px;
}
@media screen and (max-width: 700px) {
  .news_detail_content .news_detail_left_block {
    width: 100%;
  }
}
.news_detail_content .news_detail_right_block {
  width: 65%;
}
@media screen and (max-width: 700px) {
  .news_detail_content .news_detail_right_block {
    width: 100%;
  }
}
.news_detail_content .news_detail_right_block h5 {
  font-size: 22px;
  font-weight: 400;
}
@media screen and (max-width: 700px) {
  .news_detail_content .news_detail_right_block h5 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}

.update_lable {
  display: inline-block;
  background: #47a01a;
  color: #fff;
  font-size: 16px;
  padding: 0 25px;
  border-radius: 25px;
}

.news_detail_share_list {
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}
.news_detail_share_list li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid #424242;
  color: #050505;
  align-items: center;
  justify-content: center;
  display: flex;
}
.news_detail_share_list li a:hover {
  background: #d6d6d5;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .news_detail_share_list li a {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 768px) {
  .news_detail_share_list {
    gap: 3px;
  }
}

.event-map-block {
  width: 100%;
  height: 300px;
  margin-top: 15px;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .event-map-block {
    height: 250px;
  }
}
@media screen and (max-width: 480px) {
  .event-map-block {
    height: 200px;
  }
}

.events_page_section {
  width: 100%;
  position: relative;
}

.events_list_content {
  margin-top: 0;
}

.events_list_container {
  width: 100%;
}

.events_list_ul_new_style_01 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.events_list_ul_new_style_01 li {
  list-style: none;
  display: flex !important;
  flex-wrap: wrap;
  gap: 0;
  padding: 0;
  margin: 0;
  width: 50%;
  display: block;
}
@media screen and (max-width: 1024px) {
  .events_list_ul_new_style_01 li {
    width: 33.333%;
  }
}
@media screen and (max-width: 768px) {
  .events_list_ul_new_style_01 li {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .events_list_ul_new_style_01 li {
    width: 100%;
  }
}
.events_list_ul_new_style_01 li.events_item_hidden {
  display: none;
}
.events_list_ul_new_style_01 a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

.events_item_hidden {
  display: none;
}

.load_more_container {
  width: 100%;
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .load_more_container {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .load_more_container {
    margin-top: 20px;
  }
}
.load_more_container .load_more_btn.loading {
  opacity: 0.7;
  pointer-events: none;
}

.same_month_events_section .events_list_content {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .same_month_events_section .events_list_content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .same_month_events_section .events_list_content {
    margin-top: 20px;
  }
}
.same_month_events_section .same_month_events_swiper .swiper-slide {
  height: auto;
}
.same_month_events_section .event_item_content h5 {
  color: #000;
}

.awards_slider_section {
  width: 100%;
  position: relative;
  background: #fff;
}
.awards_slider_section .wrap {
  width: 100%;
}
.awards_slider_section .awards_slider_title_block {
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .awards_slider_section .awards_slider_title_block {
    margin-bottom: 30px;
  }
}
.awards_slider_section .awards_slider_title_block .h3_title_50 {
  margin: 0;
}
.awards_slider_section .awards_slider_title_block .awards_slider_description {
  margin: 20px auto 0;
  max-width: 350px;
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .awards_slider_section .awards_slider_title_block .awards_slider_description {
    font-size: 14px;
    margin-top: 15px;
    padding: 0 20px;
  }
}
.awards_slider_section .mySwiper-awards {
  width: 100%;
  padding-top: 170px;
  padding-bottom: 170px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .awards_slider_section .mySwiper-awards {
    padding: 30px 50px;
  }
}
@media screen and (max-width: 768px) {
  .awards_slider_section .mySwiper-awards {
    padding: 20px 40px;
  }
}
@media screen and (max-width: 480px) {
  .awards_slider_section .mySwiper-awards {
    padding: 15px 30px;
  }
}
.awards_slider_section .mySwiper-awards .swiper-wrapper {
  align-items: center;
}
.awards_slider_section .mySwiper-awards .award_item_image img {
  opacity: 0.8;
}
.awards_slider_section .mySwiper-awards .swiper-slide {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, scale 0.3s ease, opacity 0.3s ease;
  transform: scale(1);
  cursor: pointer;
  opacity: 0.8;
}
@media screen and (min-width: 1024px) {
  .awards_slider_section .mySwiper-awards .swiper-slide.swiper-slide-active {
    transform: scale(1.8);
    z-index: 100;
    opacity: 1;
  }
  .awards_slider_section .mySwiper-awards .swiper-slide.swiper-slide-active img {
    opacity: 1 !important;
  }
  .awards_slider_section .mySwiper-awards .swiper-slide:hover {
    opacity: 0.9;
  }
  .awards_slider_section .mySwiper-awards .swiper-slide.swiper-slide-prev, .awards_slider_section .mySwiper-awards .swiper-slide.swiper-slide-next {
    transform: scale(1.2);
    z-index: 50;
  }
  .awards_slider_section .mySwiper-awards .swiper-slide.swiper-slide-prev img, .awards_slider_section .mySwiper-awards .swiper-slide.swiper-slide-next img {
    opacity: 0.8;
  }
}
.awards_slider_section .mySwiper-awards .swiper-slide .award_item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}
.awards_slider_section .mySwiper-awards .swiper-slide .award_item .award_item_link {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}
.awards_slider_section .mySwiper-awards .swiper-slide .award_item .award_item_wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.awards_slider_section .mySwiper-awards .swiper-slide .award_item .award_item_image {
  width: 100%;
  aspect-ratio: 57/86;
  overflow: hidden;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.awards_slider_section .mySwiper-awards .swiper-slide .award_item .award_item_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  opacity: 0.8;
  transition: transform 0.3s ease;
}
.awards_slider_section .mySwiper-awards .swiper-slide .award_item .award_item_info {
  padding: 7px;
  background: #fff;
  text-align: center;
}
.awards_slider_section .mySwiper-awards .swiper-slide .award_item .award_item_info .award_title {
  transform: scale(0.8);
  margin: 0;
  font-size: 15px;
  line-height: 100%;
  font-weight: 600;
  color: #333;
}
@media screen and (max-width: 768px) {
  .awards_slider_section .mySwiper-awards .swiper-slide .award_item .award_item_info .award_title {
    font-size: 16px;
  }
}
.awards_slider_section .mySwiper-awards .swiper-slide .award_item .award_item_info .award_year {
  display: inline-block;
  font-size: 14px;
  display: block;
  line-height: 100%;
  transform: scale(0.8);
  color: #666;
  font-weight: 500;
}
.awards_slider_section .mySwiper-awards .swiper-button-next,
.awards_slider_section .mySwiper-awards .swiper-button-prev {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  color: #333;
  transition: all 0.3s ease;
}
.awards_slider_section .mySwiper-awards .swiper-button-next:after,
.awards_slider_section .mySwiper-awards .swiper-button-prev:after {
  font-size: 20px;
  font-weight: 700;
}
.awards_slider_section .mySwiper-awards .swiper-button-next:hover,
.awards_slider_section .mySwiper-awards .swiper-button-prev:hover {
  background: #f0f0f0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 768px) {
  .awards_slider_section .mySwiper-awards .swiper-button-next,
  .awards_slider_section .mySwiper-awards .swiper-button-prev {
    width: 40px;
    height: 40px;
  }
  .awards_slider_section .mySwiper-awards .swiper-button-next:after,
  .awards_slider_section .mySwiper-awards .swiper-button-prev:after {
    font-size: 16px;
  }
}
.awards_slider_section .mySwiper-awards .swiper-button-next {
  right: 0;
}
.awards_slider_section .mySwiper-awards .swiper-button-prev {
  left: 0;
}
.awards_slider_section .mySwiper-awards .swiper-pagination {
  position: relative;
  margin-top: 30px;
  bottom: auto;
}
.awards_slider_section .mySwiper-awards .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #ccc;
  opacity: 1;
  margin: 0 6px;
  transition: all 0.3s ease;
}
.awards_slider_section .mySwiper-awards .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #333;
  width: 30px;
  border-radius: 6px;
}

.slider-block-01 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.slider-block-02 {
  width: 26%;
}
@media screen and (max-width: 768px) {
  .slider-block-02 {
    width: 100%;
  }
}

.slider-block-03 {
  width: 55%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .slider-block-03 {
    width: 100%;
  }
}
.slider-block-03 .slider_arrow_block {
  z-index: 100;
  bottom: 0;
  padding-bottom: 0 !important;
  left: 55%;
  right: unset !important;
}
.slider-block-03 .slider_arrow_block {
  width: 20%;
  position: absolute;
  right: 0;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 90px;
}
.slider-block-03 .slider_arrow_block .slider_buttion {
  cursor: pointer;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background: #A9D159;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.slider-block-03 .slider_arrow_block .slider_buttion.but_prev {
  transform: rotate(180deg);
}
.slider-block-03 .slider_arrow_block .slider_buttion:hover {
  background: #fff;
}
.slider-block-03 .slider_arrow_block .slider_buttion:hover img {
  filter: invert(1);
}
@media screen and (max-width: 700px) {
  .slider-block-03 .slider_arrow_block .slider_buttion {
    width: 46px;
    height: 46px;
  }
}
@media screen and (max-width: 700px) {
  .slider-block-03 .slider_arrow_block {
    position: unset !important;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;
    justify-content: flex-end;
  }
}

.swiper-slide-inner-img {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .swiper-slide-inner-img {
    width: 100%;
  }
}

.swiper-slide-inner-txt {
  width: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-slide-inner-txt h6 {
  color: #0d6a37;
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 100%;
}
.swiper-slide-inner-txt p {
  margin: 0;
  font-size: 14px;
  line-height: 150%;
  font-size: 18px;
  color: #000;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .swiper-slide-inner-txt {
    width: 100%;
  }
}

.justify-content-between {
  justify-content: space-between;
}

.award_slider_block_01 {
  width: 43%;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .award_slider_block_01 {
    width: 100%;
  }
}

.mb_auto {
  margin-bottom: auto;
}

.mt_auto {
  margin-top: auto;
}

.clients-filter-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.clients-filter-list li a {
  font-size: 16px;
  font-weight: 300;
  display: inline-flex;
  border: solid 1px #E0E0E0;
  border-radius: 50px;
  padding: 10px 20px;
  height: 44px;
  align-items: center;
  text-decoration: none;
  color: #011334;
  line-height: 100%;
}
.clients-filter-list li a.active {
  background: rgba(229, 229, 229, 0.5);
}

.mySwiper-01 {
  overflow: visible;
}

.mySwiper-01 .swiper-wrapper {
  align-items: flex-end;
}

.mySwiper-01 .swiper-slide {
  width: auto;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.mySwiper-01 .swiper-slide.swiper-slide-thumb-active {
  width: 27%;
  opacity: 1;
  z-index: 10;
}

.mySwiper-01 .swiper-slide img {
  transition: transform 0.3s ease;
  display: block;
  width: 100%;
  height: auto;
}

.slider_arrow_block {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}
.slider_arrow_block .slider_buttion {
  cursor: pointer;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background: #A9D159;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.slider_arrow_block .slider_buttion:hover {
  background: #0D6A37;
}
.slider_arrow_block .slider_buttion.but_prev-aw img {
  transform: rotate(180deg);
}
.slider_arrow_block .slider_buttion img {
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 768px) {
  .slider_arrow_block .slider_buttion {
    width: 40px;
    height: 40px;
  }
  .slider_arrow_block .slider_buttion img {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 768px) {
  .award-row-02 {
    display: none;
  }
}

.icon-rotate-01 img {
  transform: rotate(0deg) !important;
}

.icon-rotate-02 img {
  transform: rotate(180deg);
}

.footer {
  background: #1D1D1D;
  color: #fff;
  width: 100%;
  padding-top: 80px;
  display: flex;
  flex-wrap: wrap;
}
.footer .footer_left {
  width: 33.5%;
}
@media screen and (max-width: 700px) {
  .footer .footer_left {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media screen and (max-width: 700px) {
  .footer .footer_left img {
    width: 25%;
  }
}
.footer .footer_left .footer_social_ul {
  width: auto;
  margin-bottom: 0;
}
.footer .footer_right {
  width: 66.5%;
}
@media screen and (max-width: 700px) {
  .footer .footer_right {
    width: 100%;
    margin-top: 35px;
  }
}
.footer .footer_main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.footer .footer_row_01 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.footer .footer_social_ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 -5px;
  padding: 0px;
  margin-bottom: 30px;
}
.footer .footer_social_ul li {
  list-style: none;
  padding: 0 5px;
}
.footer .footer_social_ul li a {
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: solid 1px #FFFFFF;
}
.footer .footer_social_ul li a:hover {
  background: #363636;
}
.footer .footer_row_02 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-end;
  padding-bottom: 70px;
}
@media screen and (max-width: 700px) {
  .footer .footer_row_02 {
    padding-bottom: 30px;
  }
}
.footer .footer_row_02_left {
  width: 50%;
}
.footer .footer_row_02_left h3 {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 125%;
  margin: 0;
}
.footer .footer_row_02_left h3 span {
  font-weight: 300;
}
@media screen and (max-width: 820px) {
  .footer .footer_row_02_left h3 {
    font-size: 3.75rem;
  }
}
@media screen and (max-width: 700px) {
  .footer .footer_row_02_left h3 {
    font-size: 4.6875rem;
  }
}
@media screen and (max-width: 820px) {
  .footer .footer_row_02_left {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 700px) {
  .footer .footer_row_02_left {
    padding-bottom: 15px;
  }
}
.footer .footer_row_02_right {
  width: 50%;
}
@media screen and (max-width: 820px) {
  .footer .footer_row_02_right {
    width: 100%;
  }
}
.footer .subscribe_form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: solid 1px rgba(248, 248, 248, 0.2);
  border-radius: 35px;
  height: 64px;
}
.footer .subscribe_form .btn_style {
  height: 100%;
}
@media screen and (max-width: 820px) {
  .footer .subscribe_form {
    height: 50px;
  }
}
@media screen and (max-width: 700px) {
  .footer .subscribe_form {
    height: 40px;
  }
}
.footer .footer_email_input {
  width: calc(100% - 154px);
  background: transparent;
  outline: none;
  border: none;
  padding: 0 20px;
}
.footer .footer_row_03_ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 -2%;
  padding: 0px;
}
.footer .footer_row_03_ul .footer_link_ul {
  padding: 0;
  margin: 0;
}
.footer .footer_row_03_ul .footer_link_ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer .footer_row_03_ul .footer_link_ul li a {
  font-weight: 400;
  color: #B5B5B5;
}
.footer .footer_row_03 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-bottom: solid 1px #363636;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.footer .footer_row_03 .footer_row_03_ul > li {
  list-style: none;
  padding: 0 2%;
  width: 28.3%;
}
.footer .footer_row_03 .footer_row_03_ul > li h3 {
  font-weight: 400;
  color: #B5B5B5;
  margin: 0;
  margin-bottom: 15px;
  font-size: 1.375rem;
}
@media screen and (max-width: 820px) {
  .footer .footer_row_03 .footer_row_03_ul > li h3 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 800px) {
  .footer .footer_row_03 .footer_row_03_ul > li h3 {
    font-size: 2.8125rem;
    margin-bottom: 5px;
  }
}
.footer .footer_row_03 .footer_row_03_ul > li a {
  color: #696969 !important;
  font-size: 16px;
}
.footer .footer_row_03 .footer_row_03_ul > li a:hover {
  color: #f1ffd4 !important;
}
@media screen and (max-width: 700px) {
  .footer .footer_row_03 .footer_row_03_ul > li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 700px) {
  .footer .footer_row_03 .footer_row_03_ul > li {
    width: 50%;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.footer .footer_row_03 h4 {
  font-weight: 400;
  color: #CFCFCF;
  margin: 0;
  font-size: 16px;
  margin-top: 15px;
}
@media screen and (max-width: 700px) {
  .footer .footer_row_03 h4 {
    margin-top: 5px;
  }
}
.footer .footer_row_03 p {
  margin: 0;
}
.footer .footer_row_03 p a {
  color: #696969;
}
@media screen and (max-width: 700px) {
  .footer .footer_row_03 {
    margin-bottom: 5px;
    border: none;
    padding-bottom: 0px;
  }
}
.footer .footer_row_04 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
}
.footer .footer_row_04 p {
  margin: 0;
}
@media screen and (max-width: 700px) {
  .footer .footer_row_04 {
    border-top: solid 1px #363636;
    padding-top: 20px;
    justify-content: center;
  }
}

.footer_row_04_right ul {
  margin: 0 -20px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.footer_row_04_right ul li {
  list-style: none;
  padding: 0;
  margin: 0 20px;
}
.footer_row_04_right ul li a {
  font-weight: 400;
  color: #B5B5B5;
  font-size: 16px;
  font-weight: 300;
}
@media screen and (max-width: 700px) {
  .footer_row_04_right ul li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 700px) {
  .footer_row_04_right ul > :nth-child(1) {
    border-right: solid 1px #363636;
    margin: 0;
    padding: 0 20px;
  }
}

.footer_row_04_left p {
  margin: 0;
  font-size: 16px;
  color: #B5B5B5;
  font-weight: 300;
}
@media screen and (max-width: 700px) {
  .footer_row_04_left p {
    font-size: 14px;
  }
}

.profile-title-block {
  position: relative;
}

.my_profile_content .but-position {
  right: 0;
  top: 0;
}
@media screen and (min-width: 1024px) {
  .my_profile_content .but-position {
    position: absolute;
  }
}

.profile-view-block-01 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.profile-photo-block {
  width: 12.5%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  background: #E0E0E0;
}

.profile-view-block-01-item-01 {
  width: calc(100% - 154px);
}
.profile-view-block-01-item-01 h5 {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .profile-view-block-01 {
    align-items: flex-start;
  }
  .profile-photo-block {
    width: 80px;
    margin-bottom: 15px;
  }
  .profile-view-block-01-item-01 {
    width: 100%;
  }
}
.profile-view-block-01-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.profile-view-block-01-list li {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  list-style: none;
}
.profile-view-block-01-list li h6 {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .profile-view-block-01-list li h6 {
    font-size: 14px;
  }
}
.profile-view-block-01-list li p {
  font-size: 16px;
}

.education-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.education-list .education-item {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.education-list .education-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.education-list .education-item .education-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.education-list .education-item .education-header .education-institution {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #333;
}
.education-list .education-item .education-header .education-duration {
  position: absolute;
  right: 0;
  bottom: 15px;
  font-size: 16px;
  color: #333;
}
.education-list .education-item .education-degree {
  margin: 0 0 4px 0;
  font-size: 16px;
  color: #333;
}
.education-list .education-item .education-location {
  margin: 0;
  font-size: 16px;
  color: #333;
}
.education-list .education-divider {
  width: 100%;
  height: 1px;
  background: #E0E0E0;
  margin: 20px 0;
}

@media screen and (max-width: 768px) {
  .education-list .education-item {
    padding-bottom: 16px;
  }
  .education-list .education-item .education-header {
    position: static;
  }
  .education-list .education-item .education-header .education-duration {
    position: static;
    display: block;
    margin-top: 4px;
    text-align: left;
  }
}
.experience-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.experience-list .experience-item {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.experience-list .experience-item .experience-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
}
.experience-list .experience-item .experience-header .experience-position {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #333;
}
.experience-list .experience-item .experience-header .experience-duration {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  color: #333;
}
.experience-list .experience-item .experience-company {
  margin: 0;
  font-size: 16px;
  color: #333;
}

@media screen and (max-width: 768px) {
  .experience-list .experience-item .experience-header {
    position: static;
  }
  .experience-list .experience-item .experience-header .experience-duration {
    position: static;
    display: block;
    margin-top: 4px;
    text-align: left;
  }
}
.license-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}
.license-block .license-image {
  width: 194px;
  max-width: 30%;
}
.license-block .license-image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.license-block .license-content {
  flex: 1 1 auto;
}
.license-block .license-content h5 {
  margin-bottom: 15px;
}
.license-block .license-content .license-title {
  margin: 0 0 4px 0;
  font-size: 17px;
  font-weight: 600;
  color: #333;
}
.license-block .license-content .license-desc {
  margin: 0;
  font-size: 16px;
  color: #333;
}
.license-block .license-duration {
  margin-left: auto;
  font-size: 16px;
  color: #333;
}

@media screen and (max-width: 768px) {
  .license-block {
    align-items: flex-start;
  }
  .license-block .license-image {
    width: 100%;
    max-width: 100%;
  }
  .license-block .license-content {
    flex: 1 1 100%;
    margin-top: 15px;
  }
  .license-block .license-duration {
    width: 100%;
    margin-top: 10px;
    text-align: left;
  }
}
.h3_title_35 {
  font-size: 2.1875rem;
  color: #0D6A37;
  font-weight: 400;
}

#login-popup-training-submit {
  max-width: 570px;
  margin: 0 auto;
}

.my_jobs_section .wrap {
  width: 100%;
}
.my_jobs_section .my_jobs_container {
  max-width: 1400px;
  margin: 0 auto;
}
.my_jobs_section .my_jobs_content .profile-title-block {
  margin-bottom: 30px;
}
.my_jobs_section .my_jobs_table_wrapper {
  width: 100%;
  overflow-x: auto;
}
.my_jobs_section .my_jobs_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
  background: transparent;
}
.my_jobs_section .my_jobs_table thead tr {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}
.my_jobs_section .my_jobs_table thead tr th {
  padding: 25px 25px;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  background: transparent;
  border: none;
}
.my_jobs_section .my_jobs_table thead tr th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.my_jobs_section .my_jobs_table thead tr th:last-child {
  border-right: 1px solid #E0E0E0;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.my_jobs_section .my_jobs_table tbody tr {
  background: #ffffff;
  border-radius: 12px;
}
.my_jobs_section .my_jobs_table tbody tr td {
  padding: 25px 25px;
  font-size: 16px;
  color: #1d1d1f;
  font-weight: 300;
  border: none;
}
.my_jobs_section .my_jobs_table tbody tr td:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.my_jobs_section .my_jobs_table tbody tr td:last-child {
  border-right: 1px solid #E0E0E0;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.my_jobs_section .my_jobs_table .job_status_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
}
.my_jobs_section .my_jobs_table .job_status_badge.job_status_badge--shortlisted {
  background: #D2E6F3;
  color: #0d3f6a;
}
.my_jobs_section .my_jobs_table .job_status_badge.job_status_badge--rejected {
  background: #F7D7D7;
  color: #a32020;
}
@media screen and (max-width: 1024px) {
  .my_jobs_section .my_jobs_table thead tr th {
    padding: 10px 12px;
    font-size: 14px;
  }
  .my_jobs_section .my_jobs_table tbody tr td {
    padding: 12px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .my_jobs_section .my_jobs_table_wrapper {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .my_jobs_section .my_jobs_table {
    min-width: 800px;
  }
  .my_jobs_section .my_jobs_table thead tr th {
    padding: 10px 8px;
    font-size: 13px;
  }
  .my_jobs_section .my_jobs_table tbody tr td {
    padding: 12px 8px;
    font-size: 13px;
  }
}

.profile-link {
  display: inline-block;
  margin-bottom: 20px;
}
.profile-link a {
  color: #0D6A37;
  font-size: 16px;
  font-weight: 500;
}

.password_management_section .wrap {
  width: 100%;
}
.password_management_section .password_management_container {
  max-width: 1400px;
  margin: 0 auto;
}
.password_management_section .password_management_content .profile-title-block {
  margin-bottom: 30px;
}
.password_management_section .password_management_form {
  max-width: 500px;
  margin: 0 auto;
  background: #ffffff;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 0 0 1px #E0E0E0;
}
@media screen and (max-width: 768px) {
  .password_management_section .password_management_form {
    padding: 30px 20px;
  }
}
.password_management_section .password_management_form .contact_form_list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.password_management_section .password_management_form .contact_form_list .form_group {
  margin-bottom: 20px;
  list-style: none;
}
.password_management_section .password_management_form .contact_form_list .form_group:last-of-type {
  margin-bottom: 0;
}
.password_management_section .password_management_form .contact_form_list .form_group .password-input-wrapper {
  position: relative;
  width: 100%;
}
.password_management_section .password_management_form .contact_form_list .form_group .password-input-wrapper .form_input {
  width: 100%;
  padding: 12px 50px 12px 18px;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #fff;
  border: none;
  border-radius: 50px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  font-family: inherit;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: solid 1px rgba(13, 106, 55, 0);
}
.password_management_section .password_management_form .contact_form_list .form_group .password-input-wrapper .form_input:focus {
  outline: none;
  border-color: #0D6A37;
  border: solid 1px rgba(13, 106, 55, 0.7);
}
.password_management_section .password_management_form .contact_form_list .form_group .password-input-wrapper .form_input::-moz-placeholder {
  color: #999;
  font-weight: 400;
}
.password_management_section .password_management_form .contact_form_list .form_group .password-input-wrapper .form_input::placeholder {
  color: #999;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .password_management_section .password_management_form .contact_form_list .form_group .password-input-wrapper .form_input {
    font-size: 15px;
    padding: 12px 45px 12px 16px;
    border-radius: 15px;
  }
}
.password_management_section .password_management_form .contact_form_list .form_group .password-input-wrapper .password-toggle-btn {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  transition: opacity 0.3s ease;
}
.password_management_section .password_management_form .contact_form_list .form_group .password-input-wrapper .password-toggle-btn:hover {
  opacity: 0.7;
}
.password_management_section .password_management_form .contact_form_list .form_group .password-input-wrapper .password-toggle-btn .password-toggle-icon {
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .password_management_section .password_management_form .contact_form_list .form_group .password-input-wrapper .password-toggle-btn {
    right: 12px;
    width: 28px;
    height: 28px;
  }
  .password_management_section .password_management_form .contact_form_list .form_group .password-input-wrapper .password-toggle-btn .password-toggle-icon {
    font-size: 16px;
  }
}
.password_management_section .password_management_form .contact_form_list .form_submit_wrapper {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .password_management_section .password_management_form .contact_form_list .form_submit_wrapper {
    margin-top: 20px;
  }
}
.password_management_section .password_management_form .contact_form_list .form_submit_wrapper .btn_style {
  margin-top: 0;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

.application_received_section .wrap {
  width: 100%;
}
.application_received_section .application_received_container {
  max-width: 600px;
  margin: 0 auto;
}
.application_received_section .application_received_content {
  background: #ffffff;
  padding: 60px 40px;
  border-radius: 12px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .application_received_section .application_received_content {
    padding: 40px 30px;
  }
}
.application_received_section .application_received_content .application_received_title {
  font-size: 36px;
  font-weight: 700;
  color: #0D6A37;
  margin: 0 0 20px;
  font-family: "RB", sans-serif;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .application_received_section .application_received_content .application_received_title {
    font-size: 28px;
    margin-bottom: 16px;
  }
}
.application_received_section .application_received_content .application_received_message {
  font-size: 18px;
  line-height: 1.6;
  color: #0D6A37;
  margin: 0 0 40px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .application_received_section .application_received_content .application_received_message {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.application_received_section .application_received_content .application_received_actions {
  display: flex;
  justify-content: center;
}
.application_received_section .application_received_content .application_received_actions .btn_style {
  margin-top: 0;
  min-width: 200px;
}
@media screen and (max-width: 768px) {
  .application_received_section .application_received_content .application_received_actions .btn_style {
    width: 100%;
    min-width: auto;
  }
}

.vendor_registration_section {
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .vendor_registration_section {
    padding: 60px 0;
  }
}
@media screen and (max-width: 480px) {
  .vendor_registration_section {
    padding: 40px 0;
  }
}

.vendor_registration_container {
  width: 100%;
}

.vendor_registration_title {
  border-bottom: solid 1px rgba(19, 107, 55, 0.5);
  padding-bottom: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .vendor_registration_title {
    margin-bottom: 30px;
    padding-bottom: 15px;
  }
}

.vendor_registration_form {
  width: 100%;
}
.vendor_registration_form .career-form-list-ul li .input {
  background: #fff;
  color: #333;
  border: none;
}
.vendor_registration_form .career-form-list-ul li .input::-moz-placeholder {
  color: #999;
}
.vendor_registration_form .career-form-list-ul li .input::placeholder {
  color: #999;
}
.vendor_registration_form .career-form-list-ul li .input:focus {
  border-color: #0D6A37;
  outline: none;
}
.vendor_registration_form .career-form-list-ul li .select-wrapper .select-input {
  background: #fff;
  color: #333;
  border: none;
}
.vendor_registration_form .career-form-list-ul li .select-wrapper .select-input:focus {
  border-color: #0D6A37;
  outline: none;
}

.vendor_registration_form_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .vendor_registration_form_wrapper {
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  .vendor_registration_form_wrapper {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 30px;
  }
}

.vendor_registration_form_wrapper.vendor_registration_form_wrapper_3col {
  margin-bottom: 0px !important;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1024px) {
  .vendor_registration_form_wrapper.vendor_registration_form_wrapper_3col {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .vendor_registration_form_wrapper.vendor_registration_form_wrapper_3col {
    grid-template-columns: 1fr;
  }
}

.vendor_registration_form_col {
  width: 100%;
}

.vendor_form_label {
  display: block;
  font-size: 16px;
  font-weight: 300;
  color: #2c2c2c;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .vendor_form_label {
    font-size: 14px;
    margin-bottom: 6px;
  }
}

.vendor_input_with_button {
  display: flex;
  position: relative;
  gap: 15px;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .vendor_input_with_button {
    flex-direction: column;
    gap: 10px;
  }
}
.vendor_input_with_button .input {
  padding-right: 140px !important;
}
.vendor_input_with_button .vendor-attach-btn {
  flex-shrink: 0;
  white-space: nowrap;
  padding: 10px 24px;
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  min-width: auto;
}
@media screen and (max-width: 768px) {
  .vendor_input_with_button .vendor-attach-btn {
    position: unset !important;
  }
}

.vendor_radio_group {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6%;
}
.vendor_radio_group .vendor_radio_label {
  margin-bottom: 0;
}

.vendor_radio_label {
  display: block;
  font-size: 21px;
  min-width: 27%;
  font-weight: 400;
  color: #2c2c2c;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .vendor_radio_label {
    font-size: 14px;
    margin-bottom: 12px;
  }
}

.vendor_radio_options {
  display: flex;
  flex-wrap: wrap;
  gap: 45px;
}
@media screen and (max-width: 768px) {
  .vendor_radio_options {
    gap: 15px;
  }
}

.vendor_radio_option {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.vendor_radio_option input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
.vendor_radio_option .vendor_radio_custom {
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  transition: all 0.3s ease;
  background: #fff;
  flex-shrink: 0;
}
.vendor_radio_option .vendor_radio_custom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0D6A37;
  transition: transform 0.3s ease;
}
.vendor_radio_option .vendor_radio_text {
  font-size: 21px;
  color: #2c2c2c;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (max-width: 768px) {
  .vendor_radio_option .vendor_radio_text {
    font-size: 14px;
  }
}
.vendor_radio_option input[type=radio]:checked + .vendor_radio_custom {
  border-color: #0D6A37;
}
.vendor_radio_option input[type=radio]:checked + .vendor_radio_custom::after {
  transform: translate(-50%, -50%) scale(1);
}
.vendor_radio_option input[type=radio]:focus + .vendor_radio_custom {
  outline: 2px solid rgba(13, 106, 55, 0.3);
  outline-offset: 2px;
}
.vendor_radio_option:hover .vendor_radio_custom {
  border-color: #0D6A37;
}

.vendor_registration_form_actions {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .vendor_registration_form_actions {
    margin-top: 30px;
  }
}
.vendor_registration_form_actions button {
  min-width: 200px;
}
@media screen and (max-width: 768px) {
  .vendor_registration_form_actions button {
    width: 100%;
  }
}

.career-form-list-ul li.vendor_radio_group_li {
  margin-bottom: 28px;
  margin-top: 40px;
}

.career-form-list-ul li.vendor_radio_group_li.vendor_radio_group_li_2 {
  margin-bottom: 20px;
  margin-top: 21px;
}

.vendor_registration_form_group {
  margin-top: 40px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .vendor_registration_form_group {
    margin-top: 30px;
  }
}

.vendor_registration_form textarea.input {
  min-height: 120px;
  resize: vertical;
  font-family: inherit;
  padding: 12px 15px;
}
@media screen and (max-width: 768px) {
  .vendor_registration_form textarea.input {
    min-height: 100px;
  }
}

.vendor_registration_title h3 {
  font-size: 2.1875rem;
  font-weight: 400;
  margin: 0;
}/*# sourceMappingURL=main.css.map */