/*
Theme Name: Findeco
Text Domain: Findeco
Version: 1.1
Author: Findeco
*/

@import "./css/reset.css";
@import "./css/colors.css";
@import "./css/fonts.css";
@import "./css/header.css";
@import "./css/footer.css";
@import "./css/components.css";
@import "./css/landing.css";
@import "./css/aboutus.css";
@import "./css/services.css";
@import "./css/companies.css";

body {
  background: var(--white);
  overflow-x: hidden;
}

.page_wrapper {
  background: var(--white);
  position: relative;
  z-index: 1;
  margin-bottom: 507px;
}

* {
  font-family: "poppins_regular", sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: var(--brown);
}

.test {
  min-height: 3000px;
}

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

p {
  color: var(--black_dimmed);
  font-size: 16px;
  max-width: 650px;
  padding-bottom: 24px;
}

a {
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

.content_wrapper {
  width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  overflow-x: hidden;
  position: relative;
}

.section {
  position: relative;
  padding: 120px 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.blue_bg {
  background: var(--blue);
}

.white_bg {
  background: var(--white_snow);
}

.white_text {
  color: var(--white);
}

.white_altered_text {
  color: var(--white_altered);
}

.one_third {
  width: 33.3333%;
}

.two_thirds {
  width: 66.6666%;
}

.padding_left {
  padding-left: 48px;
}

.padding_right {
  padding-right: 48px;
}

h1 {
  font-family: 'space_grotesk_bold', Arial, Helvetica, sans-serif;
  font-size: 80px;
}

h1 span {
  font-family: 'space_grotesk_light', Arial, Helvetica, sans-serif;
  font-size: 80px;
  text-transform: lowercase;
}

h2 {
  font-family: 'space_grotesk_bold', Arial, Helvetica, sans-serif;
  font-size: 48px;
  line-height: 1.2;
}

h3 {
  font-size: 32px;
  max-width: 1170px;
}

@media (max-width: 1050px) {
h3 {
    font-size: 24px;
    max-width: 1170px;
}
h2 {
    font-size: 32px;
}
.hero_section_bradient {
    background-position-x: -90vw;
    height: calc(100% + 200px);
    }
}

@media (max-width: 770px) {
.page_wrapper {
    margin-bottom: 415px;
}
}

@media (max-width: 600px) {
  footer .section {
    padding-bottom: 120px;
}
.page_wrapper {
    margin-bottom: 600px;
}
h1,
h1 span {
    font-size: 48px;
}
}