body {
  font-family: "Bahnschrift", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
}

a {
  color: #fe4f2d !important;
}

body h2 .hero-title-bold {
  font-weight: 800 !important;
}

header.top_panel_default {
  padding-block: 0 10px;
  background-color: #fff;
  width: 100%;

  .menu_main_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1120px;
    margin: 0 auto;
    box-shadow: none;

    &::before,
    &::after {
      display: none;
    }

    .menu_main_nav_area {
      margin-right: 0;
    }
  }

  .logo {
    padding-block: 10px;

    img {
      width: 178px;
      height: 67px;
    }
  }
}

.scheme_default {
  body {
    header {
      .header_top_bar {
        background-color: #142433;

        .container {
          max-width: 1120px;
          display: flex;
          padding-block: 10px;
          flex-direction: row-reverse;
        }

        .header_top_bar_phone {
          display: inline-block;
          min-width: fit-content;
          font-size: 16px;
          display: flex;
          align-items: center;
          gap: 5px;
          line-height: 1;
          font-family: "Montserrat", sans-serif !important;
          font-weight: 700;

          &:hover,
          &:focus {
            color: #fdfbee !important;
          }

          .icon-phone::before {
            transform: rotateZ(90deg);
            font-size: 18px;
          }
        }
      }
    }
  }
}

.top_panel_navi {
  background-color: #fff;
}

.scheme_default .menu_main_nav > li {
  &:last-child {
    a {
      margin-right: 0 !important;
    }
  }

  a {
    font-weight: 700 !important;

    &:hover,
    &:focus {
      color: #142433 !important;
    }
  }

  li > a {
    color: #fdfbee !important;
  }

  li.sfHover > a {
    color: #142433 !important;
  }

  li.current-menu-item > a,
  li.current-menu-parent > a,
  li.current-menu-ancestor > a {
    font-weight: 700 !important;
    color: #142433 !important;

    &:hover,
    &:focus {
      color: #fe4f2d !important;
    }
  }
}

.menu_main_nav {
  display: inline-flex !important;
  align-items: center !important;

  &::before,
  &::after {
    display: none !important;
  }

  li#menu-item-1450 > a {
    background: #fe4f2d !important;
    color: #fff !important;
    padding: 5px 10px;
    font-weight: 700 !important;
  }
}

@media (max-width: 1120px) {
  header.top_panel_default {
    .top_panel_navi {
      padding-inline: 20px;
    }
  }

  .mobile_layout header.top_panel .menu_mobile_button {
    left: 92% !important;
    top: 78px !important;
  }
}

.scheme_dark .menu_side_inner,
.scheme_dark .menu_mobile_inner {
  background-color: #fff !important;
  color: #fe4f2d !important;

  .icon-cancel {
    color: #fe4f2d !important;

    &:hover,
    &:focus {
      color: #142433 !important;

      &::before,
      &::after {
        border-color: #142433 !important;
      }
    }

    &::before,
    &::after {
      border-color: #fe4f2d !important;
    }
  }

  li > a {
    color: #fe4f2d !important;
  }

  li > a:hover,
  li > a:focus {
    color: #142433 !important;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .mobile_layout .top_panel .menu_mobile_button {
    left: inherit !important;
    transform: none !important;
  }
}

.page_content_wrap {
  padding: 0 20px;

  .content_wrap {
    width: 100%;
    max-width: 1120px;
  }
}

body {
  .home-contact-text {
    font-weight: 700;
  }

  .sc_icons .trx_addons_column-1_2 {
    width: 40%;
    margin-left: 15px;
  }

  .sc_icons_size_small .sc_icons_icon::before,
  .sc_icons_size_small .sc_icons_icon > span::before {
    font-weight: 700;
  }

  .sc_icons.sc_align_left .sc_icons_title span {
    font-weight: 700;
    display: block;
    color: #f0f0f0;
  }

  .sc_icons.sc_align_left .sc_icons_title + .sc_icons_description {
    font-weight: 700;
    color: #f0f0f0;
  }

  .wpb_text_column.wpb_content_element {
    background-color: rgb(240, 240, 240, 0.5);
    padding: 30px;

    .wpcf7-list-item-label {
      font-weight: 700;
    }
  }

  h2.sc_item_title {
    font-weight: 700;
    color: #142433;
  }

  .sc_services .sc_services_columns > div {
    margin-bottom: 20px;
  }

  .sc_services_default {
    .sc_services_columns {
      display: grid;
      grid-template-columns: repeat(2, 1fr);

      &::before,
      &::after {
        display: none;
      }

      .trx_addons_column-1_2 {
        width: 100% !important;
        height: 100%;
      }

      .sc_services_item {
        /* display: flex; */
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 33% 67%;

        .sc_services_item_icon {
          height: 100%;
          /* background-color: #1e3e62 !important; */
          color: #1e3e62 !important;
          /* font-weight: 700 !important; */
          background-color: #fe4f2d !important;
          display: grid;
          place-items: center;
          width: 100%;
          position: inherit;
          /* min-width: 33%;
          max-width: 33%; */
        }

        .sc_services_item_info {
          margin-left: 0;
          background: #142433 !important;
          color: #fdfbee !important;
        }
      }
    }
  }
  .sc_item_button a.sc_button {
    background-color: #fe4f2d !important;
    color: #fdfbee !important;
  }
}

