@font-face {
  font-family: Formadjrbanner Testing;
  src: url('../fonts/FormaDJRBanner-BoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-ExtraBoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-ExtraBoldItalic-Testing.woff') format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrbanner Testing;
  src: url('../fonts/FormaDJRBanner-MediumItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-MediumItalic-Testing.woff') format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrbanner Testing;
  src: url('../fonts/FormaDJRBanner-Medium-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Medium-Testing.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-Medium-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-Medium-Testing.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-ExtraBold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-Bold-Testing.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-Regular-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-Regular-Testing.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-Black-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Black-Testing.woff') format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-BlackItalic-Testing.woff2') format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrbanner Testing;
  src: url('../fonts/FormaDJRBanner-HairlineItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Italic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Italic-Testing.woff') format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrbanner Testing;
  src: url('../fonts/FormaDJRBanner-ExtraLightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-ExtraLightItalic-Testing.woff') format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-MediumItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-MediumItalic-Testing.woff') format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-MediumItalic-Testing.woff2') format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-HairlineItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Italic-Testing.woff') format("woff"), url('../fonts/FormaDJRDisplay-HairlineItalic-Testing.woff') format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrbanner Testing;
  src: url('../fonts/FormaDJRBanner-ExtraBold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-ExtraBold-Testing.woff') format("woff"), url('../fonts/FormaDJRBanner-Bold-Testing.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-Bold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-ExtraBold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Bold-Testing.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrbanner Testing;
  src: url('../fonts/FormaDJRBanner-BlackItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-BlackItalic-Testing.woff') format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrbanner Testing;
  src: url('../fonts/FormaDJRBanner-Black-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Black-Testing.woff') format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrbanner Testing;
  src: url('../fonts/FormaDJRBanner-Thin-Testing.woff2') format("woff2"), url('../fonts/FormaDJRBanner-Thin-Testing.woff') format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-Medium-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Medium-Testing.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-ExtraLight-Testing.woff2') format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-Italic-Testing.woff2') format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-Light-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Light-Testing.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-ThinItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-ThinItalic-Testing.woff') format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-ExtraLightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-ExtraLightItalic-Testing.woff') format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-Thin-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDisplay-Thin-Testing.woff') format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-ThinItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRDeck-ThinItalic-Testing.woff') format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrtext Testing;
  src: url('../fonts/FormaDJRText-Black-Testing.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrtext Testing;
  src: url('../fonts/FormaDJRText-Bold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-ExtraBold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-ExtraBold-Testing.woff') format("woff"), url('../fonts/FormaDJRText-Bold-Testing.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrtext Testing;
  src: url('../fonts/FormaDJRText-BlackItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-BlackItalic-Testing.woff') format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrtext Testing;
  src: url('../fonts/FormaDJRText-Italic-Testing.woff2') format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrmicro Testing;
  src: url('../fonts/FormaDJRMicro-Bold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-ExtraBold-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-Bold-Testing.woff') format("woff"), url('../fonts/FormaDJRMicro-ExtraBold-Testing.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrmicro Testing;
  src: url('../fonts/FormaDJRMicro-BoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-ExtraBoldItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-ExtraBoldItalic-Testing.woff') format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrmicro Testing;
  src: url('../fonts/FormaDJRMicro-Italic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-Italic-Testing.woff') format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrmicro Testing;
  src: url('../fonts/FormaDJRMicro-ExtraLightItalic-Testing.woff2') format("woff2");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrmicro Testing;
  src: url('../fonts/FormaDJRMicro-LightItalic-Testing.woff2') format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrmicro Testing;
  src: url('../fonts/FormaDJRMicro-MediumItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-MediumItalic-Testing.woff') format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrtext Testing;
  src: url('../fonts/FormaDJRText-ExtraLightItalic-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-ExtraLightItalic-Testing.woff') format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrmicro Testing;
  src: url('../fonts/FormaDJRMicro-Medium-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-Medium-Testing.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrtext Testing;
  src: url('../fonts/FormaDJRText-Regular-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-Regular-Testing.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrmicro Testing;
  src: url('../fonts/FormaDJRMicro-ExtraLight-Testing.woff2') format("woff2"), url('../fonts/FormaDJRMicro-ExtraLight-Testing.woff') format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrvariable Vf Testing;
  src: url('../fonts/FormaDJRVariable-Italic-VF-Testing.woff2') format("woff2"), url('../fonts/FormaDJRVariable-Italic-VF-Testing.woff') format("woff");
  font-weight: 1 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrtext Testing;
  src: url('../fonts/FormaDJRText-Light-Testing.woff2') format("woff2"), url('../fonts/FormaDJRText-Light-Testing.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrbanner Hairline Testing;
  src: url('../fonts/FormaDJRBanner-Hairline-Testing.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrbanner Testing;
  src: url('../fonts/FormaDJRBanner-ThinItalic-Testing.woff') format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-ExtraLightItalic-Testing.woff') format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrbanner Testing;
  src: url('../fonts/FormaDJRBanner-Regular-Testing.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-BoldItalic-Testing.woff') format("woff"), url('../fonts/FormaDJRDisplay-ExtraBoldItalic-Testing.woff') format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Hairline Testing;
  src: url('../fonts/FormaDJRDisplay-Hairline-Testing.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdisplay Testing;
  src: url('../fonts/FormaDJRDisplay-LightItalic-Testing.woff') format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-BlackItalic-Testing.woff') format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-ExtraBoldItalic-Testing.woff') format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Hairline Testing;
  src: url('../fonts/FormaDJRDeck-Hairline-Testing.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-LightItalic-Testing.woff') format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-ExtraLight-Testing.woff') format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-Thin-Testing.woff') format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrtext Testing;
  src: url('../fonts/FormaDJRText-BoldItalic-Testing.woff') format("woff"), url('../fonts/FormaDJRText-ExtraBoldItalic-Testing.woff') format("woff"), url('../fonts/FormaDJRText-ExtraBoldItalic-Testing.woff') format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrdeck Testing;
  src: url('../fonts/FormaDJRDeck-Light-Testing.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrtext Testing;
  src: url('../fonts/FormaDJRText-MediumItalic-Testing.woff') format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrtext Testing;
  src: url('../fonts/FormaDJRText-LightItalic-Testing.woff') format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Formadjrtext Testing;
  src: url('../fonts/FormaDJRText-Medium-Testing.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Formadjrvariable Vf Testing;
  src: url('../fonts/FormaDJRVariable-VF-Testing.woff') format("woff");
  font-weight: 1 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeoniktrial;
  src: url('../fonts/AeonikTRIAL-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeoniktrial;
  src: url('../fonts/AeonikTRIAL-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeoniktrial;
  src: url('../fonts/AeonikTRIAL-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Aeoniktrial;
  src: url('../fonts/AeonikTRIAL-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeoniktrial;
  src: url('../fonts/AeonikTRIAL-RegularItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --secondary-color: #042f35;
  --paragraph: #555855;
  --natural-color: #fdf9ee;
  --white: white;
  --primary-color: #ecff6f;
  --color: white;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  color: var(--secondary-color);
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 72px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 58px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

p {
  color: var(--paragraph);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

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

blockquote {
  background-color: var(--natural-color);
  color: var(--secondary-color);
  background-image: url('../images/quote-Icon_1quote Icon.png');
  background-position: 3%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  border-left: 5px solid #e2e2e2;
  margin-top: 0;
  margin-bottom: 0;
  padding: 48px 48px 48px 208px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.main-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.nav-menu-column-one {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
}

.nav-link {
  color: var(--secondary-color);
  text-transform: uppercase;
  background-color: #0000;
  margin: 0;
  padding: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
}

.nav-link:hover {
  opacity: 1;
  color: var(--secondary-color);
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-weight: 400;
}

.nav-link.w--current {
  color: #d9fe89;
}

.nav-link.white-color {
  color: var(--white);
}

.hire-me-desktop {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar {
  background-color: #0000;
  border-bottom: 1px solid #d9d9d91a;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar.home-one {
  border-bottom-width: 0;
  padding-top: 20px;
}

.navbar.background-color {
  background-color: var(--secondary-color);
}

.nav-menu {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: var(--primary-color);
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  display: flex;
}

.menu-button {
  width: 56px;
  text-decoration: none;
}

.drop-down-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  width: 100%;
}

.mobile-margin-top {
  display: none;
}

.navbar-brand {
  width: 100%;
  max-width: 204px;
}

.nav-menu-wrapper {
  background-color: var(--color);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 0 32px;
}

.nav-menu-wrapper.background-none {
  background-color: #0000;
}

.hamburger-tablet {
  display: none;
}

.mode-switch {
  background-color: #d9fe89;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  box-shadow: 0 4px 12px #00b2891f;
}

.primary-abs {
  background-color: #fff;
  border-radius: 50px;
  width: 0%;
  position: absolute;
  inset: 0%;
}

.primary-abs.primary-abs-three {
  background-color: #456563;
}

.primary-btn {
  background-color: var(--natural-color);
  color: #034a46;
  text-transform: uppercase;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 20px 30px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  text-decoration: none;
  transition: all .3s;
  position: relative;
  overflow: clip;
}

.primary-btn:hover {
  background-color: var(--primary-color);
  color: var(--white);
}

.primary-btn.secondary-color {
  background-color: var(--secondary-color);
  color: var(--white);
}

.nav-button-wrapper {
  margin-left: 0;
}

.primary-text {
  z-index: 1;
  color: var(--secondary-color);
  margin-bottom: 0;
  padding-top: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 14px;
  line-height: 14px;
  position: relative;
}

.container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.container.second-container {
  max-width: 1800px;
}

.container.footer-container {
  border-top: 0px solid var(--white);
  border-bottom: 0 solid #fff;
  padding-top: 70px;
  padding-bottom: 100px;
}

.container.copyright-container {
  border-top: 0 solid #ffffff1a;
}

.container.counter-container {
  border-top: 1px solid #042f3533;
  border-bottom: 1px solid #042f3533;
  padding: 70px 16px;
}

.container.header-container {
  max-width: 1800px;
}

.mode-wrapper {
  cursor: pointer;
  background-color: #fff0;
  border: 1px solid #fffdf6;
  border-radius: 2rem;
  width: 70px;
  height: 32px;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}

.mode-wrapper.mode-wrapper-desktop {
  display: none;
}

.list-item {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 16px;
}

.navbar-wrapper {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.hero-section {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: clip;
}

.padding-global {
  padding-top: 150px;
  padding-bottom: 150px;
}

.padding-global.padding-none {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-global.padding-none.padding-bottom {
  padding-bottom: 150px;
}

.padding-global.padding-top {
  padding-bottom: 0;
}

.padding-global.padding-bottom {
  padding-top: 0;
}

.padding-global.inovations {
  position: relative;
}

.explore-text-wrapper {
  background-color: var(--primary-color);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.explore-text {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.explore-icon {
  width: 24px;
}

.header-content {
  margin: 400px auto 50px;
}

.heading {
  color: var(--white);
  text-transform: uppercase;
  margin-top: -133px;
  margin-bottom: 0;
  font-family: Formadjrdeck Testing, Times New Roman, sans-serif;
  font-size: 80px;
  line-height: 110px;
}

.hero-title {
  margin-top: 40px;
  padding-left: 16px;
  padding-right: 16px;
}

.grid {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
}

.grid.header-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid.service-two-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  display: none;
}

.grid.explore-grid {
  grid-column-gap: 89px;
  grid-row-gap: 89px;
  grid-template-columns: 1fr 1fr;
  place-items: center start;
}

.grid.grid-wrappers, .grid.grid-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid.home-two-testimonial-grid {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-columns: .75fr 1fr;
}

.second-header {
  color: var(--secondary-color);
  text-transform: capitalize;
  max-width: 850px;
  margin-top: 16px;
  margin-bottom: 70px;
  padding-bottom: 0;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 72px;
}

.second-header.service-title {
  color: var(--white);
  text-align: left;
  padding-top: 16px;
  padding-bottom: 70px;
  font-size: 72px;
  line-height: 72px;
}

.second-header.service-title.advice-title {
  text-align: left;
  margin-bottom: 40px;
  padding-bottom: 0;
  font-size: 72px;
  line-height: 72px;
}

.second-header.service-title.service-solution-title {
  color: var(--secondary-color);
}

.second-header.pocess-title {
  opacity: 1;
  margin-top: 16px;
  margin-bottom: 0;
}

.second-header.pocess-title.service-explain-title {
  color: var(--white);
}

.second-header.advice-title {
  margin-bottom: 40px;
}

.second-header.header-center {
  text-align: center;
}

.second-header.energy-title {
  margin-bottom: 32px;
}

.button-wrapper {
  padding-top: 48px;
}

.button-wrapper.button-wrapppers {
  padding-top: 40px;
}

.who-we-are-left-image {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: grid;
}

.short-title {
  color: var(--secondary-color);
  text-transform: uppercase;
  background-image: url('../images/Short-Title-Icon_1Short Title Icon.png');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  justify-content: flex-start;
  align-items: center;
  height: 24px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Formadjrdisplay Testing, Times New Roman, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  display: block;
}

.short-title.service {
  color: var(--primary-color);
  background-image: url('../images/Green-Icon_1Green Icon.png');
}

.primary-button {
  border: 1px solid var(--secondary-color);
  background-color: var(--white);
  color: var(--secondary-color);
  text-transform: uppercase;
  border-radius: 80px;
  padding: 20px 32px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-weight: 700;
  line-height: 14px;
  transition: all .4s linear;
}

.primary-button:hover {
  background-color: var(--secondary-color);
  color: var(--white);
}

.primary-button.secondary-color {
  background-color: var(--secondary-color);
  color: var(--white);
  padding: 20px 32px;
  display: inline-flex;
}

.primary-button.secondary-color:hover {
  background-color: var(--white);
  color: var(--secondary-color);
}

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

.image.power-image, .image.future-images {
  height: 100%;
}

.who-we-are-section {
  padding-top: 0;
  padding-bottom: 0;
}

.service-section {
  background-color: var(--secondary-color);
  padding-top: 0;
  padding-bottom: 0;
}

.service-section.service-page {
  background-color: #0000;
}

.short-header-service {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.short-header-service.testimonial {
  text-align: left;
  justify-content: center;
  place-items: flex-start center;
  margin-left: 0;
}

.home-two-service-header {
  text-align: left;
  position: relative;
}

.home-two-service-header.explore-header {
  text-align: left;
}

.short-header {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.short-header.service {
  color: var(--primary-color);
}

.short-header.home-two-service {
  justify-content: center;
  align-items: center;
  display: block;
}

.service-header {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.solution-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.solitions-one {
  background-color: var(--white);
  border-radius: 8px;
  padding: 40px;
}

.solitions-one.animation-one {
  height: 350px;
}

.solitions-one.animation-one.service-solution {
  background-color: var(--natural-color);
  height: 350px;
}

.solar-icon {
  opacity: 1;
  display: block;
}

.solution-item {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 0;
  display: flex;
}

.solution-item.more {
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  padding-bottom: 16px;
}

.solution-title {
  color: var(--secondary-color);
  margin-top: 0;
  margin-bottom: -24px;
  padding-top: 0;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 44px;
  position: static;
}

.solution-color {
  background-color: var(--primary-color);
  border-radius: 8px;
  padding: 40px;
}

.solution-header-one {
  opacity: 0;
  margin-top: -40px;
  display: flex;
}

.solution-arrow {
  color: var(--primary-color);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  position: static;
}

.solution-arrow.home-arrow {
  color: var(--secondary-color);
}

.footer-menu-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.footer-menu-boxs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.footer-menu-boxs.footer-menu-box-left {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.checkbox-label {
  color: #dcdcdc;
  font-size: 14px;
}

.footer-link {
  text-decoration: none;
}

.footer-menu-title {
  color: #fff;
  margin-bottom: 32px;
  font-family: Formadjrdisplay Testing, Times New Roman, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.footer-menu-heading {
  color: #fff;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 20px;
  line-height: 26px;
  text-decoration: none;
  transition: all .4s linear;
  display: block;
}

.footer-menu-heading:hover {
  color: var(--primary-color);
}

.paragraph-ten {
  color: #fff;
  padding-top: 30px;
  font-size: 24px;
  line-height: 32px;
}

.section-footer {
  background-color: var(--secondary-color);
  padding-left: 0;
  padding-right: 0;
  overflow: clip;
}

.footer-left-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-menu-area {
  max-width: 300px;
}

.footer-menu-area.is-news {
  width: 100%;
  max-width: 280px;
}

.brand-logo-wrap {
  padding-left: 0;
}

.checkbox-icon {
  background-color: #fff0;
  border-radius: 4px;
  margin-top: 6px;
}

.footer-logo-widget {
  width: 100%;
  max-width: 300px;
}

.news-letter {
  color: #dcdcdc;
  background-color: #456563;
  border: 0 solid #000;
  border-radius: 50px;
  height: 56px;
  padding-left: 30px;
  padding-right: 60px;
  font-size: 20px;
}

.news-letter::placeholder {
  color: #bfbfbf;
  font-size: 18px;
  line-height: 1.4em;
}

.checkbox {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 15px;
  font-size: 18px;
  display: flex;
}

.form-box {
  margin-bottom: 20px;
  position: relative;
}

.footer-left-bottom {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.footer-logo-wrapper {
  margin-bottom: 20px;
}

.news-letter-button {
  background-color: var(--primary-color);
  background-image: url('../images/send-1_1send 1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: inline-flex;
  position: absolute;
  inset: 4px 4px auto auto;
}

.email-footer {
  color: #fff;
  text-transform: lowercase;
  cursor: pointer;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 20px;
  line-height: 26px;
  text-decoration: none;
  transition: all .3s;
}

.email-footer:hover {
  color: var(--primary-color);
  font-family: Aeoniktrial, Times New Roman, sans-serif;
}

.footer-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .4fr) 1fr;
}

.grid-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
}

.eri-ew-o {
  padding-top: 150px;
  padding-bottom: 150px;
}

.eri-ew-o.enviroment {
  background-color: var(--natural-color);
  padding-top: 0;
  padding-bottom: 0;
}

.enviroment-header-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.enviroment-header {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  margin-top: 48px;
  display: flex;
}

.enviroment-title {
  color: var(--secondary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}

.paragraph-text {
  color: var(--paragraph);
  margin-bottom: 0;
  padding-top: 16px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.enviroment-image {
  flex-flow: column;
  display: flex;
}

.enviroment-right-site {
  position: sticky;
  top: 20px;
}

.wind-turbine {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.process {
  margin-top: 0;
}

.process-header {
  margin-top: 150px;
}

.process-grid {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  grid-template-rows: auto;
  padding-bottom: 70px;
}

.author-designation {
  color: var(--white);
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.testimonial-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 25px;
  display: flex;
}

.testimonial-slider-mask {
  width: 100%;
  height: auto;
}

.testimonial-author {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  margin-top: 1rem;
  display: flex;
}

.testimonial-slider-wrap {
  z-index: 0;
  position: relative;
  overflow: hidden;
  container-type: inline-size;
}

.testimonial-slider-arrow {
  width: 15cqw;
  inset: auto auto 0% 0;
}

.testimonial-slider-arrow.is-two {
  aspect-ratio: 1;
  background-color: var(--white);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  transition: color .3s, background-color .3s;
  display: flex;
}

.testimonial-slider-arrow.is-two:hover {
  background-color: var(--primary-color);
  color: #063231;
}

.testimonial-slider-arrow.is-two.is-two-right {
  background-color: var(--primary-color);
  border-radius: 50px;
  left: 4.4rem;
}

.section-testimonail {
  background-color: var(--secondary-color);
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.testimonial-slide {
  margin-right: 1rem;
}

.display-none {
  display: none;
}

.testimonial-visual {
  flex: none;
}

.testimonial-visual.is-two {
  width: 18.75rem;
}

.testimonial-text {
  color: var(--white);
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 28px;
  line-height: 36px;
}

.testimonial-slider {
  background-color: #fff0;
  width: auto;
  height: auto;
  margin-left: auto;
  position: static;
  container-type: inline-size;
}

.testimonial-slider-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.counter-wrapper {
  color: #063231;
  justify-content: flex-start;
  align-items: flex-start;
  width: 250px;
  height: 140px;
  display: flex;
  overflow: clip;
  container-type: inline-size;
}

.counter-wrapper.second-counter {
  width: auto;
  height: 72px;
}

.counter-text {
  color: var(--white);
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 140px;
  font-weight: 300;
  line-height: 140px;
}

.counter-text.dark {
  color: var(--secondary-color);
}

.counter-text.dark.plus {
  font-size: 48px;
  line-height: 48px;
}

.counter-text.dark.count-size {
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 72px;
}

.counter-subtext {
  color: var(--white);
  text-transform: capitalize;
  margin-top: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.counter-subtext.text-color {
  color: var(--secondary-color);
  border-bottom: 1px solid #bec9ca;
  border-radius: 0;
  margin-bottom: 0;
  padding-bottom: 24px;
}

.counter-subtext.text-color.counter {
  text-transform: uppercase;
  border-bottom-width: 0;
  margin-top: 0;
  padding-bottom: 0;
  font-size: 24px;
  line-height: 32px;
}

.counter-subtext.text-color.counter.counter-short {
  font-size: 16px;
  line-height: 26px;
}

.text-block {
  color: var(--color);
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
}

.svg-icons {
  width: 48px;
}

.testimonial {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: flex-start end;
  margin-left: 200px;
  display: flex;
}

.right-arrow {
  color: var(--secondary-color);
}

.counter-width {
  width: auto;
}

.blog-left {
  height: 200vh;
}

.blog-title {
  color: var(--secondary-color);
  margin-top: 24px;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  text-decoration: none;
  display: inline-block;
}

.blog-header {
  color: var(--secondary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Formadjrdisplay Testing, Times New Roman, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 44px;
  text-decoration: none;
}

.publish-date {
  margin-top: 24px;
  padding-bottom: 32px;
}

.publish-date.last-date {
  margin-top: 10px;
  padding-bottom: 0;
}

.blog-date {
  color: var(--paragraph);
  padding-top: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.blog-date.publisher-date {
  padding-top: 10px;
}

.blog-section {
  padding-top: 0;
  padding-bottom: 0;
}

.paragraph-blog {
  color: var(--paragraph);
  margin-bottom: 0;
  padding-top: 24px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.step-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.step-grid.service-details-grid {
  margin-bottom: 70px;
  padding-top: 48px;
}

.step-title {
  color: var(--secondary-color);
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Formadjrdisplay Testing, Times New Roman, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
}

.step-title.service-step-title {
  color: var(--white);
}

.step-paragraph {
  color: var(--paragraph);
  margin-bottom: 0;
  padding-top: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.step-paragraph.service-step-paragraph {
  color: var(--white);
}

.explain-section {
  outline-offset: 0px;
  outline: 3px #333;
  padding-bottom: 0;
}

.explain-section.service-explain-section {
  background-color: var(--secondary-color);
}

.step-header {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  border-bottom: 0 solid #000;
  flex-flow: column;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.steps {
  border-bottom: 0 solid #000;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.steps.service-step {
  color: var(--white);
}

.steps-count {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  border-bottom: 0 solid #000;
  flex-flow: column;
  display: flex;
}

.step-description {
  margin-top: 0;
}

.require-dot-four {
  background-color: var(--secondary-color);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: -6px auto auto 80%;
}

.require-dot-four.service-require-dot-one {
  background-color: var(--white);
}

.require-dot-two {
  background-color: var(--secondary-color);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: -6px auto auto 26.5%;
}

.require-dot-two.service-require-dot-one {
  background-color: var(--white);
}

.require-dot-three {
  background-color: var(--secondary-color);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: -6px auto auto 53%;
}

.require-dot-three.tablet.service-require-dot-one {
  background-color: var(--white);
}

.require-abs-block-one {
  background-color: #0000;
  border: 1px dashed #b4c1c2;
  width: 100%;
  height: 1px;
  margin-top: 0;
  padding-top: 0;
  position: absolute;
  inset: 30% 0% auto;
}

.require-dot-one {
  background-color: var(--secondary-color);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: -6px auto auto 0%;
}

.require-dot-one.service-require-dot-one {
  background-color: var(--white);
}

.require-abs-block-one-copy {
  background-color: #0000;
  border: 1px dashed #042f354d;
  width: 100%;
  height: 1px;
  margin-top: 30px;
  padding-top: 0;
  position: absolute;
  inset: 30% 0% auto;
}

.require-abs-block-one-copy.services {
  border-color: #ffffff4d;
  margin-top: 0;
}

.cta-block {
  border-bottom: 1px solid #ffffff1a;
  margin-bottom: 100px;
  padding-bottom: 70px;
}

.cta-contact-wrap {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta-title {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 86px;
  font-weight: 400;
  line-height: 96px;
}

.cta-icon-block {
  background-color: var(--primary-color);
  opacity: 0;
  color: #1f1e1e;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
  position: absolute;
  inset: auto;
}

.cta-paragraph {
  opacity: 1;
  color: var(--secondary-color);
  text-align: center;
  padding-top: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.solution-linkk-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.solution-linkk-wrapper.one {
  opacity: 0;
  color: var(--primary-color);
  margin-top: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.svg-icon {
  -webkit-text-stroke-color: var(--secondary-color);
  width: 18px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
}

.check-icons {
  background-color: var(--natural-color);
  text-align: left;
  border: 1px solid #090c131a;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 8px;
  padding: 10px;
  display: flex;
}

.check-icon {
  color: var(--secondary-color);
  width: 20px;
  height: 20px;
}

.solution-header-two {
  opacity: 1;
  margin-bottom: -30px;
  text-decoration: none;
}

.div-block {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.short-titles {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-image: url('../images/Green-Icon_1Green Icon.png');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  justify-content: flex-start;
  align-items: center;
  height: 24px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Formadjrdisplay Testing, Times New Roman, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: block;
}

.short-titles.testimonial {
  color: var(--primary-color);
  letter-spacing: 1px;
  margin-left: 0;
  font-size: 18px;
}

.copyright-section {
  background-color: var(--secondary-color);
  border-top: 1px solid #ffffff1a;
  margin-top: -1px;
  overflow: clip;
}

.copyright-text {
  color: var(--natural-color);
  text-align: center;
  padding: 32px 20px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.header-section {
  background-color: var(--secondary-color);
  overflow: clip;
}

.heading-title {
  color: var(--white);
  text-transform: uppercase;
  padding-bottom: 70px;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 130px;
  font-weight: 400;
  line-height: 140px;
}

.header-paragraph {
  color: var(--natural-color);
  text-transform: capitalize;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.play-video-text {
  color: var(--natural-color);
  text-transform: uppercase;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.video-line {
  background-color: var(--natural-color);
  width: 80px;
  height: 2px;
}

.play-video {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header-element-one {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-flow: column;
  display: flex;
}

.marquee-sections {
  background-color: var(--primary-color);
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 26px;
  padding-bottom: 26px;
  overflow: clip;
}

.overflow-hidden {
  overflow: hidden;
}

.marquee-wrappers {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-items {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-item {
  flex: none;
}

.marquee-text {
  color: var(--secondary-color);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 44px;
}

.marquee-divider {
  flex: none;
}

.service-two {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-section-two {
  background-color: var(--natural-color);
  overflow: clip;
}

.explore-btn {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.product-hero-details {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-top: 40px;
  display: flex;
  overflow: clip;
}

.product-hero-details.testimonial-client {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
}

.product-icon {
  width: 60px;
}

.product-icon-one, .product-icon-two, .product-icon-three {
  width: 60px;
  margin-left: -15px;
}

.world-para {
  text-transform: capitalize;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.exorience-element {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.experience-paragraph {
  color: var(--secondary-color);
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 24px;
  line-height: 34px;
}

.experience-left {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.experience-bedge {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  padding-top: 48px;
  display: flex;
}

.experience-calc {
  background-color: #ccc6;
  border-radius: 16px;
  width: 100%;
  height: 8px;
  position: relative;
}

.experience-title-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 92%;
  display: flex;
}

.experience-title-block.experience-block-two {
  width: 82%;
}

.experience-animation {
  background-color: var(--primary-color);
  border-radius: 16px;
  width: 92%;
  height: 8px;
  position: absolute;
  inset: 0%;
}

.experience-animation.experience-animation-one {
  width: 70%;
}

.experience-animation.service-explore {
  background-color: var(--secondary-color);
}

.experience-level {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  display: flex;
}

.experience-name {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.experience-name.service-explore-title {
  color: var(--secondary-color);
  font-family: Aeoniktrial, Times New Roman, sans-serif;
}

.experience {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.advice-section {
  background-color: var(--secondary-color);
  overflow: clip;
}

.advice-section.service-advice-section {
  background-color: var(--natural-color);
}

.primary-button-wrap {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  text-transform: uppercase;
  border-radius: 80px;
  padding: 20px 32px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  transition: all .4s linear;
  display: inline-flex;
}

.primary-button-wrap:hover {
  background-color: var(--white);
  color: var(--secondary-color);
}

.primary-button-wrap.primary-button-wrap-more {
  background-color: var(--secondary-color);
  color: var(--white);
  font-size: 16px;
  line-height: 26px;
}

.primary-button-wrap.primary-button-wrap-more:hover {
  background-color: var(--white);
  color: var(--secondary-color);
}

.primary-buttons {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.button-text-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 26px;
}

.button-text-wrap.color {
  text-transform: uppercase;
}

.working-brand {
  color: #e3572b;
  margin-left: 38px;
  padding-top: 0;
  font-size: 18px;
  line-height: 28px;
}

.mask {
  width: 100%;
  max-width: 400px;
  height: 470px;
  overflow: visible;
}

.slide {
  margin-right: 24px;
}

.working-project-slider {
  aspect-ratio: auto;
  position: static;
  top: 0;
}

.working-project-header {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.arrow {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.image-ten {
  width: 24px;
  height: 24px;
  display: none;
}

.slider-arrows {
  background-color: #225e56;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  transition: background-color .3s;
  display: flex;
  position: absolute;
  inset: -40% 0% auto auto;
}

.slider-arrows:hover {
  background-color: #f57141;
}

.slider-arrows.is-left {
  border: 1px solid var(--secondary-color);
  color: #1d3638;
  background-color: #fff;
  width: 52px;
  height: 52px;
  top: -30%;
  right: 5.5%;
}

.slider-arrows.is-left:hover {
  background-color: var(--secondary-color);
  color: var(--primary-color);
}

.icon-arrow {
  color: #111;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  display: none;
}

.slider-arrow {
  background-color: #225e56;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  transition: background-color .3s;
  display: flex;
  position: absolute;
  inset: -40% 0% auto auto;
}

.slider-arrow:hover {
  background-color: #f57141;
}

.slider-arrow.is-right-aroow {
  background-color: var(--secondary-color);
  width: 52px;
  height: 52px;
  top: -30%;
}

.slider-two {
  background-color: #ddd0;
  height: 470px;
}

.slider-one {
  width: auto;
}

.slide-nav {
  display: none;
}

.testimonial-component {
  position: relative;
}

.section {
  padding-left: 16px;
  padding-right: 16px;
}

.section.inner-page {
  background-image: url('../images/Breadcomenner.png'), url('../images/BG.png');
  background-position: 50%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
  overflow: clip;
}

.section.inner-page.header {
  background-image: url('../images/BG_1.png');
  background-position: 50%;
  background-size: cover;
  padding-left: 0;
  padding-right: 0;
}

.work-slider-title {
  color: #fff;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  display: none;
}

.portfolio-overtext {
  z-index: 1;
  opacity: 0;
  background-color: #000c;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.link-block {
  text-decoration: none;
  position: absolute;
  bottom: 10%;
  left: 10%;
}

.exprience-paragraph {
  color: var(--white);
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.exprience-paragraph.explore-more-text {
  color: var(--secondary-color);
}

.blog-heading {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.counter-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  max-width: 1320px;
  display: flex;
}

.slider-title {
  padding-top: 16px;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  position: static;
}

.paragraph-line {
  background-color: var(--secondary-color);
  width: 24px;
  height: 2px;
}

.slider-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.slider-paragraph {
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.collection-list-two {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon-svg {
  width: 15px;
  height: 15px;
}

.svg-icone {
  color: var(--primary-color);
  width: 15px;
}

.service-two-box {
  border-radius: 8px;
  position: relative;
  overflow: clip;
}

.project-name {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  padding: 0;
  display: flex;
}

.svg-one {
  width: 40px;
  height: 40px;
}

.service-heading {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  line-height: 44px;
}

.services-details {
  background-color: var(--secondary-color);
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  height: 38%;
  padding: 32px 40px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.service-details-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: none;
}

.services-details-active {
  background-color: var(--secondary-color);
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 32px 40px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.service-details-link-active {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.solution-arrow-two {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
}

.text-field {
  color: #435759;
  background-color: #fff;
  border: 1px #000;
  border-bottom: 1px solid #dcdcdc;
  border-radius: 8px;
  width: 316px;
  height: 56px;
  margin-bottom: 0;
  padding: 20px;
  font-size: 18px;
  line-height: 26px;
}

.text-field:focus {
  border-bottom-color: #dcdcdc;
}

.text-field::placeholder {
  color: #435759;
}

.form-block {
  margin-bottom: 0;
}

.headings {
  color: var(--secondary-color);
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 140px;
  font-weight: 500;
  line-height: 150px;
}

.color-block-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  display: grid;
}

.heading-five {
  color: var(--secondary-color);
  text-transform: uppercase;
  font-family: Formadjrdisplay Testing, Times New Roman, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}

.all-form-input-style {
  background-color: #faf4df;
  border-radius: 24px;
  width: 100%;
  padding: 70px;
  display: block;
}

.all-button-style {
  background-color: #faf4df;
  border-radius: 24px;
  width: 100%;
  padding: 70px;
}

.color-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #beffaf;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 32px;
  display: flex;
}

.color-block.line-color {
  background-color: var(--paragraph);
  border: 1px solid #464646;
}

.color-block.paragraph-color {
  background-color: var(--natural-color);
  border: 1px solid #464646;
}

.color-block.background-color {
  background-color: var(--secondary-color);
  border: 1px solid #464646;
  padding-top: 20px;
  padding-bottom: 20px;
}

.color-block.white-color {
  background-color: #fff;
  border: 1px solid #273f2b;
}

.color-block.primary-color {
  background-color: var(--primary-color);
}

.style-guide-all-styles {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 100px;
  display: flex;
}

.all-heading-classes {
  background-color: #faf4df;
  border-radius: 24px;
  width: 100%;
  padding: 70px;
}

.style-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.style-grid.website-wrapper.style-guide-details-wrapper.style-guide-details-update {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.all-paragraph-lists {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 556px;
  margin-top: 48px;
  display: flex;
}

.color-block-code {
  font-size: 24px;
  line-height: 32px;
}

.color-block-code.color-block-code-bg {
  color: #fff;
  margin-bottom: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
}

.color-block-code.color-block-code-white {
  color: #fff;
  margin-bottom: 0;
}

.color-block-code.color-block-code-black {
  color: var(--secondary-color);
  margin-bottom: 0;
  font-weight: 400;
}

.paragraphs {
  color: var(--paragraph);
  margin-bottom: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.color-block-text {
  color: #dcdcdc;
  text-transform: capitalize;
  line-height: 26px;
}

.color-block-text.color-block-text-black {
  color: #fff;
  margin-bottom: 0;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.color-block-text.color-block-text-update {
  color: #55565b;
  margin-bottom: 0;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.color-block-text.backgound-color {
  color: #fff;
  margin-bottom: 0;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.all-heading-lists {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 48px;
  display: flex;
}

.input-field-style {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 556px;
  margin-top: 48px;
  display: flex;
}

.small-paragraph {
  color: var(--paragraph);
  text-transform: capitalize;
  border-bottom: 0 solid #1d3638;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.all-paragraph-classes {
  background-color: #faf4df;
  border-radius: 24px;
  width: 100%;
  padding: 70px;
}

.headingb {
  color: var(--secondary-color);
  text-transform: uppercase;
  font-family: Formadjrdisplay Testing, Times New Roman, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 82px;
}

.heading-four {
  color: var(--secondary-color);
  text-transform: uppercase;
  font-family: Formadjrdisplay Testing, Times New Roman, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 44px;
}

.heading-six {
  color: var(--secondary-color);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Formadjrdisplay Testing, Times New Roman, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.style-header {
  text-transform: capitalize;
  font-size: 28px;
  line-height: 36px;
}

.style-header.style-header-color {
  color: var(--secondary-color);
  text-transform: uppercase;
  border-bottom: 1px solid #042f3533;
  padding-bottom: 16px;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
}

.all-button-lists {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 48px;
  display: flex;
}

.heading-three {
  color: var(--secondary-color);
  text-transform: uppercase;
  font-family: Formadjrdisplay Testing, Times New Roman, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
}

.button {
  background-color: var(--secondary-color);
  border-radius: 80px;
  padding: 20px 32px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 14px;
  line-height: 14px;
}

.button-two {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  border-radius: 80px;
  padding: 20px 32px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-weight: 700;
  line-height: 14px;
}

.website-wrappers {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
  padding-top: 160px;
  padding-bottom: 160px;
}

.website-wrappers.hero-update-wrapper {
  color: var(--white);
  place-items: center;
  padding-top: 200px;
  padding-bottom: 200px;
  overflow: clip;
}

.service-single-title {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  padding-left: 16px;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 120px;
  font-weight: 400;
  line-height: 130px;
}

.photography-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #dcdcdc;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  grid-auto-columns: 1fr;
  padding-bottom: 100px;
  display: grid;
}

.base-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.all-image-site {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.photography-section {
  padding-left: 16px;
  padding-right: 16px;
}

.photography-items {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.licence-header {
  color: var(--secondary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 72px;
}

.details-text {
  color: var(--paragraph);
  margin-bottom: 20px;
  padding-top: 32px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.site-name {
  color: var(--secondary-color);
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
  transition: all .3s linear;
}

.site-name:hover {
  color: var(--secondary-color);
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  text-decoration: underline;
}

.licence-style-name {
  color: var(--secondary-color);
  margin-bottom: 0;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.license-text-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.plus-title {
  color: #fff;
  text-transform: capitalize;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 150px;
  font-weight: 400;
  line-height: 100px;
}

.euclid-circular-font, .tt-haves-font {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--secondary-color);
  color: #fff;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 82px;
  padding-bottom: 82px;
  text-decoration: none;
  display: flex;
}

.typography-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: grid;
}

.typography-right {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.plus-font-text, .euclid-font-text {
  color: #fff;
  text-transform: capitalize;
  margin-top: 30px;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.paragraph-licence {
  color: #fff;
  text-align: center;
  max-width: 750px;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.changelog-section {
  padding-left: 16px;
  padding-right: 16px;
}

.changelog-update {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.changelog-wrapper {
  background-color: var(--natural-color);
  border-radius: 16px;
  padding: 70px;
}

.margin-bottom {
  margin-bottom: 20px;
}

.style-h {
  color: var(--secondary-color);
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
}

.initial-released {
  color: var(--secondary-color);
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
}

.name-field {
  color: #3f3f2c;
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  width: 100%;
  height: 56px;
  margin-bottom: 0;
  padding: 21px 24px;
  line-height: 28px;
}

.name-field:focus {
  border-style: none;
  border-color: #d9e4e3;
}

.name-field::placeholder {
  color: #1d3638;
}

.phone {
  color: var(--paragraph);
  text-transform: capitalize;
  padding-bottom: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.contact-link {
  color: var(--secondary-color);
  text-align: left;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.form-error-message {
  color: #034a46;
  background-color: #9ce06900;
  border-radius: 8px;
  padding-top: 0;
  padding-bottom: 0;
}

.contact-title {
  text-transform: uppercase;
  margin-bottom: 32px;
  font-size: 56px;
  line-height: 64px;
}

.contact-title.contact {
  color: var(--secondary-color);
  text-transform: capitalize;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
}

.links-of-contact {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--secondary-color);
  border-radius: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 14px;
  display: flex;
}

.links-of-contact.other {
  border: 1px solid var(--paragraph);
  background-color: var(--natural-color);
  transition: all .3s linear;
}

.links-of-contact.other:hover {
  background-color: var(--secondary-color);
  color: var(--color);
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
}

.texts-blocks {
  color: #fff;
}

.contact-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.contact-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-success-message {
  color: #fff;
  background-color: #034a46;
  border-radius: 8px;
}

.contact-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.subject {
  opacity: 1;
  color: #3f3f2c;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px #d9e4e3;
  border-radius: 8px;
  width: 100%;
  height: 56px;
  margin-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
  line-height: 28px;
}

.subject:focus {
  border-style: none;
  border-color: #d9e4e3;
}

.subject::placeholder {
  color: #555855;
}

.contact-icon {
  background-color: #0000;
  border: 0 solid #3f3f2c4d;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.website-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-top: 150px;
  padding-bottom: 150px;
}

.website-wrapper.contact-wrap {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  color: var(--secondary-color);
  padding: 0;
}

.contact-bottom {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.contact-card {
  grid-column-gap: 85px;
  grid-row-gap: 85px;
  background-color: var(--natural-color);
  border: 1px solid #042f3533;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.contact-top-info {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}

.contact-left {
  background-color: var(--natural-color);
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  margin-bottom: 0;
  padding: 48px;
  display: flex;
}

.message {
  color: #3f3f2c;
  background-color: #fff;
  border: 1px #d9e4e3;
  border-radius: 8px;
  width: 100%;
  height: 200px;
  min-height: 200px;
  margin-bottom: 0;
  padding: 15px 24px;
  line-height: 28px;
}

.message:focus {
  border-style: none;
}

.message::placeholder {
  color: #3f3f2c;
}

.contact-btn {
  border: 1px solid var(--secondary-color);
  background-color: var(--secondary-color);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 80px;
  margin-top: 8px;
  padding: 20px 32px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-weight: 700;
  line-height: 14px;
}

.svg-facebook {
  color: var(--white);
  width: 18px;
  height: 18px;
}

.sociak-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.contact-svg {
  width: 40px;
  height: 40px;
}

.role-card {
  background-color: var(--natural-color);
  border: 1px solid #042f351a;
  border-radius: 8px;
  width: auto;
  padding: 30px;
}

.card-svg {
  width: 48px;
  height: 48px;
}

.role-card-item {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.role-card-title {
  color: var(--secondary-color);
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}

.role-card-paragraph {
  color: var(--paragraph);
  padding-top: 8px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.engr-name {
  color: var(--secondary-color);
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}

.engineer-name {
  padding-top: 24px;
}

.engr-position {
  color: var(--secondary-color);
  padding-top: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.service-solution-short-title {
  color: var(--secondary-color);
  text-transform: uppercase;
  background-image: url('../images/Short-Title-Icon_1Short Title Icon.png');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: auto;
  height: 24px;
  padding-left: 20px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-weight: 400;
  line-height: 24px;
}

.service-counter-section {
  background-color: var(--natural-color);
}

.blog-post-info-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-writer-name {
  color: var(--paragraph);
  text-transform: uppercase;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.blog-details {
  color: #1d3638;
}

.blog-details p {
  padding-top: 24px;
}

.blog-details h3 {
  color: var(--secondary-color);
  padding-top: 20px;
}

.blog-detailes {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.grid-wrappper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  display: block;
  position: static;
}

.blog-wiriter-paragraph {
  color: var(--paragraph);
  text-transform: uppercase;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  line-height: .09375rem;
}

.blog-wiriter-paragraph.author-subtitle {
  color: var(--paragraph);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.blog-details-header-info {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: #f1f4f4;
  background-color: #0000;
  border-bottom: 0 solid #faf4df;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: none;
  margin: 0;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  line-height: 26px;
  display: flex;
  position: static;
  inset: 31% auto auto 50%;
}

.blog-details-text {
  width: 1050px;
  padding-top: 24px;
}

.blog-details-image {
  text-align: left;
}

.slider-description-black {
  color: var(--white);
  padding-top: 32px;
  padding-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}

.slider-description-black.service-testimonial-text {
  color: var(--secondary-color);
}

.wrapper {
  grid-column-gap: 4.37rem;
  grid-row-gap: 4.37rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  height: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
  position: relative;
}

.wrapper.client-review-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  padding-top: 0;
  padding-bottom: 0;
}

.reveiw-contents {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.slider-client {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.slider-right {
  flex-flow: column;
  display: flex;
  position: relative;
}

.slide-nav-reveiw {
  display: none;
}

.client-images-with-details {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: clip;
}

.author-name-black {
  color: var(--white);
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
}

.author-name-black.service-testimonial-author {
  color: var(--secondary-color);
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
}

.slider-left {
  z-index: 1;
  width: 100%;
}

.client-review-section {
  background-color: var(--secondary-color);
}

.client-review-section.service-testimonial-section {
  background-color: var(--white);
}

.review-image {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  position: relative;
}

.left-arrow-review {
  background-color: var(--white);
  color: #0f0f0f;
  border: 1px solid #0f0f0f;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  transition: all .3s;
  display: flex;
  inset: auto auto 30px -23rem;
}

.left-arrow-review:hover {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}

.left-arrow-review.new:hover {
  background-color: var(--secondary-color);
  color: var(--color);
}

.review-desp {
  width: 100%;
  max-width: 13rem;
}

.title-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-block.review-block {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 23rem;
}

.author-position-black {
  color: var(--white);
  padding-top: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.author-position-black.service-testimonial-author-position {
  color: var(--secondary-color);
  font-size: 14px;
  line-height: 24px;
}

.author-details {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  padding-top: 32px;
  display: flex;
}

.right-arrow-review {
  background-color: var(--primary-color);
  color: #0f0f0f;
  border: 1px solid #0f0f0f;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  transition: all .3s;
  display: flex;
  inset: auto auto 30px -18.5rem;
}

.right-arrow-review:hover {
  background-color: var(--primary-color);
  color: var(--secondary-color);
}

.right-arrow-review.new {
  background-color: var(--secondary-color);
  color: var(--white);
}

.svg {
  color: var(--secondary-color);
  width: 70px;
}

.paragraph-footer {
  color: var(--white);
}

.innovation-title {
  color: var(--white);
  font-size: 36px;
  line-height: 44px;
}

.project-image {
  position: relative;
}

.project-header {
  color: var(--white);
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 28px;
  line-height: 36px;
  text-decoration: none;
}

.title-line {
  background-color: var(--white);
  width: 24px;
  height: 2px;
}

.project-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.project-name-box {
  background-color: var(--secondary-color);
  opacity: 0;
  width: 100%;
  padding: 32px;
  transition: all .5s linear;
  position: absolute;
  bottom: 0;
}

.project-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.collection-list-three {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-title-header {
  color: var(--white);
  font-size: 18px;
  line-height: 26px;
}

.project-detail-image {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-project {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  padding-bottom: 24px;
  display: grid;
}

.about-project.about-porject-one {
  margin-top: 50px;
  padding-bottom: 48px;
}

.about-project.last-project {
  place-items: start;
  padding-bottom: 0;
}

.project-details-title {
  padding-top: 24px;
}

.blog-writer-names {
  color: var(--secondary-color);
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.project-info {
  border-bottom: 1px solid #042f351a;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: flex;
}

.collection-list-four {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rich-text-block {
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 15px;
}

.dropdown-list-nine {
  padding-left: 30px;
}

.dropdown-list-nine.w--open {
  background-color: var(--secondary-color);
  width: 500px;
  height: auto;
  padding: 30px;
  left: -160px;
}

.dropdown-list-nine.pages.w--open {
  background-color: #0f2c30;
  border-radius: 8px;
}

.dropdown-list-nine.home.w--open {
  border-radius: 8px;
  width: auto;
  left: 0;
}

.home-two-drop-down {
  padding-top: 0;
}

.home-two-drop-down.pages {
  display: inline-block;
}

.nav-button-text-ones {
  color: #1d3638;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  transform: translate(0, 20px);
}

.nav-link-item {
  color: #fff;
  padding: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  transition: all .3s linear;
}

.nav-link-item:hover {
  color: #daff3e;
}

.nav-link-item.w--current {
  color: #daff3e;
  -webkit-text-stroke-color: #9747ff;
}

.nav-link-item.mobile-menu.menu:hover {
  color: var(--primary-color);
  font-weight: 400;
}

.nav-link-item.mobile-menu.menu.w--current {
  color: var(--primary-color);
}

.nav-link-item.mobile-menu {
  color: #fff;
  padding-top: 10px;
}

.nav-link-item.mobile-menu:hover {
  color: #c2df93;
  -webkit-text-stroke-color: #daff3e;
}

.nav-link-item.mobile-menu.w--current {
  color: #c2df93;
  padding-top: 10px;
  display: block;
}

.nav-button-text {
  color: #1d3638;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: block;
}

.icons {
  color: #fff;
  margin-right: 0;
}

.icons.dark {
  color: var(--secondary-color);
}

.nav-link-items {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
}

.nav-link-items.second-nav-link {
  color: #fff;
  text-transform: uppercase;
}

.nav-link-items.second-nav-link.nav-color {
  color: var(--secondary-color);
  font-weight: 400;
}

.button-overlay {
  z-index: -1;
  background-color: #f1f4f4;
  position: relative;
  inset: 0%;
  transform: translate(0, 100%);
}

.dropdown-home {
  color: #c2df93;
  border: 0 solid #000;
  border-bottom: 1px solid #fff3;
  width: 160px;
  padding-bottom: 10px;
}

.dropdown-toggle-five {
  color: var(--primary-color);
  padding-left: 0;
  padding-right: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.nav-buttonn {
  z-index: 0;
  color: #000;
  background-color: #c2df93;
  border: 0 solid #1d3638;
  border-radius: 14px;
  height: 50px;
  padding: 18px 32px;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  overflow: clip;
}

.nav-buttonn.nope {
  display: none;
}

.nav-button-text-wrapper {
  color: #fff;
  height: auto;
  line-height: 28px;
  overflow: hidden;
}

.dropdown-list-nines {
  padding-left: 30px;
}

.dropdown-list-nines.w--open {
  background-color: var(--secondary-color);
  width: 220px;
  padding: 15px;
}

.nav-link-wrapper-one {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  color: #000;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-link-wrapper-one.dark {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
}

.nav-link-wrapper-one.dark.black {
  color: #000;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  display: none;
}

.dropdown-home-one {
  color: #000;
  border: 0 solid #000;
  border-bottom: 1px solid #464646;
  width: 160px;
  padding-bottom: 10px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.collection-list-five {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-six {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pagination {
  display: none;
}

.collection-list-seven {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.background-video {
  height: 800px;
}

.link-profile {
  color: var(--secondary-color);
}

.solution-title-hide {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Formadjrvariable Vf Testing, Times New Roman, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 44px;
  position: static;
}

.collection-list-eight {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.all-service {
  display: none;
}

.home {
  text-decoration: none;
}

.step-one-number {
  justify-content: space-between;
  padding-bottom: 0;
  display: flex;
}

.step-one-box {
  background-color: #10392e;
  border: 1px solid #464646;
  border-radius: 16px;
  width: 550px;
  padding: 48px;
  position: sticky;
  top: 20px;
}

.step-one-box.process-card {
  background-color: var(--white);
  border-color: #ffffff29;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  padding: 48px;
  display: flex;
  position: static;
}

.work-process-left {
  position: static;
}

.work-process-steps {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.service-title {
  color: #fff;
  text-align: left;
  text-transform: capitalize;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 64px;
  font-size: 64px;
  line-height: 74px;
}

.step-one-paragraph-title {
  color: var(--secondary-color);
  text-align: center;
  text-transform: capitalize;
  margin-top: 0;
  padding-top: 0;
  font-size: 24px;
  line-height: 34px;
}

.work-process-left-side {
  position: sticky;
  top: 20px;
}

.step-one-paragraph {
  text-align: center;
  padding-top: 24px;
}

.testimonial-section {
  background-color: var(--natural-color);
  overflow: clip;
}

.client-name {
  color: var(--secondary-color);
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

.service-cart-title {
  display: block;
}

.service-cart-header {
  color: var(--secondary-color);
  font-size: 26px;
  line-height: 36px;
}

.service-cart {
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  flex-flow: column;
  display: flex;
}

.project-details-image {
  padding-bottom: 48px;
}

.solitions-one-copy.animation-one {
  background-color: var(--secondary-color);
  height: 350px;
}

.solitions-one-copy.home-color {
  background-color: var(--primary-color);
  height: 350px;
  overflow: clip;
}

.collection-item {
  height: 350px;
  overflow: clip;
}

.link-home {
  text-decoration: none;
}

.solitions-one-copy {
  background-color: var(--white);
  border-radius: 8px;
  padding: 40px;
}

.solitions-one-copy.animation-one {
  height: 350px;
}

.service-cart-header-section {
  color: var(--white);
  font-size: 26px;
  line-height: 36px;
}

.path {
  color: var(--primary-color);
}

.energy-text {
  font-size: 24px;
  line-height: 34px;
}

.slider-block-service {
  z-index: 1;
  grid-column-gap: 4.38rem;
  grid-row-gap: 4.38rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  display: grid;
}

.svg-explore {
  width: 1.7rem;
}

.slide-reviews {
  margin-right: 1rem;
}

.svg-rotate {
  width: 1.7rem;
  transform: rotate(180deg);
}

.error-details {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 200px;
  display: flex;
}

.utility-page-content-error {
  text-align: center;
  flex-direction: column;
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.error-btn {
  justify-content: center;
  align-items: center;
  display: flex;
}

.primary-btn-three {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--white);
  text-transform: uppercase;
  background-color: #034a46;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 20px 32px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  position: relative;
  overflow: clip;
}

.primary-btn-three:hover {
  background-color: var(--white);
  color: var(--secondary-color);
}

.not-found-para {
  color: var(--paragraph);
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.error-heading {
  color: var(--secondary-color);
  font-size: 300px;
  line-height: 300px;
}

.button-text {
  font-size: 14px;
  line-height: 14px;
}

.blog-dates {
  color: var(--paragraph);
  padding-top: 10px;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.contact-list {
  padding-top: 16px;
}

.all-pages {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.dropdown-item-white {
  color: #fff;
  text-transform: capitalize;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  transition: all .2s;
}

.dropdown-item-white:hover, .dropdown-item-white.w--current {
  color: var(--primary-color);
}

.menu-wrapper {
  justify-content: space-between;
  display: flex;
}

.menu-left-area {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.paragraph-we-are {
  color: var(--paragraph);
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Aeoniktrial, Times New Roman, sans-serif;
  font-size: 24px;
  line-height: 34px;
}

.footer-text {
  line-height: 14px;
}

.background-videos {
  z-index: 1;
  height: 100%;
}

.heading-titles, .header-titles, .title-header {
  color: var(--secondary-color);
}

.footer-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  display: flex;
}

.who-we-are-sections, .counter-section, .latest-project-section, .video-section, .blog-and-news-section {
  overflow: clip;
}

.svg-2 {
  width: 15px;
  position: absolute;
  inset: auto 4% -100% auto;
}

.image-2 {
  opacity: 0;
}

.subheading-regular {
  color: #25272c;
  letter-spacing: -.12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.h1-heading {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.paragraph-large {
  color: #49505b;
  letter-spacing: -.16px;
  font-size: 18px;
  line-height: 32px;
}

.section-regular {
  background-color: #f7f8f8;
  padding: 0 0%;
  position: relative;
}

.testimonial-image-2 {
  background-color: #fff;
  border: 4px solid #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.paragraph-regular {
  color: #49505b;
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.paragraph-regular.text-color-tertiary {
  color: #8d95a3;
}

.grid-three-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  display: grid;
}

.title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 628px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.testimonial-card {
  flex-flow: column;
  display: flex;
}

.badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px dashed #b5bbc4;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.text-color-brand {
  color: #154ee0;
}

.button-primary-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.08px;
  white-space: nowrap;
  background-color: #25272c;
  border: 1px solid #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 32px;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: inline-flex;
  box-shadow: 0 1px 2px #00000080, inset 0 1px 1px 2px #3f444d;
}

.button-primary-small:hover {
  background-color: #000;
}

.container-large {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-image-wrapper {
  background-color: #edeef1;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 12px;
}

.testimonial-content-outline {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px dashed #b5bbc4;
  border-top-style: none;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

.column {
  flex-flow: column;
  display: flex;
}

.spacing_4 {
  height: 4px;
}

.highlights_grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.spacing_48 {
  height: 48px;
}

.spacing_48.jknjk {
  height: 0;
}

.button_icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #070707;
  background-color: #fff;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 18px;
  font-weight: 500;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.button_icon:hover {
  box-shadow: 0 6px 20px #0000000d;
}

.button_icon.accent_button {
  color: #fff;
  background-color: #783ff3;
}

.button_icon.accent_button:hover {
  box-shadow: 0 6px 20px #783ff31a;
}

.icon_16x16 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.text_color_muted {
  opacity: .6;
}

.seckky {
  background-color: #e4b535;
  padding: 52px 5% 0;
  position: relative;
  overflow: hidden;
}

.seckky.ayy {
  background-color: #fff;
  padding-bottom: 0;
}

.seckky.doo {
  background-color: #fff;
}

.availability_graph_item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.icon_20x20 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.highlight_card {
  border-radius: 32px;
  padding: 24px;
}

.highlight_card.green {
  background-color: #94d7c5;
  background-image: url('../images/social_bg.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.highlight_card.white {
  background-color: #fff;
  background-image: url('../images/white_bg_pattern.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.highlight_card.pink {
  background-color: #f4dfe2;
  background-image: url('../images/purbple_g_pattern.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.highlight_card.black {
  color: #fff;
  background-color: #070707;
}

.availability_grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  height: 300px;
  max-height: 300px;
}

.spacing_8 {
  height: 8px;
}

.font_weight_bold {
  font-weight: 700;
}

.spacing_24 {
  height: 24px;
}

.button-2 {
  text-align: center;
  background-color: #783ff3;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 48px;
  font-weight: 600;
  transition: all .4s;
  display: flex;
}

.button-2:hover {
  background-color: #070707;
}

.button-2.background_white {
  color: #fff;
  text-align: center;
  background-color: #febf14;
}

.button-2.background_white:hover {
  color: #fff;
  background-color: #070707;
}

.prodile_image {
  object-fit: cover;
  border-radius: 500px;
  max-width: 100px;
  max-height: 100px;
}

.discount_tag {
  color: #fff;
  background-color: #febf14;
  border-radius: 500px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  position: absolute;
  inset: 12px 12px auto auto;
}

.product_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.icon_64x64 {
  width: 64px;
  height: 64px;
}

.text_color_black {
  color: #070707;
}

.product_item {
  color: #070707;
  text-decoration: none;
}

.display_large {
  font-size: 54px;
}

.text_color_green {
  color: #1f4a47;
}

.availability_column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.icon_48x48 {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.icon_wrapper {
  background-color: #fff9;
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 10px;
  transition: all .4s;
  display: flex;
  overflow: hidden;
}

.icon_wrapper:hover {
  background-color: #fff;
  box-shadow: 0 5px 20px #0000000d;
}

.product_image_wrapper {
  border-radius: 32px;
  height: 320px;
  position: relative;
  overflow: hidden;
}

.spacing_20 {
  height: 20px;
}

.profile_wrapper {
  border: 2px solid #dee2e5;
  border-radius: 500px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  padding: 10px;
  display: flex;
}

.content_wrapper {
  width: auto;
  max-width: 725px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content_wrapper.content_align_center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.spacing_32 {
  height: 32px;
}

.text_color_grey {
  color: #484848;
}

.text_color_grey.text_width_medium {
  max-width: 46ch;
}

.text_color_grey.text_width_small {
  max-width: 17ch;
}

.blog_grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.icon_24x24 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.small_text {
  font-size: 12px;
}

.graph_bar {
  background-color: #dee2e5;
  border-radius: 32px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  padding: 24px;
  font-weight: 600;
  display: flex;
}

.graph_bar.available {
  color: #fff;
  background-color: #070707;
  flex: 0 auto;
}

.graph_bar.available.thursday {
  height: 80%;
  min-height: auto;
}

.graph_bar.available.monday {
  height: 66%;
  min-height: auto;
}

.graph_bar.available.wednesday {
  height: 50%;
  min-height: auto;
}

.graph_bar.available.tuesday {
  display: none;
}

.graph_bar.available.friday {
  color: #070707;
  background-color: #f4dfe2;
  height: 35%;
}

.line_divider {
  background-color: #dee2e5;
  width: 100%;
  height: 1px;
}

.spacing_16 {
  height: 16px;
}

.section_title {
  font-size: 1.8rem;
}

.flex_wrapper {
  display: flex;
}

.flex_wrapper.flex_distribute {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
}

.flex_wrapper.flex_distribute.flex_alignt_top {
  align-items: flex-start;
}

.flex_wrapper.flex_center {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
}

.flex_wrapper.flex_left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.flex_wrapper.flex_left.flex_gap_medium {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.icon_wrap {
  overflow: hidden;
}

.button-3 {
  background-color: #5b3acc;
  border-radius: 900px;
  margin-top: 25px;
  padding: 17px 35px;
  font-size: 15px;
  font-weight: 500;
}

.content_wrap {
  background-image: url('../images/dots_1dots.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 23px;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 20px 5%;
  display: flex;
}

.paragraph {
  color: #44465f;
  letter-spacing: -.3px;
  font-size: 18px;
  line-height: 1.2;
}

.col_40 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  padding-right: 35px;
  display: flex;
}

.text_features {
  letter-spacing: -.3px;
  margin-top: 8px;
  font-size: 15px;
  line-height: 25px;
}

.h1_example {
  color: #000645;
  letter-spacing: -.5px;
  margin-bottom: 25px;
  font-size: 44px;
  line-height: 1;
}

.col_60 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  padding: 10px;
  display: flex;
}

.container_p {
  flex: 1;
  align-items: center;
  max-width: 1140px;
  display: flex;
}

.h1_features {
  letter-spacing: -.3px;
  margin-top: 9px;
  font-size: 19px;
  line-height: 27px;
}

.card_base {
  color: #44465f;
  background-color: #fff;
  border-radius: 15px;
  width: 100%;
  min-height: 270px;
  margin-bottom: 35px;
  padding: 31px 25px 25px;
  text-decoration: none;
  position: relative;
  box-shadow: 7px 7px 55px #f2f3f6;
}

.card_row {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 15px;
  display: flex;
}

.card_col_2 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px 0;
  display: flex;
  position: relative;
  top: -30px;
}

.image-3 {
  width: 40%;
  max-width: none;
  margin-bottom: 6px;
}

.image-4 {
  width: 25%;
  max-width: none;
}

.heading-1 {
  color: #1e2432;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.4;
}

.heading-1.white {
  color: #fff;
  font-size: 42px;
}

.body-text {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.body-text.white {
  color: #fff;
}

.body-text.light {
  color: #ffffffb3;
}

.cta-button-wrap {
  flex-direction: column;
  align-items: stretch;
  margin-top: 30px;
  margin-right: 60px;
  display: flex;
  position: relative;
}

.footer-section {
  background-color: #01216e;
  padding-top: 0;
  padding-bottom: 120px;
}

.students-wrap {
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.cta-grid {
  grid-column-gap: 110px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.button-4 {
  background-color: #1e2432;
  border-radius: 100px;
  padding: 15px 60px;
  font-size: 18px;
  font-weight: 500;
  transition: background-color .2s cubic-bezier(.455, .03, .515, .955);
}

.button-4:hover {
  background-color: #4b505b;
  text-decoration: none;
}

.button-4.hero {
  color: #1e2432;
  text-align: center;
  background-color: #fff;
  max-width: 320px;
}

.button-4.hero:hover {
  background-color: #fffc;
}

.cta-section {
  background-color: #1a49ba;
  background-image: url('../images/Coursy-cta_section_bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  margin-bottom: 120px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.cta-arrow {
  position: absolute;
  inset: 20% -20% 0% auto;
}

.container-2 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.footer-grid-2 {
  grid-column-gap: 110px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr .25fr .25fr .25fr;
}

.paragraph-large-2 {
  color: #7e8bb6;
  font-size: 17px;
  line-height: 1.5;
}

.paragraph-large-2.max-width {
  max-width: none;
  font-size: 18px;
  line-height: 1.8;
}

.content-grid {
  grid-column-gap: 82px;
  grid-row-gap: 82px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
}

.content-grid.centre-content {
  grid-template-columns: 1fr 1.2fr;
  margin-top: 114px;
  margin-bottom: 114px;
}

.container-3 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-2 {
  text-align: right;
  padding-left: 100px;
  padding-right: 60px;
}

.heading-3 {
  margin-bottom: 23px;
  font-size: 43px;
}

.title-wrapper-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 572px;
  margin-bottom: 92px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-h3 {
  color: #273464;
  margin-bottom: 14px;
  font-size: 38px;
  line-height: 47px;
}

.content-section {
  background-color: #fff;
  padding: 23px 3% 10px;
}

.div-block-3, .div-block-4 {
  padding-left: 60px;
  padding-right: 100px;
}

.link {
  color: #ffffffb3;
  text-decoration: none;
}

.header-grid {
  grid-column-gap: 35px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
  display: grid;
}

.sm-text {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 14px;
}

.header-2 {
  color: #000;
  background-color: #fff;
  height: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.feature-text-2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.feature-text-2.zmorah {
  margin-bottom: 13px;
}

.header-review {
  flex-direction: column;
  align-items: center;
  width: 85%;
  display: flex;
}

.person-review {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 18px;
  display: flex;
}

.limited-offre-icon {
  height: 20px;
  margin-right: 5px;
}

.text-center {
  text-align: center;
}

.product-features-item {
  align-items: center;
  display: flex;
}

.button-span {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.header-product-title {
  margin-bottom: 18px;
  font-size: 30px;
  line-height: 34px;
}

.slide-nav-2 {
  display: none;
}

.s-l-arrow {
  color: #000;
  width: 60px;
  height: 60px;
  font-size: 25px;
}

.product-features {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-slider {
  background-color: #0000;
  height: 462px;
}

.header-wrapper {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 925px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.img-fluid {
  object-fit: contain;
  width: auto;
  height: 100%;
}

.limited-offre-head {
  align-items: center;
  margin-right: 5px;
  display: flex;
}

.featured-item {
  color: #000;
  align-items: flex-start;
  margin-bottom: 5px;
  display: flex;
}

.limited-offre-icon-2 {
  height: 20px;
  margin-right: 5px;
}

.star-icon {
  color: #000;
  font-size: 14px;
}

.features-list {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-left: 0;
}

.features-list.mt-0 {
  margin-top: 0;
}

.review-stars {
  align-items: center;
  margin-bottom: 20px;
  margin-right: 0;
  display: flex;
}

.sm-paragraph {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}

.person-review-img {
  object-fit: cover;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  margin-bottom: 0;
}

.container-4 {
  z-index: 1;
  width: 100%;
  max-width: 1190px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 45px;
  padding-right: 45px;
  position: relative;
}

.container-4.h100 {
  height: 100%;
}

.fa-icon {
  font-size: 25px;
  line-height: 25px;
}

.fa-icon.feature-icon {
  margin-right: 5px;
  font-size: 18px;
}

.button-primary {
  color: #fff;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 445px;
  height: 60px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
  display: flex;
}

.button-primary.wd-100 {
  width: 100%;
}

.button-primary.wd-100.mb-10 {
  background-color: #efae00;
  border-radius: 9px;
  margin-bottom: 10px;
}

.limited-offre {
  border-radius: 3px;
  align-items: center;
  height: 36px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.limited-offre.limited-offre-white {
  background-color: #fff;
}

.limited-offre.limited-offre-white.mb-10 {
  margin-bottom: 10px;
}

.s-r-arrow {
  color: #000;
  width: 60px;
  height: 60px;
  font-size: 25px;
}

.limited-offre-2 {
  border-radius: 3px;
  align-items: center;
  height: 36px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.limited-offre-2.limited-offre-white {
  background-color: #fff;
}

.limited-offre-2.limited-offre-white.mb-10 {
  margin-bottom: 10px;
}

.header-slide-item-wrapper {
  width: 100%;
  height: 100%;
}

.product-features-item-icon {
  width: 48px;
  height: 48px;
  margin-right: 18px;
}

.link-2 {
  color: #030303;
  text-decoration: none;
}

.paragraph-2 {
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 25px;
}

.select-field {
  display: none;
}

.main-section {
  flex-direction: column;
  align-items: center;
  padding: 75px 5%;
  display: flex;
}

.main-container {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1050px;
  display: flex;
}

.main-container.centre {
  align-items: center;
}

.icon-purple {
  color: #fff;
  background-color: #7300de;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 39px;
  padding: 5px;
  display: flex;
}

._1-3-grid {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.spacer-blank {
  width: 0;
  height: 0;
  font-size: 1px;
}

.purple-span {
  color: #7300de;
}

.spacer-50px {
  width: 50px;
  height: 50px;
}

.h3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 800;
}

.content-wrap-icons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 25px;
  display: flex;
  box-shadow: 0 10px 20px #0000000d;
}

.h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.3;
}

.paragraph-3 {
  color: #181818e6;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.6;
}

.header-wrap-centre {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 850px;
  display: flex;
}

.paragraph-4 {
  text-align: left;
}

.button-5 {
  background-color: #efae00;
  border-radius: 300px;
  margin-top: 22px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.hero-image {
  border-radius: 10px;
  width: 69%;
  max-width: none;
  box-shadow: 21px 21px 30px -10px #1d01501a;
}

.spacer-xxl {
  width: 100%;
  height: 50px;
}

.main-container-2 {
  width: 100%;
  max-width: 1100px;
}

.spacer-xs {
  width: 100%;
  height: 10px;
}

.content-wrap-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.content-wrap-center.max-width-800 {
  max-width: 800px;
}

.paragraph-5 {
  opacity: .9;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.button-6 {
  color: #fff;
  background-color: #febf14;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-6:hover {
  box-shadow: none;
  background-color: #000;
}

.top-cta {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 5%;
  display: flex;
}

.h1 {
  color: #000;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
}

.spacer-l {
  width: 100%;
  height: 30px;
}

.divider-section {
  color: #000;
  background-color: #f2f3ff;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 25px 5%;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.main-container-3 {
  width: 100%;
  max-width: 1100px;
}

._1-2-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  align-items: center;
}

._1-2-grid._75-space {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
}

.h2-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.1;
}

.icon-3 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.icon-3.dark {
  color: #000;
}

.main-container-4 {
  width: 100%;
  max-width: 1100px;
}

.input-label {
  z-index: 2;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

.icon-text-point {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #000;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.form-inner {
  flex-direction: column;
  display: flex;
}

.flex-row-outer {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.border-wrap {
  background-color: #fff;
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 400px;
  max-width: none;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.paragraph-6 {
  opacity: .9;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.button-7 {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-7:hover {
  box-shadow: none;
  background-color: #000;
}

.button-7.in-form {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  display: flex;
}

.main-section-2 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 5%;
  display: flex;
}

.spacer-m {
  width: 100%;
  height: 20px;
}

.success-message {
  color: #fff;
  background-color: #19b13a;
  border-radius: 10px;
  font-weight: 600;
}

.content-wrap {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.input-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.input-wrapper._15p-right {
  margin-right: 15px;
}

.input {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  font-size: 15px;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input:hover {
  box-shadow: none;
  border-color: #434de7;
}

.input:focus {
  border: 1px solid #434de7;
}

.input::placeholder {
  color: #6e6e6e;
}

@media screen and (min-width: 1280px) {
  .solution-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .solitions-one.animation-one {
    background-color: var(--natural-color);
  }

  .solution-arrow.home-arrow {
    color: var(--secondary-color);
  }

  .footer-menu-area.is-news {
    max-width: 350px;
  }

  .checkbox {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    font-size: 18px;
  }

  .solution-linkk-wrapper {
    margin-top: 0;
  }

  .svg-icon {
    color: var(--color);
  }

  .copyright-section {
    margin-top: -1px;
  }

  .marquee-text {
    font-size: 42px;
  }

  .service-details-link {
    color: var(--white);
  }

  .photography-wrapper {
    grid-column-gap: 166px;
    grid-row-gap: 166px;
    padding-bottom: 70px;
  }

  .typography-wrapper {
    grid-column-gap: 166px;
    grid-row-gap: 166px;
  }

  .phone {
    padding-bottom: 0;
  }

  .blog-details-text {
    width: auto;
  }

  .nav-buttonn {
    background-color: #c2df93;
  }

  .service-cart-title {
    display: block;
  }

  .solitions-one-copy {
    background-color: var(--secondary-color);
    height: 350px;
  }

  .solitions-one-copy.home-color {
    background-color: var(--primary-color);
  }

  .collection-item {
    overflow: clip;
  }

  .link-home {
    color: var(--secondary-color);
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: Aeoniktrial, Times New Roman, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
  }

  .service-cart-header-section {
    color: var(--white);
  }

  .content_wrapper {
    width: 67%;
  }
}

@media screen and (min-width: 1440px) {
  .explore-text-wrapper {
    margin-bottom: auto;
  }

  .header-content {
    margin-bottom: 80px;
  }

  .heading {
    text-align: center;
    font-size: 110px;
  }

  .section-footer {
    margin-top: -1px;
  }

  .checkbox-icon {
    background-color: #474644;
    border: 1px solid #838383;
  }

  .checkbox {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .marquee-wrappers {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .marquee-text {
    font-size: 48px;
  }

  .portfolio-overtext {
    border-radius: 0;
  }

  .blog-details-text {
    width: 1050px;
  }

  .left-arrow-review {
    left: -23.7rem;
  }

  .right-arrow-review {
    left: -19.2rem;
  }

  .icons {
    color: #fff;
  }

  .nav-buttonn {
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media screen and (min-width: 1920px) {
  .page-wrapper, .main-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .drop-down-wrapper {
    justify-content: space-between;
  }

  .container.footer-container {
    border-top-color: var(--white);
    border-bottom-color: var(--white);
  }

  .container.counter-container {
    padding-left: 0;
    padding-right: 0;
  }

  .container.header-container {
    max-width: 1800px;
  }

  .hero-section {
    margin-left: auto;
    margin-right: auto;
  }

  .heading {
    font-size: 160px;
    line-height: 172px;
  }

  .hero-title {
    padding: 0;
  }

  .grid {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .grid.explore-grid {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
  }

  .image {
    height: auto;
  }

  .image.future-images {
    height: 100%;
  }

  .section-footer {
    margin-top: -1px;
  }

  .checkbox-icon {
    margin-top: 0;
  }

  .checkbox {
    justify-content: flex-start;
    align-items: center;
  }

  .counter-subtext.text-color.counter.counter-short {
    line-height: 26px;
  }

  .testimonial {
    justify-content: center;
    align-items: center;
  }

  .header-section, .marquee-sections, .service-section-two {
    margin-left: auto;
    margin-right: auto;
  }

  .experience-calc {
    background-color: #ccc6;
  }

  .mask {
    width: 40%;
    overflow: visible;
  }

  .slide {
    margin-right: 24px;
  }

  .working-project-header {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
  }

  .image-ten {
    width: 24px;
    height: 24px;
  }

  .slider-arrows.is-left {
    right: 5%;
  }

  .icon-arrow {
    color: #111;
  }

  .slider-arrow.is-right-aroow {
    top: -30%;
  }

  .slider-two {
    background-color: #ddd0;
    height: 100%;
  }

  .slider-one {
    display: block;
  }

  .slide-nav {
    display: none;
  }

  .testimonial-component {
    display: block;
  }

  .portfolio-overtext {
    opacity: 0;
    justify-content: center;
    align-items: center;
  }

  .counter-grid {
    display: flex;
  }

  .role-card:hover {
    color: var(--primary-color);
  }

  .grid-wrappper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .blog-details-header-info, .blog-details-text {
    width: 1050px;
  }

  .nav-button-text {
    text-transform: uppercase;
    font-weight: 700;
  }

  .nav-link-items {
    text-transform: uppercase;
  }

  .button-overlay {
    opacity: 0;
  }

  .dropdown-home {
    color: #fff;
  }

  .nav-buttonn {
    background-color: #c2df93;
    padding-left: 28px;
    padding-right: 28px;
  }

  .nav-button-text-wrapper {
    opacity: 1;
  }

  .dropdown-home-one {
    color: #fff;
  }

  .step-one-box {
    width: auto;
  }

  .service-title {
    text-align: left;
    padding-bottom: 60px;
  }

  .step-one-paragraph-title {
    font-size: 21px;
  }

  .testimonial-section {
    margin-left: auto;
    margin-right: auto;
  }

  .error-heading {
    line-height: 400px;
  }

  .heading-titles {
    color: var(--secondary-color);
  }

  .who-we-are-sections, .counter-section, .latest-project-section, .video-section, .blog-and-news-section {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 64px;
    line-height: 74px;
  }

  p {
    margin-top: 0;
  }

  .nav-link {
    color: var(--white);
  }

  .nav-link.white-color {
    line-height: 20px;
  }

  .hire-me-desktop {
    display: none;
  }

  .navbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .navbar.home-one {
    padding-top: 20px;
  }

  .nav-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    background-color: var(--secondary-color);
    border-top: 0 solid #d9d9d91a;
    border-radius: 8px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 0;
    display: grid;
  }

  .menu-button {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: center;
    align-items: center;
    width: 30px;
    padding: 0;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf00;
  }

  .drop-down-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: auto;
  }

  .mobile-margin-top {
    display: block;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-wrapper.background-none {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hamburger-tablet {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .primary-text {
    margin-top: 0;
  }

  .container.second-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.footer-container {
    padding-top: 60px;
  }

  .mode-wrapper.mode-wrapper-tablet {
    display: none;
  }

  .list-item {
    line-height: 26px;
  }

  .navbar-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .hero-section {
    height: auto;
  }

  .padding-global {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .padding-global.padding-none.padding-bottom {
    padding-bottom: 100px;
  }

  .padding-global.padding-bottom.padding {
    padding-top: 100px;
  }

  .header-content {
    margin-top: 100px;
    margin-bottom: 50px;
  }

  .heading {
    text-align: center;
    font-size: 60px;
    line-height: 70px;
  }

  .hero-title {
    text-align: center;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .grid.header-grid, .grid.service-two-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid.explore-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, .75fr);
    place-items: center start;
  }

  .grid.grid-wrappers, .grid.grid-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .grid.home-two-testimonial-grid {
    grid-template-columns: 1fr;
  }

  .second-header {
    max-width: none;
    margin-bottom: 40px;
    font-size: 64px;
    line-height: 74px;
  }

  .second-header.service-title {
    margin-bottom: 0;
    padding-bottom: 40px;
    font-size: 64px;
    line-height: 74px;
  }

  .second-header.service-title.advice-title {
    font-size: 64px;
    line-height: 74px;
  }

  .second-header.service-title.service-solution-title {
    margin-bottom: 0;
    padding-bottom: 40px;
    font-size: 64px;
    line-height: 74px;
  }

  .second-header.pocess-title.service-explain-title, .second-header.advice-title {
    font-size: 64px;
    line-height: 74px;
  }

  .second-header.header-center {
    margin-bottom: 40px;
  }

  .short-header-service.testimonial {
    justify-content: center;
    align-items: center;
  }

  .solution-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-menu-area.is-news {
    max-width: 348px;
  }

  .brand-logo-wrap {
    padding-left: 0;
  }

  .checkbox-icon {
    margin-top: 4px;
  }

  .footer-logo-widget {
    max-width: none;
  }

  .footer-logo-wrapper {
    margin-bottom: 20px;
  }

  .footer-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .grid-wrapper {
    grid-template-columns: 1fr;
  }

  .enviroment-header-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex;
  }

  .wind-turbine {
    display: none;
  }

  .process-header {
    margin-top: 0;
  }

  .process-grid {
    grid-template-columns: 1fr;
  }

  .testimonial-author {
    margin-top: .5rem;
  }

  .testimonial-slider-arrow.is-two {
    width: 3.2rem;
    inset: auto 3.5rem 0 auto;
  }

  .testimonial-slider-arrow.is-two.is-two-right {
    inset: auto 0 0 auto;
  }

  .testimonial-visual {
    width: 19.5rem;
  }

  .testimonial-text {
    font-size: 24px;
    line-height: 34px;
  }

  .testimonial-slider {
    width: 100cqw;
  }

  .testimonial-slider-item {
    flex-flow: wrap;
  }

  .counter-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    height: 90px;
  }

  .counter-wrapper.second-counter {
    height: 72px;
  }

  .counter-text-inner {
    height: 4rem;
  }

  .counter-text {
    font-size: 100px;
    line-height: 100px;
  }

  .counter-subtext {
    margin-top: 30px;
    font-size: 18px;
  }

  .counter-subtext.text-color.counter.counter-short {
    margin-top: -30px;
  }

  .counter-width {
    width: auto;
  }

  .blog-left {
    height: auto;
  }

  .paragraph-blog {
    margin-top: 0;
  }

  .step-grid {
    grid-template-columns: 1fr 1fr;
  }

  .step-paragraph {
    margin-top: 15px;
  }

  .steps-count {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .require-dot-four, .require-dot-two {
    display: none;
  }

  .require-dot-three {
    left: 52%;
  }

  .require-dot-three.tablet {
    background-color: var(--secondary-color);
    left: 55.5%;
  }

  .require-abs-block-one {
    border-color: #b4c1c2;
    display: none;
    top: 11%;
  }

  .require-dot-one {
    background-color: var(--secondary-color);
  }

  .require-abs-block-one-copy {
    border-color: #b4c1c2;
    display: none;
    top: 72%;
  }

  .require-abs-block-one-copy.services {
    display: none;
  }

  .cta-block {
    padding-bottom: 60px;
  }

  .cta-contact-wrap {
    width: 100%;
  }

  .cta-title {
    font-size: 56px;
    line-height: 66px;
  }

  .cta-icon-block {
    width: 100px;
    height: 100px;
  }

  .cta-paragraph {
    margin-top: 0;
  }

  .heading-title {
    padding-bottom: 40px;
    font-size: 90px;
    line-height: 100px;
  }

  .marquee-wrappers {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .marquee-items {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .marquee-text {
    padding-bottom: 0;
    font-size: 32px;
  }

  .explore-btn {
    justify-content: center;
    align-items: flex-start;
  }

  .exorience-element {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .experience-bedge {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .experience {
    grid-template-columns: 1fr;
  }

  .mask {
    max-width: 356px;
  }

  .slider-arrows {
    width: 3rem;
    height: 3rem;
  }

  .slider-arrows.is-left {
    top: -22%;
    right: 8%;
  }

  .slider-arrows.is-left:hover {
    color: var(--primary-color);
  }

  .slider-arrow {
    width: 3rem;
    height: 3rem;
  }

  .slider-arrow.is-right-aroow {
    top: -22%;
    right: -1%;
  }

  .section.inner-page {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .portfolio-overtext {
    border-radius: 13px;
    line-height: 24px;
  }

  .counter-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .collection-list-two {
    grid-template-columns: 1fr 1fr;
  }

  .project-name {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .services-details {
    height: 21%;
  }

  .headings {
    font-size: 90px;
    line-height: 100px;
  }

  .color-block-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .style-guide-all-styles {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    margin-top: 100px;
  }

  .paragraphs {
    font-size: 20px;
    line-height: 30px;
  }

  .small-paragraph {
    color: #1d3638;
    font-size: 16px;
  }

  .all-button-lists {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .website-wrappers {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .website-wrappers.hero-update-wrapper {
    padding-top: 140px;
    padding-bottom: 140px;
    padding-left: 16px;
  }

  .service-single-title {
    padding-left: 0;
    font-size: 64px;
    line-height: 74px;
  }

  .photography-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 5fr;
    padding-bottom: 50px;
  }

  .base-container {
    max-width: none;
  }

  .licence-header {
    font-size: 48px;
    line-height: 58px;
  }

  .details-text, .site-name {
    color: var(--paragraph);
    font-family: Aeoniktrial, Times New Roman, sans-serif;
  }

  .site-name:hover {
    color: var(--secondary-color);
  }

  .licence-style-name {
    color: var(--secondary-color);
    font-family: Formadjrdisplay Testing, Times New Roman, sans-serif;
    font-weight: 400;
  }

  .typography-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 5fr;
  }

  .paragraph-licence {
    padding-left: 0;
  }

  .changelog-wrapper {
    padding: 60px;
  }

  .style-h {
    font-size: 26px;
    line-height: 36px;
  }

  .name-field {
    padding: 16px;
  }

  .contact-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .subject {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contact-icon {
    width: 65px;
    min-width: 65px;
    height: 65px;
    min-height: 65px;
  }

  .website-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .website-wrapper.contact-wrap {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .contact-bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .map {
    height: 400px;
  }

  .contact-card {
    padding: 20px;
  }

  .contact-top-info {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .contact-left {
    padding: 30px;
  }

  .message {
    height: 150px;
    min-height: 150px;
    padding: 10px 16px;
  }

  .engineer-image {
    width: 100%;
  }

  .engr-position {
    padding-top: 0;
  }

  .grid-wrappper {
    grid-template-columns: 1fr;
  }

  .blog-wiriter-paragraph.author-subtitle {
    margin-bottom: .3rem;
  }

  .blog-details-header-info {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background-color: #0000;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 3rem 40px 0 0;
  }

  .blog-details-text {
    width: auto;
  }

  .slider-description-black {
    margin-bottom: 2rem;
  }

  .slider-description-black.service-testimonial-text {
    margin-top: 0;
  }

  .wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .wrapper.client-review-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .wrapper.client-review-wrapper.new {
    padding-bottom: 0;
  }

  .wrapper.client-review-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding-bottom: 0;
  }

  .reveiw-contents {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .slider-left {
    height: auto;
  }

  .left-arrow-review {
    inset: -170px 64px auto auto;
  }

  .review-desp {
    max-width: none;
  }

  .title-block.review-block {
    margin-left: 0;
  }

  .author-position-black, .author-position-black.service-testimonial-author-position {
    margin-top: 0;
  }

  .author-details {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 0;
    display: block;
  }

  .right-arrow-review {
    inset: -170px 0% auto auto;
  }

  .collection-list-three {
    grid-template-columns: 1fr 1fr;
  }

  .about-project.about-porject-one {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    place-items: center start;
  }

  .collection-list-four {
    grid-template-columns: 1fr 1fr;
  }

  .dropdown-list-nine.w--open {
    text-align: center;
    -webkit-text-stroke-color: #111;
    background-color: #435759;
    border: 0 solid #f3f5f9;
    border-radius: 10px;
    width: auto;
    margin-left: 0;
    padding: 10px;
  }

  .dropdown-list-nine.pages.w--open {
    background-color: var(--secondary-color);
    left: -120px;
  }

  .dropdown-list-nine.home.w--open {
    background-color: var(--secondary-color);
  }

  .home-two-drop-down {
    padding-top: 0;
  }

  .home-two-drop-down.pages {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
  }

  .nav-link-item {
    color: #000;
    text-align: left;
    background-color: #111;
    font-size: 1.125rem;
  }

  .nav-link-item.mobile-menu {
    opacity: 1;
    text-align: center;
    opacity: 1;
    text-align: center;
    background-color: #0000;
    border-bottom: 1px solid #e1e6ea1a;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .icons.dark {
    color: var(--white);
  }

  .nav-link-items {
    text-transform: uppercase;
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: inline-flex;
  }

  .nav-link-items.second-nav-link {
    font-weight: 400;
    line-height: 20px;
  }

  .nav-link-items.second-nav-link.nav-color {
    color: var(--white);
  }

  .dropdown-home {
    border-bottom-width: 0;
    width: 150px;
    padding-bottom: 0;
  }

  .dropdown-toggle-five {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .dropdown-toggle-five.w--open {
    text-align: center;
  }

  .nav-buttonn {
    display: none;
  }

  .nav-buttonn.nope {
    display: block;
  }

  .dropdown-list-nines.w--open {
    background-color: #435759;
    border: 0 solid #f3f5f9;
    border-radius: 10px;
    width: auto;
    margin-left: 0;
    padding: 10px;
  }

  .nav-link-wrapper-one {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .nav-link-wrapper-one.dark {
    z-index: 1;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    color: #000;
    position: relative;
  }

  .dropdown-home-one {
    border-bottom-width: 0;
    padding-bottom: 0;
  }

  .rotate-text {
    display: none;
  }

  .collection-list-six {
    grid-template-columns: 1fr 1fr;
  }

  .collection-list-seven {
    grid-template-columns: 1fr;
  }

  .step-one-box {
    background-image: none;
    border-radius: 0;
    top: 20px;
  }

  .step-one-box.process-card {
    border-radius: 16px;
    width: 100%;
    position: static;
  }

  .service-title {
    text-align: left;
    padding-bottom: 60px;
    font-size: 50px;
    line-height: 60px;
  }

  .work-process-left-side {
    position: relative;
    top: 0;
  }

  .slider-block-service {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: .75fr minmax(0, 1fr);
    place-items: start center;
    height: auto;
  }

  .utility-page-content-error {
    max-width: 600px;
  }

  .primary-btn-three {
    padding: 20px 32px;
  }

  .not-found-para {
    font-size: 20px;
  }

  .image-home {
    width: 100%;
  }

  .all-pages {
    justify-content: center;
    align-items: center;
  }

  .dropdown-item-white:hover {
    color: var(--primary-color);
  }

  .menu-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer-menu {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .section-regular {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column {
    grid-template-columns: 1fr 1fr;
  }

  .col_40 {
    width: 100%;
  }

  .col_60 {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0;
  }

  .container_p {
    flex-direction: column;
  }

  .card_row {
    padding-left: 0;
  }

  .card_col_2 {
    padding-right: 0;
  }

  .footer-block {
    text-align: center;
  }

  .heading-1 {
    font-size: 48px;
  }

  .body-text {
    font-size: 18px;
  }

  .cta-grid {
    grid-column-gap: 60px;
  }

  .button-4.hero {
    width: 100%;
  }

  .footer-grid-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: .5fr .5fr;
  }

  .content-grid {
    grid-column-gap: 62px;
    grid-row-gap: 62px;
  }

  .content-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .header-grid {
    grid-column-gap: 20px;
  }

  .container-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-primary {
    text-align: center;
    width: 100%;
  }

  .product-features-item-icon {
    margin-right: 5px;
  }

  ._1-3-grid {
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  ._1-2-grid {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .nav-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 0;
  }

  .drop-down-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    justify-content: space-between;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .container.footer-container {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .padding-global {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .padding-global.padding-none.padding-bottom {
    padding-bottom: 80px;
  }

  .padding-global.padding-bottom.padding {
    padding-top: 80px;
  }

  .heading {
    font-size: 60px;
    line-height: 70px;
  }

  .grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .grid.header-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .grid.explore-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: minmax(0, 1fr);
  }

  .grid.grid-wrappers, .grid.grid-wrapper, .grid.home-two-testimonial-grid {
    grid-template-columns: 1fr;
  }

  .second-header {
    margin-bottom: 40px;
    padding-bottom: 0;
    font-size: 48px;
    line-height: 58px;
  }

  .second-header.service-title {
    padding-bottom: 40px;
    font-size: 48px;
    line-height: 58px;
  }

  .second-header.service-title.advice-title {
    font-size: 48px;
    line-height: 56px;
  }

  .second-header.service-title.service-solution-title, .second-header.pocess-title.service-explain-title, .second-header.advice-title {
    font-size: 48px;
    line-height: 58px;
  }

  .second-header.project-titles {
    margin-bottom: 70px;
    padding-bottom: 40px;
  }

  .who-we-are-left-image {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .image.future-images {
    height: 100%;
  }

  .short-header-service, .short-header-service.testimonial {
    justify-content: center;
    align-items: center;
  }

  .home-two-service-header.explore-header {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .home-two-service-header.explore-header.mobile {
    padding-bottom: 0;
  }

  .solution-grid {
    grid-template-columns: 1fr;
  }

  .section-footer {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-menu-area {
    width: 45%;
  }

  .footer-menu-area.is-news {
    max-width: none;
  }

  .brand-logo-wrap {
    padding-left: 0;
  }

  .checkbox-icon {
    margin-top: 0;
  }

  .news-letter {
    display: block;
  }

  .checkbox {
    justify-content: flex-start;
    align-items: center;
  }

  .form-box {
    width: 300px;
  }

  .footer-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .grid-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .wind-turbine {
    justify-content: center;
    align-items: flex-end;
  }

  .process-grid {
    padding-bottom: 40px;
  }

  .testimonial-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .testimonial-author {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    margin-top: 0;
  }

  .testimonial-image {
    object-fit: cover;
    width: 100%;
    height: 21.875rem;
  }

  .testimonial-slider-arrow, .testimonial-slider-arrow.is-two {
    display: none;
  }

  .testimonial-visual {
    width: 100%;
    overflow: hidden;
  }

  .testimonial-visual.is-two {
    width: 100%;
  }

  .testimonial-text {
    font-size: 20px;
    line-height: 30px;
  }

  .testimonial-slider-item {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .counter-text-inner {
    height: 5.2rem;
  }

  .counter-text {
    font-size: 75px;
  }

  .counter-subtext {
    margin-top: 0;
    line-height: 28px;
  }

  .counter-subtext.text-color.counter.counter-short {
    margin-top: 0;
  }

  .blog-image {
    width: 100%;
  }

  .blog-header {
    font-size: 30px;
    line-height: 40px;
  }

  .step-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .steps-count {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .require-dot-four {
    display: block;
    top: 81%;
    left: -4px;
  }

  .require-dot-two {
    display: block;
    top: 26.5%;
    left: -4px;
  }

  .require-dot-three {
    top: 54%;
    left: -4px;
  }

  .require-dot-three.tablet {
    top: -224%;
    left: 57.5%;
  }

  .require-abs-block-one {
    display: none;
    top: 11%;
  }

  .require-dot-one {
    top: 0;
    left: -4px;
  }

  .require-abs-block-one-copy {
    display: none;
    top: 70%;
  }

  .cta-block {
    padding-bottom: 60px;
  }

  .cta-title {
    font-size: 48px;
    line-height: 58px;
  }

  .cta-icon-block {
    width: 100px;
    height: 100px;
  }

  .div-block {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-title {
    font-size: 64px;
    line-height: 74px;
  }

  .header-element-one {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .marquee-wrappers {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .marquee-text {
    font-size: 28px;
  }

  .product-hero-details {
    order: -1;
    max-width: none;
  }

  .experience-left {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .mask {
    max-width: 100%;
  }

  .arrow {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
  }

  .slider-arrows {
    width: 2.5rem;
    height: 2.5rem;
    top: -33%;
  }

  .slider-arrows.is-left {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #000;
    top: -12%;
    left: 0;
    right: auto;
  }

  .slider-arrow {
    width: 2.5rem;
    height: 2.5rem;
    top: -33%;
  }

  .slider-arrow.is-right-aroow {
    color: #fff;
    top: -12%;
    left: 55px;
    right: auto;
  }

  .slider-two {
    height: 600px;
  }

  .section.inner-page {
    overflow: visible;
  }

  .work-slider-title {
    font-size: 30px;
    line-height: 40px;
  }

  .portfolio-overtext {
    justify-content: center;
    align-items: center;
  }

  .blog-heading {
    justify-content: center;
    align-items: flex-start;
  }

  .counter-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .collection-list-two {
    grid-template-columns: 1fr;
  }

  .service-two-box {
    width: 100%;
  }

  .services-details {
    height: auto;
  }

  .headings {
    font-size: 70px;
    line-height: 80px;
  }

  .color-block-grid {
    grid-template-columns: 1fr;
  }

  .all-form-input-style, .all-button-style {
    padding: 60px;
  }

  .style-guide-all-styles {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    margin-top: 80px;
  }

  .all-heading-classes {
    padding: 60px;
  }

  .style-grid.website-wrapper.style-guide-details-wrapper.style-guide-details-update {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .all-paragraph-lists, .all-heading-lists, .input-field-style {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .all-paragraph-classes {
    padding: 60px;
  }

  .style-header.style-header-color {
    margin-top: 0;
    margin-bottom: 0;
  }

  .all-button-lists {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .website-wrappers.hero-update-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 16px;
  }

  .service-single-title {
    font-size: 65px;
    line-height: 65px;
  }

  .photography-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-bottom: 40px;
  }

  .typography-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-bottom: 0;
  }

  .typography-right {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
  }

  .paragraph-licence {
    padding-left: 0;
  }

  .changelog-wrapper {
    padding: 40px;
  }

  .style-h {
    line-height: 36px;
  }

  .contact-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .website-wrapper.contact-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .contact-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .blog-writer-name {
    font-size: 1.1rem;
    line-height: 1.5rem;
  }

  .grid-wrappper {
    grid-template-columns: 1fr;
  }

  .blog-details-header-info {
    border: 0 solid #000;
    border-bottom-color: #393e40;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 0;
    margin-left: auto;
    display: flex;
    position: static;
    bottom: 0;
    left: 0%;
    transform: none;
  }

  .slider-description-black {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }

  .wrapper.client-review-wrapper {
    place-items: center start;
    padding-bottom: 0;
  }

  .author-name-black {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }

  .left-arrow-review {
    width: 3rem;
    height: 3rem;
    top: -10%;
    left: auto;
    right: 54px;
  }

  .review-desp {
    max-width: none;
  }

  .right-arrow-review {
    width: 3rem;
    height: 3rem;
    top: -10%;
    left: auto;
    right: 0;
  }

  .project-image {
    width: 100%;
  }

  .collection-list-three, .about-project {
    grid-template-columns: 1fr;
  }

  .blog-writer-names {
    font-size: 1.1rem;
    line-height: 1.5rem;
  }

  .project-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row-reverse wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    display: grid;
  }

  .collection-list-four {
    grid-template-columns: 1fr;
  }

  .dropdown-list-nine.w--open {
    width: 138px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link-items.second-nav-link {
    font-weight: 400;
  }

  .dropdown-home {
    text-align: left;
    width: 160px;
  }

  .dropdown-list-nines.w--open {
    width: 200px;
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-home-one {
    text-align: left;
    width: auto;
  }

  .collection-list-six, .collection-list-seven {
    grid-template-columns: 1fr;
  }

  .background-video {
    position: relative;
  }

  .step-one-box {
    background-image: linear-gradient(#0000, #0000);
    width: 100%;
  }

  .step-one-box.process-card {
    padding: 40px;
  }

  .work-process-steps {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .service-title {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 40px;
    font-size: 36px;
    line-height: 46px;
  }

  .slider-block-service {
    grid-template-columns: .75fr;
  }

  .svg-explore, .svg-rotate {
    width: 1.4rem;
  }

  .error-details {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .not-found-title {
    font-size: 40px;
    line-height: 40px;
  }

  .utility-page-content-error {
    max-width: 500px;
  }

  .not-found-para {
    font-size: 16px;
    line-height: 20px;
  }

  .all-pages {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .image-project, .image-projects {
    width: 100%;
  }

  .footer-menu {
    grid-template-columns: 1fr;
  }

  .h1-heading {
    font-size: 48px;
  }

  .grid-three-column {
    grid-template-columns: 1fr;
  }

  .col_40 {
    padding-right: 0;
  }

  .col_60 {
    flex-direction: column;
  }

  .card_row {
    width: 100%;
    padding-right: 0;
  }

  .card_col_2 {
    width: 100%;
    padding-left: 0;
  }

  .cta-block-2 {
    text-align: center;
  }

  .cta-button-wrap {
    margin-right: 0;
  }

  .cta-grid {
    grid-template-columns: 1fr;
  }

  .cta-section {
    background-position: 50%;
  }

  .content-grid, .content-grid.centre-content {
    grid-template-columns: 1fr;
  }

  .header-grid {
    flex-direction: column;
    display: flex;
  }

  .header-review {
    margin-top: -41px;
  }

  .header-product-title {
    font-size: 20px;
    line-height: 26px;
  }

  .header-slider {
    height: auto;
    margin-bottom: 10px;
  }

  .header-wrapper {
    margin-bottom: 15px;
  }

  .sm-paragraph {
    font-size: 14px;
    line-height: 24px;
  }

  .container-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .button-primary {
    width: 100%;
    font-size: 14px;
    line-height: 16px;
  }

  .paragraph-4 {
    margin-bottom: 10px;
  }

  .button-5 {
    margin-top: 22px;
    padding: 12px 25px;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 48px;
    line-height: 58px;
  }

  blockquote {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-menu-column-one {
    grid-row-gap: 10px;
    width: 100%;
  }

  .nav-link {
    font-size: 14px;
    line-height: 14px;
  }

  .navbar {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .nav-menu {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .menu-button {
    width: 25px;
  }

  .drop-down-wrapper {
    grid-row-gap: 18px;
    padding: 0 10px;
  }

  .navbar-brand {
    max-width: 150px;
  }

  .hamburger-tablet {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .mode-switch {
    width: 1.2rem;
    height: 1.2rem;
  }

  .primary-btn {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 14px;
    line-height: 16px;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .primary-text {
    font-size: 14px;
    line-height: 20px;
  }

  .mode-wrapper {
    flex: none;
    width: 60px;
    height: 27px;
  }

  .hero-section {
    overflow: visible;
  }

  .padding-global {
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .padding-global.padding-none.padding-bottom {
    padding-bottom: 60px;
  }

  .padding-global.padding-bottom.padding {
    padding-top: 60px;
  }

  .explore-text-wrapper {
    width: 120px;
    height: 120px;
    display: none;
    left: -86px;
  }

  .explore-text {
    justify-content: flex-start;
    align-items: center;
  }

  .header-content {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 25px;
    display: flex;
  }

  .heading {
    font-size: 40px;
    line-height: 50px;
  }

  .hero-title {
    padding-left: 0;
    padding-right: 0;
  }

  .grid.header-grid, .grid.grid-wrappers, .grid.grid-wrapper {
    grid-template-columns: 1fr;
  }

  .second-header {
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 50px;
  }

  .second-header.service-title {
    padding-bottom: 30px;
    font-size: 40px;
    line-height: 50px;
  }

  .second-header.service-title.advice-title {
    font-size: 40px;
    line-height: 50px;
  }

  .second-header.service-title.service-solution-title {
    padding-bottom: 30px;
    font-size: 40px;
    line-height: 50px;
  }

  .second-header.pocess-title.service-explain-title, .second-header.advice-title {
    font-size: 40px;
    line-height: 50px;
  }

  .second-header.header-center {
    margin-bottom: 30px;
  }

  .second-header.project-titles {
    margin-bottom: 0;
  }

  .who-we-are-left-image {
    grid-template-columns: 1fr;
  }

  .who-we-are-section {
    margin-top: 0;
    padding-top: 0;
  }

  .home-two-service-header.explore-header {
    padding-bottom: 0;
  }

  .solution-grid {
    grid-template-columns: 1fr;
  }

  .footer-menu-title {
    margin-bottom: 16px;
  }

  .footer-menu-area {
    width: 100%;
  }

  .checkbox-icon {
    margin-top: 4px;
  }

  .checkbox {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .grid-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .eri-ew-o.enviroment {
    padding-top: 0;
    padding-bottom: 0;
  }

  .enviroment-header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .wind-turbine {
    display: none;
  }

  .process-header {
    margin-top: 0;
  }

  .process-grid {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
    padding-bottom: 50px;
  }

  .testimonial-content {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
  }

  .testimonial-image {
    height: 18rem;
  }

  .testimonial-visual.is-two {
    width: 100%;
  }

  .testimonial-slider-item {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .counter-wrapper {
    height: 80px;
  }

  .counter-wrapper.second-counter {
    height: 50px;
  }

  .counter-text {
    font-size: 80px;
  }

  .counter-text.dark.count-size {
    font-size: 50px;
    line-height: 60px;
  }

  .counter-subtext {
    margin-top: 16px;
  }

  .counter-subtext.text-color.counter {
    margin-top: 0;
    line-height: 24px;
  }

  .blog-header {
    font-size: 24px;
    line-height: 34px;
  }

  .step-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .step-header {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .steps.service-step {
    margin-bottom: 10px;
  }

  .steps-count {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .step-description {
    margin-top: 0;
  }

  .require-dot-four {
    top: 79.5%;
  }

  .require-dot-three {
    top: 53%;
  }

  .require-abs-block-one, .require-abs-block-one-copy {
    display: none;
  }

  .cta-block {
    padding-bottom: 60px;
  }

  .cta-title {
    font-size: 40px;
    line-height: 50px;
  }

  .cta-icon-block {
    width: 100px;
    height: 100px;
  }

  .heading-title {
    padding-bottom: 30px;
    font-size: 40px;
    line-height: 50px;
  }

  .header-element-one {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .marquee-wrappers, .marquee-items {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .marquee-text {
    font-size: 26px;
  }

  .product-hero-details {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .product-icon, .product-icon-one, .product-icon-two, .product-icon-three {
    width: 50px;
  }

  .world-para {
    font-size: 18px;
    line-height: 25px;
  }

  .experience-left {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
  }

  .experience-bedge {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .experience-name {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .mask {
    width: 100%;
    max-width: 550px;
    height: 400px;
  }

  .slider-arrows {
    width: 2.3rem;
    height: 2.3rem;
    top: auto;
    bottom: -3.5rem;
    left: 50px;
    transform: translate(-50%);
  }

  .slider-arrows.is-left {
    width: 40px;
    height: 40px;
    top: -105%;
    left: -40%;
    right: 29%;
  }

  .slider-arrow {
    width: 2.3rem;
    height: 2.3rem;
    top: auto;
    bottom: -3.5rem;
    left: 50px;
    transform: translate(-50%);
  }

  .slider-arrow.is-right-aroow {
    width: 40px;
    height: 40px;
    top: -105%;
    left: 25%;
  }

  .slider-two {
    width: 100%;
    height: 450px;
  }

  .slider-one {
    padding-top: 60px;
  }

  .blog-heading {
    justify-content: center;
    align-items: flex-start;
  }

  .counter-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .services-details {
    width: auto;
    height: auto;
  }

  .services-details.tab.landscape.mobile {
    bottom: 0%;
  }

  .text-field {
    width: 217px;
  }

  .headings {
    font-size: 36px;
    line-height: 46px;
  }

  .color-block-grid {
    grid-template-columns: 1fr;
  }

  .heading-five {
    font-size: 24px;
    line-height: 34px;
  }

  .all-form-input-style, .all-button-style {
    width: auto;
    padding: 40px 20px;
  }

  .color-block.white-color {
    padding-bottom: 32px;
  }

  .style-guide-all-styles {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 60px;
  }

  .all-heading-classes {
    padding: 40px 30px 40px 20px;
  }

  .style-grid.website-wrapper.style-guide-details-wrapper.style-guide-details-update {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 0;
    padding-bottom: 0;
  }

  .all-paragraph-lists {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: none;
    margin-top: 30px;
  }

  .color-block-code.color-block-code-bg, .color-block-code.color-block-code-white, .color-block-code.color-block-code-black {
    font-size: 20px;
  }

  .all-heading-lists {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 30px;
  }

  .input-field-style {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: none;
    margin-top: 30px;
  }

  .small-paragraph {
    color: #1d3638;
    padding-top: 5px;
    font-size: 16px;
    line-height: 20px;
  }

  .all-paragraph-classes {
    padding: 40px 20px;
  }

  .headingb {
    font-size: 35px;
    line-height: 45px;
  }

  .heading-four {
    font-size: 25px;
    line-height: 35px;
  }

  .heading-six {
    font-size: 20px;
    line-height: 30px;
  }

  .style-header.style-header-color {
    padding-bottom: 0;
    font-size: 30px;
  }

  .all-button-lists {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: none;
    margin-top: 30px;
  }

  .heading-three {
    font-size: 30px;
    line-height: 40px;
  }

  .website-wrappers {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .website-wrappers.hero-update-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .service-single-title {
    font-size: 40px;
    line-height: 50px;
  }

  .photography-wrapper {
    border-bottom-width: 0;
    padding-bottom: 0;
  }

  .all-image-site {
    grid-column-gap: 20px;
    grid-row-gap: 14px;
    flex-flow: wrap;
    justify-content: space-between;
  }

  .photography-items {
    grid-template-columns: 1fr;
  }

  .licence-header {
    font-size: 36px;
    line-height: 46px;
  }

  .license-text-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .typography-wrapper {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .typography-right {
    grid-row-gap: 24px;
    grid-template-columns: minmax(0, 1fr);
  }

  .changelog-wrapper {
    padding: 40px 20px;
  }

  .margin-bottom {
    margin-bottom: 16px;
  }

  .style-h {
    font-size: 24px;
    line-height: 34px;
  }

  .form-error-message {
    font-size: 16px;
  }

  .contact-title, .contact-title.contact {
    font-size: 40px;
    line-height: 50px;
  }

  .contact-form {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .contact-top {
    grid-template-columns: 1fr;
  }

  .form-success-message {
    font-size: 16px;
  }

  .contact-icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
  }

  .website-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .website-wrapper.contact-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .contact-bottom {
    grid-template-columns: minmax(0, 1fr);
  }

  .map {
    height: 300px;
  }

  .contact-top-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .contact-left {
    width: 290px;
    padding: 20px;
  }

  .message {
    height: 100px;
    min-height: 100px;
  }

  .blog-writer-name {
    font-size: 1.1rem;
  }

  .blog-wiriter-paragraph.author-subtitle {
    font-size: 1rem;
    line-height: 1rem;
  }

  .blog-details-header-info {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom-width: 0;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .blog-details-text {
    flex-flow: column;
    padding-bottom: 60px;
    display: block;
  }

  .slider-description-black {
    margin-bottom: 1rem;
  }

  .wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .wrapper.client-review-wrapper {
    padding-bottom: 0;
  }

  .client-images-with-details {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .review-image {
    height: 318.625px;
  }

  .left-arrow-review {
    width: 2.5rem;
    height: 2.5rem;
    right: 45px;
  }

  .left-arrow-review.new {
    top: -15%;
  }

  .right-arrow-review {
    width: 2.5rem;
    height: 2.5rem;
  }

  .right-arrow-review.new {
    top: -15%;
  }

  .innovation-title {
    padding-bottom: 0;
    font-size: 26px;
    line-height: 36px;
  }

  .blog-writer-names {
    font-size: 1.1rem;
  }

  .dropdown-list-nine.w--open {
    text-align: center;
    width: 150px;
    margin-left: 0;
    padding-left: 0;
  }

  .home-two-drop-down.pages {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: 0;
  }

  .nav-link-item {
    text-align: left;
  }

  .icons.dark {
    font-size: 14px;
  }

  .nav-link-items {
    font-size: 16px;
    line-height: 26px;
  }

  .nav-link-items.second-nav-link {
    font-size: 14px;
    font-weight: 400;
  }

  .dropdown-toggle-five {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dropdown-list-nines.w--open {
    text-align: center;
    width: 200px;
    margin-left: 0;
    padding-left: 0;
  }

  .nav-link-wrapper-one.dark {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .step-one-number {
    padding-bottom: 50px;
  }

  .step-one-box {
    width: auto;
    padding: 24px;
  }

  .step-one-box.process-card {
    padding: 20px;
  }

  .work-process-steps {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .service-title {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 30px;
    font-size: 30px;
    line-height: 40px;
  }

  .step-one-paragraph-title {
    font-size: 16px;
    line-height: 24px;
  }

  .slider-block-service {
    grid-template-columns: minmax(0, 1fr);
  }

  .svg-explore, .svg-rotate {
    width: 1.2rem;
  }

  .error-details {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .not-found-title {
    font-size: 30px;
    line-height: 35px;
  }

  .utility-page-content-error {
    max-width: 300px;
  }

  .primary-btn-three {
    font-size: 14px;
    line-height: 16px;
  }

  .not-found-para {
    font-size: 16px;
  }

  .error-heading {
    font-size: 150px;
    line-height: 150px;
  }

  .dropdown-item-white {
    font-size: .9rem;
  }

  .menu-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .menu-left-area {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .background-videos {
    overflow: visible;
  }

  .heading-2 {
    font-size: 48px;
    line-height: 58px;
  }

  .button-primary-small {
    width: 100%;
  }

  .testimonial-content-outline {
    padding: 16px;
  }

  .highlights_grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .spacing_48 {
    height: 32px;
  }

  .seckky {
    padding-left: 24px;
    padding-right: 24px;
  }

  .highlight_card {
    border-radius: 24px;
  }

  .prodile_image {
    max-width: 60px;
    max-height: 60px;
  }

  .discount_tag {
    font-size: 10px;
  }

  .display_large {
    font-size: 50px;
  }

  .product_image_wrapper {
    border-radius: 24px;
    height: 190px;
  }

  .profile_wrapper {
    width: 80px;
    height: 80px;
  }

  .graph_bar {
    border-radius: 24px;
    padding: 16px;
  }

  .graph_bar.available {
    font-size: 10px;
    line-height: 130%;
  }

  .section_title {
    text-align: center;
  }

  .flex_wrapper.flex_distribute.flex_alignt_top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .flex_wrapper.flex_center {
    flex-wrap: wrap;
  }

  .flex_wrapper.flex_left {
    font-size: 14px;
  }

  .flex_wrapper.flex_left.flex_gap_medium {
    flex-direction: column;
  }

  .heading-1 {
    font-size: 40px;
  }

  .button-4 {
    text-align: center;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .cta-arrow {
    display: none;
  }

  .content-section {
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .sm-text.mb-0.offre-text {
    padding-left: 25px;
  }

  .header-review {
    width: 100%;
  }

  .product-features-item {
    text-align: center;
    flex-direction: column;
    justify-content: center;
  }

  .product-features {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .limited-offre-head {
    margin-bottom: 0;
  }

  .featured-item {
    align-items: flex-start;
  }

  .limited-offre-icon-2 {
    transform: translate(0, 5px);
  }

  .review-stars {
    margin-bottom: 10px;
  }

  .container-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .fa-icon {
    font-size: 20px;
  }

  .limited-offre {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 5px 8px;
  }

  .limited-offre-2 {
    flex-direction: row;
    align-items: center;
    height: auto;
    padding: 5px 8px;
  }

  .product-features-item-icon {
    margin-bottom: 5px;
    margin-right: 0;
  }

  .h2 {
    font-size: 30px;
  }

  .paragraph-3 {
    font-size: 16px;
  }

  .paragraph-4 {
    font-size: 1rem;
    line-height: 1.9;
  }

  .h1 {
    font-size: 38px;
  }

  ._1-2-grid._75-space {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .h2-2 {
    font-size: 30px;
  }
}

#w-node-e5a8b1f8-7a64-7dd7-a7ae-0591b5848e07-be5c56b6 {
  justify-self: end;
}

#w-node-_0c336cfe-cafd-0a15-c4a1-3222f45bda0b-be5c56b6, #w-node-_0c336cfe-cafd-0a15-c4a1-3222f45bda16-be5c56b6, #w-node-_0c336cfe-cafd-0a15-c4a1-3222f45bda21-be5c56b6, #w-node-_0c336cfe-cafd-0a15-c4a1-3222f45bda2c-be5c56b6, #w-node-_9f28ef7a-fe49-e456-1726-80aa397b0d5f-be5c56b6, #w-node-_9f28ef7a-fe49-e456-1726-80aa397b0d66-be5c56b6, #w-node-_025d0ce4-946d-0ea8-a0ce-98508b20e132-be5c56b6, #w-node-_025d0ce4-946d-0ea8-a0ce-98508b20e139-be5c56b6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b6f7917a-0cfa-f75e-9e96-0319670f7e93-be5c56b6 {
  justify-self: end;
}

#w-node-b6f7917a-0cfa-f75e-9e96-0319670f7e9d-be5c56b6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d6519e68-2560-a69f-d4a3-93d661773ba8-be5c56b7 {
  align-self: center;
}

#w-node-_265e3805-90a2-19d8-0d0e-f0a9f6653204-f66531de {
  justify-self: end;
}

#w-node-_94f27e7d-d02c-a4ae-5fb0-d7a9c0752730-be5c56b9 {
  align-self: center;
}

#w-node-e44f1f20-02e1-7bad-8a56-f90eec4bc44e-be5c56b9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4335fce2-38fc-a2f9-668a-785fabcf7ab7-abcf7a81, #w-node-_202cc0ca-f432-fe7b-c7c7-4f9f4ea530ba-be5c56bb, #w-node-bb3aae03-8fc3-b7fc-0d24-479d34eda2f6-be5c56bc {
  align-self: center;
}

#w-node-_438d2815-e1c4-4ec1-40f1-d1d91632fd5b-be5c56c0, #w-node-_438d2815-e1c4-4ec1-40f1-d1d91632fd66-be5c56c0, #w-node-_438d2815-e1c4-4ec1-40f1-d1d91632fd72-be5c56c0, #w-node-_438d2815-e1c4-4ec1-40f1-d1d91632fd7e-be5c56c0, #w-node-_5d49cb94-9a56-7175-36db-4bc4191062b7-be5c56c0, #w-node-d4c9686b-6a54-7dd1-83eb-e5ce90e1cbe6-be5c56c0, #w-node-_45804dec-aa24-8ae5-8bdc-950e77473b40-be5c56c0, #w-node-_7c83663f-ff0d-91d3-5a7d-10a70dafc7f5-be5c56c0, #w-node-_4f783301-66e7-9571-2b7a-c591449c7100-be5c56c0, #w-node-_4b42ffc5-3ef0-5e9e-2799-49d32b6f12be-be5c56c0, #w-node-e77161a4-8e28-5a37-240e-816085f59bbd-be5c56c0, #w-node-_97c38228-0ad4-9af8-db92-683cb292afc1-be5c56c0, #w-node-_6d778d27-c682-45b1-996b-5e2a2885ad4f-be5c56c0, #w-node-_2ac6378c-ca30-9061-893d-a968fe067c5f-be5c56c0, #w-node-_147917c7-5b36-b5e1-f550-572d84d08958-be5c56c0, #w-node-_352ca5ac-09d8-6d1b-d5cb-fa63d5743692-be5c56c0, #w-node-_0d5432f1-3335-b69c-4862-56a0e0d14890-be5c56c0, #w-node-c9b67cc5-ea1f-cda2-c893-a7f4f639353a-be5c56c0, #w-node-c297babb-d0dd-10ad-d287-d4db071ad840-be5c56c0, #w-node-_81687c05-9808-653b-dc30-844cafb337f2-be5c56c0, #w-node-_1185e839-1cb6-7d26-506c-762c5918f54d-be5c56c0, #w-node-_2d0780ad-7f1f-6a4c-ad37-70031c70c03f-be5c56c0, #w-node-_5277cf79-cc9f-6512-097b-726ecc9218f2-be5c56c0, #w-node-bde09104-22be-41b6-e82b-baddf9ff2c30-be5c56c0, #w-node-_4f7d1a30-0063-7c7a-2668-fefc299fc456-be5c56c0, #w-node-b3945231-3b27-a769-be08-469eb0c30944-be5c56c0, #w-node-e806519f-7a55-49e9-8e1d-061bdfb17dd4-be5c56c0, #w-node-_76e6ca5d-7693-2cf8-50d4-5b5f9f174d60-be5c56c0, #w-node-f8600901-7f74-8576-c7c5-8b3521d71a59-be5c56c0, #w-node-_0408e0d2-01b3-d507-efeb-7c7d411bd4a5-be5c56c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_64ed9588-42dd-5763-7e97-930da949d975-be5c56c3 {
  align-self: center;
}

#w-node-_06806ea2-6578-9007-42b8-799a6e9d2584-35905297, #w-node-d88c2f51-6bb7-4b15-15c3-f5ce3e25600f-35905297, #w-node-d88c2f51-6bb7-4b15-15c3-f5ce3e256034-35905297 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-e5a8b1f8-7a64-7dd7-a7ae-0591b5848e0f-be5c56b6 {
    justify-self: end;
  }

  #w-node-b6f7917a-0cfa-f75e-9e96-0319670f7e90-be5c56b6 {
    place-self: center start;
  }

  #w-node-b6f7917a-0cfa-f75e-9e96-0319670f7e93-be5c56b6 {
    align-self: center;
  }

  #w-node-b6f7917a-0cfa-f75e-9e96-0319670f7e9d-be5c56b6 {
    justify-self: center;
  }

  #w-node-_265e3805-90a2-19d8-0d0e-f0a9f665320c-f66531de {
    justify-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b6f7917a-0cfa-f75e-9e96-0319670f7e93-be5c56b6 {
    justify-self: center;
  }
}


@font-face {
  font-family: 'Formadjrbanner Testing';
  src: url('../fonts/FormaDJRBanner-BoldItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRBanner-ExtraBoldItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRBanner-ExtraBoldItalic-Testing.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrbanner Testing';
  src: url('../fonts/FormaDJRBanner-MediumItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRBanner-MediumItalic-Testing.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrbanner Testing';
  src: url('../fonts/FormaDJRBanner-Medium-Testing.woff2') format('woff2'), url('../fonts/FormaDJRBanner-Medium-Testing.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-Medium-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDeck-Medium-Testing.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-ExtraBold-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDeck-Bold-Testing.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-Regular-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDeck-Regular-Testing.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-Black-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDisplay-Black-Testing.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-BlackItalic-Testing.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrbanner Testing';
  src: url('../fonts/FormaDJRBanner-HairlineItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRBanner-Italic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRBanner-Italic-Testing.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrbanner Testing';
  src: url('../fonts/FormaDJRBanner-ExtraLightItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRBanner-ExtraLightItalic-Testing.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-MediumItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDisplay-MediumItalic-Testing.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-MediumItalic-Testing.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-HairlineItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDisplay-Italic-Testing.woff') format('woff'), url('../fonts/FormaDJRDisplay-HairlineItalic-Testing.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrbanner Testing';
  src: url('../fonts/FormaDJRBanner-ExtraBold-Testing.woff2') format('woff2'), url('../fonts/FormaDJRBanner-ExtraBold-Testing.woff') format('woff'), url('../fonts/FormaDJRBanner-Bold-Testing.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-Bold-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDisplay-ExtraBold-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDisplay-Bold-Testing.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrbanner Testing';
  src: url('../fonts/FormaDJRBanner-BlackItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRBanner-BlackItalic-Testing.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrbanner Testing';
  src: url('../fonts/FormaDJRBanner-Black-Testing.woff2') format('woff2'), url('../fonts/FormaDJRBanner-Black-Testing.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrbanner Testing';
  src: url('../fonts/FormaDJRBanner-Thin-Testing.woff2') format('woff2'), url('../fonts/FormaDJRBanner-Thin-Testing.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-Medium-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDisplay-Medium-Testing.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-ExtraLight-Testing.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-Italic-Testing.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-Light-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDisplay-Light-Testing.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-ThinItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDisplay-ThinItalic-Testing.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-ExtraLightItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDeck-ExtraLightItalic-Testing.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-Thin-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDisplay-Thin-Testing.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-ThinItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRDeck-ThinItalic-Testing.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrtext Testing';
  src: url('../fonts/FormaDJRText-Black-Testing.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrtext Testing';
  src: url('../fonts/FormaDJRText-Bold-Testing.woff2') format('woff2'), url('../fonts/FormaDJRText-ExtraBold-Testing.woff2') format('woff2'), url('../fonts/FormaDJRText-ExtraBold-Testing.woff') format('woff'), url('../fonts/FormaDJRText-Bold-Testing.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrtext Testing';
  src: url('../fonts/FormaDJRText-BlackItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRText-BlackItalic-Testing.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrtext Testing';
  src: url('../fonts/FormaDJRText-Italic-Testing.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrmicro Testing';
  src: url('../fonts/FormaDJRMicro-Bold-Testing.woff2') format('woff2'), url('../fonts/FormaDJRMicro-ExtraBold-Testing.woff2') format('woff2'), url('../fonts/FormaDJRMicro-Bold-Testing.woff') format('woff'), url('../fonts/FormaDJRMicro-ExtraBold-Testing.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrmicro Testing';
  src: url('../fonts/FormaDJRMicro-BoldItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRMicro-ExtraBoldItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRMicro-ExtraBoldItalic-Testing.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrmicro Testing';
  src: url('../fonts/FormaDJRMicro-Italic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRMicro-Italic-Testing.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrmicro Testing';
  src: url('../fonts/FormaDJRMicro-ExtraLightItalic-Testing.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrmicro Testing';
  src: url('../fonts/FormaDJRMicro-LightItalic-Testing.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrmicro Testing';
  src: url('../fonts/FormaDJRMicro-MediumItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRMicro-MediumItalic-Testing.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrtext Testing';
  src: url('../fonts/FormaDJRText-ExtraLightItalic-Testing.woff2') format('woff2'), url('../fonts/FormaDJRText-ExtraLightItalic-Testing.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrmicro Testing';
  src: url('../fonts/FormaDJRMicro-Medium-Testing.woff2') format('woff2'), url('../fonts/FormaDJRMicro-Medium-Testing.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrtext Testing';
  src: url('../fonts/FormaDJRText-Regular-Testing.woff2') format('woff2'), url('../fonts/FormaDJRText-Regular-Testing.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrmicro Testing';
  src: url('../fonts/FormaDJRMicro-ExtraLight-Testing.woff2') format('woff2'), url('../fonts/FormaDJRMicro-ExtraLight-Testing.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrvariable Vf Testing';
  src: url('../fonts/FormaDJRVariable-Italic-VF-Testing.woff2') format('woff2'), url('../fonts/FormaDJRVariable-Italic-VF-Testing.woff') format('woff');
  font-weight: 1 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrtext Testing';
  src: url('../fonts/FormaDJRText-Light-Testing.woff2') format('woff2'), url('../fonts/FormaDJRText-Light-Testing.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrbanner Hairline Testing';
  src: url('../fonts/FormaDJRBanner-Hairline-Testing.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrbanner Testing';
  src: url('../fonts/FormaDJRBanner-ThinItalic-Testing.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-ExtraLightItalic-Testing.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrbanner Testing';
  src: url('../fonts/FormaDJRBanner-Regular-Testing.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-BoldItalic-Testing.woff') format('woff'), url('../fonts/FormaDJRDisplay-ExtraBoldItalic-Testing.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Hairline Testing';
  src: url('../fonts/FormaDJRDisplay-Hairline-Testing.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdisplay Testing';
  src: url('../fonts/FormaDJRDisplay-LightItalic-Testing.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-BlackItalic-Testing.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-ExtraBoldItalic-Testing.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Hairline Testing';
  src: url('../fonts/FormaDJRDeck-Hairline-Testing.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-LightItalic-Testing.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-ExtraLight-Testing.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-Thin-Testing.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrtext Testing';
  src: url('../fonts/FormaDJRText-BoldItalic-Testing.woff') format('woff'), url('../fonts/FormaDJRText-ExtraBoldItalic-Testing.woff') format('woff'), url('../fonts/FormaDJRText-ExtraBoldItalic-Testing.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrdeck Testing';
  src: url('../fonts/FormaDJRDeck-Light-Testing.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrtext Testing';
  src: url('../fonts/FormaDJRText-MediumItalic-Testing.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrtext Testing';
  src: url('../fonts/FormaDJRText-LightItalic-Testing.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrtext Testing';
  src: url('../fonts/FormaDJRText-Medium-Testing.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Formadjrvariable Vf Testing';
  src: url('../fonts/FormaDJRVariable-VF-Testing.woff') format('woff');
  font-weight: 1 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeoniktrial';
  src: url('../fonts/AeonikTRIAL-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeoniktrial';
  src: url('../fonts/AeonikTRIAL-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeoniktrial';
  src: url('../fonts/AeonikTRIAL-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Aeoniktrial';
  src: url('../fonts/AeonikTRIAL-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeoniktrial';
  src: url('../fonts/AeonikTRIAL-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}