/* ==========================================================================


Theme Name: Project
Theme URI:
Author: Project
Description: Project WordPress theme.
Version: 1.0

   1. Reset
   2. Base styles: opinionated defaults
   3. Variables
   4. Mixins
   5. Fonts
   6. Custom styles
   7. Browser Fixes
   8. Responsive

   */
/* ==========================================================================
   0. Vendor
   ========================================================================== */
/*==========================================================================
  1. Reset
  ========================================================================== */
/* ==========================================================================
   2. Base Styles
   ========================================================================== */
/* ==========================================================================
   3. Variables
   ========================================================================== */
/* ==========================================================================
   4. Mixins
   ========================================================================== */
/**************************************************************
-> Usage: @include aspect-ratio(16, 9);
**************************************************************/
/**************************************************************
-> Usage: @include fluid-type(650px, 1600px, 16px, 32px);
**************************************************************/
/**************************************************************
-> Usage: width:get-vw(100px);
**************************************************************/
/* ==========================================================================
   5. Fonts
   ========================================================================== */
@font-face {
  font-family: 'Noe Display';
  src: url("../../fonts/NoeDisplay-Bold.woff2") format("woff2"), url("../../fonts/NoeDisplay-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  text-rendering: optimizeLegibility; }

body {
  font-family: 'Inter', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Noe Display', serif;
  font-weight: bold;
  color: #003A3F; }

/* ==========================================================================
   6. Custom Styles
   ========================================================================== */
.greendark-bg {
  background: #003A3F; }

.mint-bg {
  background: #BADB9E; }

.ratio-image {
  overflow: hidden;
  display: block;
  margin: 0;
  position: relative; }
  .ratio-image::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 50%; }
  .ratio-image > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .ratio-image img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center; }

.page-id-49 #firstblock + .white-bg {
  height: 0;
  padding: 0; }
  .page-id-49 #firstblock + .white-bg header {
    display: none; }

#site-header {
  background: #003A3F; }

#menu-toggle {
  background: #BADB9E; }
  #menu-toggle:after {
    background: #003A3F; }

.services-slider .wrapper {
  max-width: 1653px;
  width: 90%; }

.services-slider__header {
  background: #003A3F;
  padding-top: 160px;
  padding-bottom: 68px;
  margin-bottom: 66px; }
  @media (max-width: 767px) {
    .services-slider__header {
      padding-top: 60px;
      padding-bottom: 60px; } }

.services-slider__heading {
  color: white; }

.services-slider__nav {
  text-transform: uppercase;
  height: 94px;
  overflow: hidden;
  color: #BADB9E;
  border-top: 2px solid #BADB9E;
  border-bottom: 2px solid #BADB9E;
  max-width: 1414px;
  margin: 0 auto; }
  @media (max-width: 1199px) {
    .services-slider__nav {
      height: auto;
      max-width: 90%; } }
  .services-slider__nav p {
    color: #BADB9E;
    margin-bottom: 0; }
  .services-slider__nav .slick-track {
    -webkit-transform: none !important;
            transform: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .services-slider__nav .slick-list {
    padding: 0px !important;
    margin: 0 auto; }
  .services-slider__nav__item {
    height: 94px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer; }
    @media (max-width: 1199px) {
      .services-slider__nav__item {
        padding: 0 10px;
        width: auto !important; } }
    @media (max-width: 1024px) {
      .services-slider__nav__item {
        width: 33% !important;
        height: 50px; } }
    @media (max-width: 767px) {
      .services-slider__nav__item {
        width: 50% !important; } }
    @media (max-width: 570px) {
      .services-slider__nav__item {
        width: 100% !important; } }
    .services-slider__nav__item.slick-current p {
      color: white; }

.services-slider__slider__item {
  position: relative;
  overflow: hidden; }

.services-slider__slider__title {
  color: #003A3F; }

.services-slider__slider__content {
  max-width: 1183px;
  margin-top: 109px;
  margin-bottom: 117px;
  background: white;
  position: relative;
  padding: 115px 115px 78px 115px; }
  @media (max-width: 1450px) {
    .services-slider__slider__content {
      max-width: 90%; } }
  @media (max-width: 767px) {
    .services-slider__slider__content {
      padding: 5vw 5vw 78px 5vw;
      margin-bottom: 70px;
      margin: 0;
      max-width: 100%;
      padding: 0; } }
  @media (max-width: 595px) {
    .services-slider__slider__content {
      margin-bottom: 0; } }

.services-slider__slider__text {
  font-size: 18px;
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  border-bottom: 2px solid #BADB9E;
  padding-bottom: 64px;
  line-height: calc(28/18); }
  @media (max-width: 1024px) {
    .services-slider__slider__text {
      -webkit-columns: 1;
         -moz-columns: 1;
              columns: 1; } }

.services-slider__slider__image {
  position: Absolute;
  right: 120px;
  top: 0;
  max-width: 595px; }
  @media (max-width: 1570px) {
    .services-slider__slider__image {
      right: 0; } }
  @media (max-width: 767px) {
    .services-slider__slider__image {
      display: none; } }

.services-slider__slider__next, .services-slider__slider__prev {
  float: right;
  cursor: pointer;
  margin-top: 10px;
  background: url(../../images/arrow-services-next.svg) no-repeat right 7px;
  padding-right: 20px;
  background-size: 12px auto; }
  .services-slider__slider__next h3, .services-slider__slider__prev h3 {
    font-size: 16px;
    color: #BADB9E;
    text-transform: uppercase;
    display: none;
    font-family: 'Inter', sans-serif;
    line-height: 35px; }
    .services-slider__slider__next h3:first-of-type, .services-slider__slider__prev h3:first-of-type {
      display: block; }

.services-slider__slider__prev {
  float: left;
  background: url(../../images/arrow-services-prev.svg) no-repeat left 7px;
  background-size: 12px auto;
  padding-left: 20px; }

.services-slider__slider .slick-arrow {
  max-height: 0;
  overflow: hidden;
  opacity: 0; }

/*==========================================================================
  7. Browser Fixes
  ========================================================================== */

/*# sourceMappingURL=style.css.map */