@media (max-width: 801px) {
  body {
    .sc_services_default {
      .sc_services_columns {
        grid-template-columns: repeat(1, 1fr);
      }
      .sc_services_item {
        /* display: grid;
        align-items: center; */

        .sc_services_item_info {
          height: 100%;
          text-align: left !important;
        }
      }
    }
  }
}

body
  .widget_categories_list
  .categories_list_style_2
  .categories_list_image:after {
  background-color: rgba(0, 0, 0, 0.45);
}

.scheme_dark.site_footer_wrap {
  background-color: #fe4f2d !important;
  color: #fdfbee !important;
}

.scheme_dark .footer_wrap {
  & .widget_title {
    font-weight: 700;
    margin-bottom: 15px;
  }

  a {
    color: #fdfbee !important;
  }

  & .menu-services-container ul,
  & .menu-customer-care-container ul {
    margin: 0;
    padding: 0;

    & li {
      &::before {
        display: none;
      }
    }
  }
}

.scheme_dark .footer_wrap .textwidget h5 {
  font-weight: 700;
  font-size: 18px;
}

.scheme_dark .widget_text .mail_footer,
.scheme_dark .widget_text .address_footer {
  display: flex;
  align-items: center;
  line-height: 1;
}

.scheme_dark .footer_wrap_inner .columns_wrap {
  border: 0;
}

.scheme_dark .copyright_wrap_inner {
  background: #142433 !important;
  border-color: #142433 !important;
  color: #fdfbee !important;
  padding-block: 15px;

  .copyright_text {
    color: #fdfbee !important;
    line-height: 1;
  }
}

.toc_menu_item .toc_menu_description,
.sc_recent_news .post_item .post_footer .post_counters .post_counters_item,
.sc_item_subtitle.sc_item_title_style_shadow,
.sc_button_simple,
.sc_action_item_link,
.sc_icons_title,
.sc_price_title,
.sc_price_price,
.sc_price_link,
.sc_courses_default .sc_courses_item_price,
.sc_courses_default .trx_addons_hover_content .trx_addons_hover_links a,
.sc_promo_modern .sc_promo_link2 span + span,
.sc_skills_counter .sc_skills_total,
.sc_skills_pie.sc_skills_compact_off .sc_skills_total,
.slider_swiper .slide_info.slide_info_large .slide_title,
.slider_style_modern .slider_controls_label span + span,
.slider_pagination_wrap,
.sc_slider_controller_info,
.trx_addons_dropcap,
.sc_testimonials_item_author_title,
.sc_icons.sc_align_left .sc_icons_title,
.sc_icons_size_large .sc_icons_item .sc_icons_title {
  font-family: Montserrat, sans-serif !important;
  font-weight: 700 !important;
}

.sc_testimonials_item_content p,
.sc_testimonials_item_author_subtitle {
  font-family: Bahnschrift, sans-serif !important;
  font-weight: 400 !important;
}

.widget_categories_list .categories_list_style_2 .categories_list_image img {
  aspect-ratio: 330 / 220;
}

#brands-carousel .swiper-wrapper {
  align-items: center;

  .swiper-slide {
    img {
      max-height: 80px;
      margin: 0 auto;
      display: block;
      object-position: center;
    }
  }
}

/* Form Styles */
.form-section {
  margin-bottom: 2rem;
  padding: 1rem 0;
  border-bottom: 1px solid #eee;

  h3 {
    color: #fe4f2d;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;

    &.heading {
      margin-top: 0 !important;
    }
  }
}

.w50 {
  width: 48%;
  float: left;
  margin-right: 4%;
  margin-bottom: 1rem;
}

.w50:nth-child(2n) {
  margin-right: 0;
}

body {
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="date"],
  input[type="file"],
  textarea,
  select {
    width: 100%;
    border: 1px solid #ccc;
    padding: 1em 1.4em !important;
    background-color: #726968 !important;
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 4px !important;
    margin-bottom: 1rem;
  }
}

@media (max-width: 768px) {
  body input[type="text"],
  body input[type="email"],
  body input[type="tel"],
  body input[type="date"],
  body input[type="file"],
  body textarea,
  body select {
    padding: 10px 1.4em !important;
  }
}

body .select_container {
  background-color: transparent !important;

  select {
    background-color: #f1f1f0 !important;
  }
}

[data-name="type-of-project"] {
  margin-bottom: 10px;
  display: block;

  .wpcf7-checkbox {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }

  .wpcf7-list-item-label {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding-left: 0 !important;
  }

  input[type="checkbox"] + span::before {
    height: 25px !important;
    width: 25px !important;
    display: block;
    position: static;
  }

  input[type="checkbox"] + span::before {
    padding-top: 5px;
  }
}

body {
  [data-name="desired-start-date"] {
    width: calc(50% - 10px);
    display: inline-block;
    padding-right: 15px;

    input {
      width: 100%;
      padding: 0.7em 1.4em !important;
    }
  }
}

@media (max-width: 768px) {
  body [data-name="desired-start-date"] {
    display: inline-block;
    width: 100%;
  }
}

[data-name="other-please-specify"] {
  width: calc(50% - 10px);
  display: inline-block;
}

[data-name="project-address"] {
  display: block;
  margin-bottom: 10px;
}

[data-name="worked-with-contractors"] {
  display: flex;

  .wpcf7-form-control {
    display: flex;
    gap: 30px;
  }

  .wpcf7-list-item-label {
    display: flex !important;
    align-items: center;
    gap: 10px;
    position: relative;
    padding-left: 0 !important;
  }

  input[type="radio"] + span::before {
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 25px !important;
    width: 25px !important;
    display: block !important;
    position: static;
  }

  input[type="radio"] + span::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-color: #fe4f2d;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 6px;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    z-index: 1;
  }

  input[type="radio"]:checked + span::after {
    opacity: 1;
  }
}

[data-name="file-upload"] {
  display: block;
  margin-bottom: 20px;

  input {
    width: fit-content !important;
  }
}

.wpcf7-submit {
  background-color: #fe4f2d;
  color: white;
  border: none;
  padding: 12px 20px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  text-transform: uppercase;
}

.wpcf7-submit:hover {
  background-color: #cc3d00;
}

@media (max-width: 768px) {
  .w50 {
    width: 100%;
    margin-right: 0;
  }

  [data-name="desired-start-date"],
  [data-name="other-please-specify"] {
    width: 100%;
    display: block;
    padding-right: 0;
  }
}

.services_page_title {
  display: none;
}

.esg-center.eg-washington-element-1-a.eg-washington-element-1-a.esg-transition,
.esg-center.eg-washington-element-3.eg-washington-element-3.esg-transition {
  display: none !important;
}

#test
  .esg-center.eg-washington-element-1-a.eg-washington-element-1-a.esg-transition {
  display: inline-block !important;
}

/* Our Projects Widget */

.our-projects {
  text-align: center;
  padding: 60px 0;
}

.our-projects__title {
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 700;
}

.our-projects__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-rows: 1fr;
  gap: 30px;
}

.our-projects__item {
  position: relative;
}

.our-projects__item:hover .our-projects__overlay {
  bottom: 20%;
}

.our-projects__item:hover .our-projects__subtext {
  opacity: 1;
}

.our-projects__image-wrapper {
  position: relative;
  overflow: hidden;
}

.our-projects__image {
  width: 100%;
  height: auto;
  display: block;
  filter: brightness(0.6);
}

.our-projects__overlay {
  transition: bottom 0.4s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  text-align: center;
}

.our-projects__index {
  color: #ff3c00;
  font-weight: bold;
  font-size: 18px;
}

.our-projects__name {
  font-size: 32px;
  font-weight: bold;
  color: #fdfbee !important;
  margin: 0;
}

.our-projects__subtext {
  transition: opacity 0.4s ease-in-out;
  color: #ff3c00;
  font-size: 14px;
  margin: 0;
  margin-top: 4px;
  opacity: 0;
}

.our-projects__view-all {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.our-projects__view-all-link {
  background-color: #ff3c00;
  color: #fdfbee !important;
  padding: 12px 24px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease;

  &:hover {
    background-color: #e02b00;
  }
}