.features_page_area{

  .video-container {
     position: relative;
     display: grid;
     place-items: center;
     height: 100%;
     width: 100%;
     margin: 0 auto;
     aspect-ratio: 1/1;
    video {
        position: absolute;
        z-index: 0;
        object-fit: cover;
        width:100%;
        height:100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    } 

  }


  .app_stores {
    a {
      margin: 10px;
      display: inline-block;
    }
    margin-top: -100px;
      @media #{$mobile_device} { /* (max-width: 767px) */
        margin-top: 0px;
      }
      @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
        margin-top: -50px;
      }
      @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
        margin-top: -100px;
      }
      @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
        margin-top: -100px;
      }
  }
  .image-block {
    .icons img{
      display: block;
      margin-top: 15px;
      @media #{$mobile_device} { /* (max-width: 767px) */
          width: 70%;
      }
      @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
          width: 70%;
      }
      @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
          /*width: 70%;*/
      }
      @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          /*width: 70%;*/
      }

    }
    display: flex;
    align-items:flex-start;
    align-content:flex-start;
    justify-content: center;
    @media #{$mobile_device} { /* (max-width: 767px) */
    }
    @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
    }
    @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
    }
    @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
    }


  }

  .image-block div {

  }

  &.features_page_block{
    background-color: #FFFFFF;

    .p_nekemazegyhaz_block{
      position: relative; 
      padding-top: 0 !important; 
      padding-bottom: 0 !important; 
      text-align: center;
      /*display: flex;*/
      @media #{$mobile_device} { /* (max-width: 767px) */
        /*flex-direction: column;
        margin-bottom: -57px;*/
      }
      @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
      }
      @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
      }
      @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
      }

      svg{
        z-index: 1;
        position: relative;
        margin-bottom: -85px;
        margin-left: 116px;

        @media #{$mobile_device} { /* (max-width: 767px) */
          width: 100px;
          height: 100px;
          margin-bottom: -42px;
        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
          margin-bottom: -58px;
          margin-left: 58px;
          width: 150px;
          height: 150px;
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
          margin-bottom: -65px;
          margin-left: 58px;
          width: 172px;
          height: 172px;
        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
        }

      }
      h1{
        color:#000000;
        font-size: 70px;
        font-weight: 400;
        letter-spacing: 28px;
        margin-right: -28px;
        line-height: 230px;
        margin-left: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        opacity: 0.1;
        @media #{$mobile_device} { /* (max-width: 767px) */
          text-align: center;
          margin-right: -28px;
          margin-left: 0px;
          font-size: 28px;
          line-height: 50px;
          order: -1 !important;
          margin-top: -60px;
          margin-bottom: 30px;

        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
          font-size: 40px;
          line-height: 115px;
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
          font-size: 50px;
        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          font-size: 50px;
        }
      }
    }
    hr {
      width: 1px; 
      height: 230px; 
      border:0; 
      border-left: 1px solid #DD4B50; 
      position: relative; 
      top: -115px; 
      margin-bottom: -115px;
      margin-top: 0;
      @media #{$mobile_device} { /* (max-width: 767px) */
        top: -60px;
        height: 130px;
        margin-bottom: -90px;
      }
      @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
        top: -60px;
        height: 130px;
        margin-bottom: -90px;
      }
      @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */

      }
      @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */

      }
    }
    .container{
      padding-top: 30px;
      padding-bottom: 30px;
      &.video_block{
          padding-top: 30px;
          padding-bottom: 70px;
          @media #{$mobile_device} { /* (max-width: 767px) */
            margin-top: -100px;
            padding-top: 0px;
            padding-bottom: 50px;
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }

      }

      p {
        color: #000;
        text-align: justify;
        font-family: Barlow;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 26px; /* 152.941% */
        letter-spacing: 2.38px;         
      }
    }
    .container{
      .block:nth-child(odd){
        .image-holder {
          margin-left: 90px;
          width: 100%;  
          @media #{$mobile_device} { /* (max-width: 767px) */
            margin-left: 0px;
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            margin-left: 0px;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            margin-left: 50px;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
            margin-left: 60px;
          }
        }
        h1 {
          display: flex;
          align-items: center;
          color: #585858;
          font-family: Barlow;
          font-size: 36px;
          font-style: normal;
          font-weight: 250;
          line-height: normal;
          letter-spacing: 7.2px; 
          margin-top: 40px;
          margin-bottom: 20px;
          text-align: left;
          @media #{$mobile_device} { /* (max-width: 767px) */
            font-size: 30px;
            /*margin-right: -15px;*/
            display: block;
            text-align: center;
            &::after {
              content: none !important;
            }
            &::before {
              content: none !important;
            }
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            font-size: 30px;
            /*margin-right: -15px;*/
            text-align: left;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            font-size: 36px;
            /*margin-right: -15px;*/
            text-align: left;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }
        }

        h1::after {
          content: '';
          flex: 1;
          margin-left: 20px;
          height: 1px;
          background-color: #DD4B50;
        }    

        h2 {
          color: #DD4B50;
          font-family: Barlow;
          font-size: 24px;
          font-style: normal;
          font-weight: 300;
          line-height: 37px;
          letter-spacing: 3.36px; 
          text-transform: uppercase;
          text-align: left;

          @media #{$mobile_device} { /* (max-width: 767px) */
            font-size: 22px;
            line-height: 27px;
            display: block;
            text-align: center;
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            font-size: 22px;
            line-height: 27px;
            text-align: left;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            font-size: 24px;
            line-height: 37px;
            text-align: left;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }
        }

        h1.center {
          margin-top: 60px;
          margin-bottom: 30px;
          justify-content: center;
          text-align:center;
          color: #585858;
          text-align: center;
          font-family: Barlow;
          font-size: 36px;
          font-style: normal;
          font-weight: 250;
          line-height: 56px;
          letter-spacing: 14.4px; 
          text-transform: uppercase;           
          &::before {
            content: '';
            flex: 1;
            margin-right: 30px;
            max-width: 130px;
            height: 1px;
            background-color: #DD4B50;
          }    
          &::after {
            content: '';
            flex: 1;
            margin-left: 20px;
            height: 1px;
            background-color: #DD4B50;
            max-width: 130px;
          }
          @media #{$mobile_device} { /* (max-width: 767px) */
            font-size: 30px;
            line-height: 50px;
            display: block;
            &::after {
              content: none !important;
            }
            &::before {
              content: none !important;
            }
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            font-size: 30px;
            line-height: 50px;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            font-size: 36px;
            line-height: 56px;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }

        }

      }
      .block:nth-child(even){
        .image-block {
          order: -1 !important;
          @media #{$mobile_device} { /* (max-width: 767px) */
            order: 0 !important;
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            order: 0 !important;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            order: -1 !important;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
            order: -1 !important;
          }
        }
        .image-holder {
          margin-right: 90px;
          width: 100%;  
          @media #{$mobile_device} { /* (max-width: 767px) */
            margin-right: 0px;
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            margin-right: 0px;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            margin-right: 50px;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
            margin-right: 60px;
          }

        }
        h1 {
          display: flex;
          align-items: center;
          color: #585858;
          font-family: Barlow;
          font-size: 36px;
          font-style: normal;
          font-weight: 250;
          line-height: normal;
          letter-spacing: 7.2px; 
          margin-top: 40px;
          margin-bottom: 20px;
          margin-right: -7.2px;
          text-align: right;

          @media #{$mobile_device} { /* (max-width: 767px) */
            font-size: 30px;
            /*margin-right: -15px;*/
            display: block;
            text-align: center;
            &::after {
              content: none !important;
            }
            &::before {
              content: none !important;
            }
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            font-size: 30px;
            text-align: left;
            &::after {
              content: none !important;
            }
            &::before {
              content: none !important;
            }
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            font-size: 36px;
            /*margin-right: -15px;*/
            text-align: right;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }
        }

        h1::before {
          content: '';
          flex: 1;
          margin-right: 20px;
          height: 1px;
          background-color: #DD4B50;
        }    

        h2 {
          color: #DD4B50;
          font-family: Barlow;
          font-size: 24px;
          font-style: normal;
          font-weight: 300;
          line-height: 37px;
          letter-spacing: 3.36px; 
          text-transform: uppercase;
          text-align: right;
          margin-right: -3.36px;
          @media #{$mobile_device} { /* (max-width: 767px) */
            font-size: 22px;
            line-height: 27px;
            display: block;
            text-align: center;
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            font-size: 22px;
            line-height: 27px;
            text-align: left;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            font-size: 24px;
            line-height: 37px;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }
        }
        h1.center {
          margin-top: 60px;
          margin-bottom: 30px;
          justify-content: center;
          text-align:center;
          color: #585858;
          text-align: center;
          font-family: Barlow;
          font-size: 36px;
          font-style: normal;
          font-weight: 250;
          line-height: 56px;
          letter-spacing: 14.4px; 
          text-transform: uppercase;
          margin-right: -14.4px;

          &::before {
            content: '';
            flex: 1;
            margin-right: 30px;
            max-width: 130px;
            height: 1px;
            background-color: #DD4B50;
          }    
          &::after {
            content: '';
            flex: 1;
            margin-left: 20px;
            height: 1px;
            background-color: #DD4B50;
            max-width: 130px;
          }
          @media #{$mobile_device} { /* (max-width: 767px) */
            font-size: 30px;
            line-height: 50px;
            display: block;
            &::after {
              content: none !important;
            }
            &::before {
              content: none !important;
            }
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            font-size: 30px;
            line-height: 50px;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            font-size: 36px;
            line-height: 56px;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }

        }

        h2.center {
          margin-top: 60px;
          margin-bottom: 30px;
          justify-content: center;
          text-align:center;
          color: #DD4B50;
          text-align: center;
          font-family: Barlow;
          font-size: 24px;
          font-style: normal;
          font-weight: 300;
          line-height: 37px; /* 154.167% */
          letter-spacing: 3.36px; 
          margin-right: -3.36px;
          &::before {
            content: '';
            flex: 1;
            margin-right: 30px;
            max-width: 130px;
            height: 1px;
            background-color: #DD4B50;
          }    
          &::after {
            content: '';
            flex: 1;
            margin-left: 20px;
            height: 1px;
            background-color: #DD4B50;
            max-width: 130px;
          }
          @media #{$mobile_device} { /* (max-width: 767px) */
            font-size: 22px;
            line-height: 27px;
            display: block;
            &::after {
              content: none !important;
            }
            &::before {
              content: none !important;
            }
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            font-size: 22px;
            line-height: 27px;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            font-size: 34px;
            line-height: 37px;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }

        }


      }



    }
  }

  .block_with_image{

      margin-bottom: 250px;
      padding-top: 80px;
      padding-bottom: 130px;
      
      background-position: center; 
      background-size: cover; 
      background-color: lightgray;
      background-repeat: no-repeat;

      position: relative;

      .effect::before {
          content: "";
          display: block;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          opacity: 0.5;
          background: #000;
          mix-blend-mode: multiply; 
      }
      hr {
        top: -195px; 
        margin-bottom: -200px;
        @media #{$mobile_device} { /* (max-width: 767px) */
          top: -145px;
          height: 130px;
          margin-bottom: -180px;
        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
          top: -145px;
          height: 130px;
          margin-bottom: -180px;
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */

        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */

        }

      }
      .container {
        padding-top: 0px;
        padding-bottom: 0px;
        .image-container{
          img{
            width: 100%;
            max-width: 100%
          }
          width: 100%;
          margin-bottom: -100%;
          margin-left: 20px;
          margin-right: 20px;
          display: inline-block;
          text-align: center;
          @media #{$mobile_device} { /* (max-width: 767px) */
            margin-bottom: -80%;
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            margin-bottom: -60%;
            width: 70%;

          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            margin-bottom: -100%;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
            margin-bottom: -100%;
          }
        }
        .text-block{
        }
        p {
          color: #FFF;
          text-align: justify;
          font-family: Barlow;
          font-size: 14px;
          font-style: normal;
          font-weight: 300;
          line-height: 26px; /* 152.941% */
          letter-spacing: 2.38px; 
        }
        h1 {
          display: flex;
          align-items: center;
          color: #FFF;
          font-family: Barlow;
          font-size: 36px;
          font-style: normal;
          font-weight: 250;
          line-height: normal;
          letter-spacing: 7.2px; 
          margin-right: -7.2px;
          margin-top: 40px;
          margin-bottom: 20px;

          @media #{$mobile_device} { /* (max-width: 767px) */
            font-size: 30px;
            display: block;
            text-align: center;
            &::after {
              content: none !important;
            }
            &::before {
              content: none !important;
            }
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            font-size: 30px;
            text-align: left;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            font-size: 36px;
            text-align: left;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }

        }

        h1::after {
          content: '';
          flex: 1;
          margin-left: 20px;
          height: 1px;
          background-color: #DD4B50;
        }    

        h2 {
          color: #DD4B50;
          font-family: Barlow;
          font-size: 24px;
          font-style: normal;
          font-weight: 300;
          line-height: 37px;
          letter-spacing: 3.36px; 
          text-transform: uppercase;
          &.big_padding {
            margin-top: 50px;
            padding-bottom: 20px;
          }
          @media #{$mobile_device} { /* (max-width: 767px) */
            font-size: 22px;
            line-height: 27px;
            display: block;
            text-align: center;
            &.big_padding {
              padding-bottom: 50px;
            }
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            font-size: 22px;
            text-align: left;
            &.big_padding {
              padding-bottom: 50px;
            }
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            font-size: 24px;
            text-align: left;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }
        }

      }
      @media #{$mobile_device} {
          margin-top: 0px;
          padding-top: 80px;
          /*padding-bottom: 40px;*/
      }
      @media #{$tablet_device} {
          margin-top: 0px;
          padding-top: 80px;
          /*padding-bottom: 80px;*/
      }
      @media #{$mid_device} {
          margin-top: 0px;
          padding-top: 80px;
          margin-bottom: 150px;
          /*padding-bottom: 100px;*/
      }
  }
  .bench_top_block {
    background: #FFFFFF;
    margin-top: -315px;
    @media #{$mobile_device} { /* (max-width: 767px) */
      margin-top: -330px;
    }
    @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
      margin-top: -220px;
    }
    @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
      margin-top: -270px;
    }
    @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
      margin-top: -315px;
    }
    img.icon {
      width: 48px;
      @media #{$mobile_device} { /* (max-width: 767px) */
      }
    }
  }
  .block_with_center_image{
      /*margin-bottom: 250px; */
      padding-top: 80px;
      padding-bottom: 80px;

      &.block_2 {
        padding-top: 120px;
        padding-bottom: 260px;
        @media #{$mobile_device} { /* (max-width: 767px) */
          padding-top: 100px;
          padding-bottom: 115px;
        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
          padding-top: 100px;
          padding-bottom: 160px;
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
          padding-top: 120px;
          padding-bottom: 210px;
        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
        }
      }
     
      background-position: center; 
      background-size: cover; 
      background-color: lightgray;
      background-repeat: no-repeat;

      position: relative;
      text-align: center;
/*
      .effect::before {
          content: "";
          display: block;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          opacity: 0.5;
          background: #000;
          mix-blend-mode: multiply; 
      }
*/        
      .container {
        padding-top: 0px;
        padding-bottom: 0px;
        .text-block{
        }
        p {
          color: #FFF;
          text-align: justify;
          font-family: Barlow;
          font-size: 14px;
          font-style: normal;
          font-weight: 300;
          line-height: 26px; /* 152.941% */
          letter-spacing: 2.38px; 
        }
        h1 {
          color: #FFF;
          text-align: center;
          font-family: Barlow;
          font-size: 36px;
          font-style: normal;
          font-weight: 250;
          line-height: 50px;
          letter-spacing: 14.4px; 
          margin-right: -14.4px;
          margin-bottom: 20px;
          display: inline-block;
          max-width: 850px;
          @media #{$mobile_device} { /* (max-width: 767px) */
            font-size: 30px;
            line-height: 50px;
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            font-size: 30px;
            line-height: 50px;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            font-size: 36px;
          line-height: 50px;
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }
        }

        h2 {
          color: #FFF;
          text-align: center;
          font-family: Barlow;
          font-size: 24px;
          font-style: normal;
          font-weight: 300;
          line-height: 37px; /* 154.167% */
          letter-spacing: 3.36px; 
          margin-right: -3.36px; 
          margin-bottom: 50px;
          text-transform: uppercase;
          display: inline-block;
          max-width: 850px;
          @media #{$mobile_device} { /* (max-width: 767px) */
            font-size: 22px;
            line-height: 27px;
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            font-size: 22px;
            line-height: 27px;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            font-size: 24px;
            letter-spacing: 3.36px; 
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }
        }

      }
      @media #{$mobile_device} {
          margin-top: 0px;
          padding-top: 40px;
          margin-bottom: 150px;
      }
      @media #{$tablet_device} {
          margin-top: 0px;
          padding-top: 80px;
          /*padding-bottom: 80px;*/
      }
      @media #{$mid_device} {
          margin-top: 0px;
          padding-top: 100px;
          /*padding-bottom: 100px;*/
      }
  }


}


.features_area{
    /*background-color: #FFFFFF;*/
    /*min-height: 300px;*/
    .container{
        padding-top:120px;
        padding-bottom:115px;
        @media #{$mobile_device} { /* (max-width: 767px) */
          padding-top: 30px;
          padding-bottom: 0px;
        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
          padding-bottom:15px;
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
          padding-bottom:80px;
        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          padding-bottom:50px;
        }
        .explore-button{
          margin-bottom: 48px;
          margin-top: 48px;
          @media #{$mobile_device} { /* (max-width: 767px) */
          }
          @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            margin-top: 34px;
            padding: 20px 18px 20px 30px;
            font-size: 24px;
          }
          @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
          }
          @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
          }
        }
    }
    .block:nth-child(odd) .block-left-right {
      position: relative;
      text-align: left;
      @media #{$mobile_device} { /* (max-width: 767px) */
        text-align: center;
      }
      @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
      }
      @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
      }
      @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
      }
      h1 {
        display: flex;
        align-items: center;
        color: #585858;
        font-family: Barlow;
        font-size: 36px;
        font-style: normal;
        font-weight: 100;
        line-height: 100px;
        letter-spacing: 21px;   
        margin-bottom: 0px;
        @media #{$mobile_device} { /* (max-width: 767px) */
          font-size: 32px;
          line-height: 50px;
          letter-spacing: 15px;
          margin-right: -15px;
          display: block;
          &::after {
            content: none !important;
          }
        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
          font-size: 32px;
          line-height: 70px;
          letter-spacing: 15px;
          margin-right: -15px;
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
          font-size: 36px;
          line-height: 100px;
          letter-spacing: 15px;
          margin-right: -15px;
        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
        }
      }

      h1::after {
        content: '';
        flex: 1;
        margin-left: 9px;
        height: 1px;
        background-color: #DD4B50;
      }    

      h2 {
        display: flex;
        align-items: center;
        color: #DD4B50;
        font-family: Barlow;
        font-size: 24px;
        font-style: normal;
        font-weight: 300;
        line-height: 37px;
        letter-spacing: 4.48px;
        margin-right: -4.48px;
        text-transform: uppercase;
        @media #{$mobile_device} { /* (max-width: 767px) */
          font-size: 22px;
          line-height: 32px;
          letter-spacing: 4.48px;
          display: block;
        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
          font-size: 22px;
          line-height: 32px;
          letter-spacing: 4.48px;
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
          font-size: 24px;
          line-height: 37px;
          letter-spacing: 4.48px;
        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
        }
      }
      h2::after {
        content: '';
        flex: 1;
      }    

      .img_container,
      video {
        display: flex;
        align-items: center;
        margin-left: auto;
        right: 50px;
        position: absolute;
        top: -60px;
        border-top-left-radius: 200px;
        width: 50%;
        /*max-height: 400px;*/
        @media #{$mobile_device} { /* (max-width: 767px) */
          right: 0px;
          width: 100%;
          border-top-left-radius: 125px;
          top: 0px;
          position: relative;
        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
          border-top-left-radius: 100px;
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
          border-top-left-radius: 150px;
        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
        }
      }

    }

    .block:nth-child(even) .block-left-right {
      position: relative;
      text-align: right;
      @media #{$mobile_device} { /* (max-width: 767px) */
        text-align: center;
      }
      @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
      }
      @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
      }
      @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
      }
      h1 {
        display: flex;
        align-items: center;
        color: #585858;
        font-family: Barlow;
        font-size: 36px;
        font-style: normal;
        font-weight: 100;
        line-height: 100px;
        letter-spacing: 21px;   
        margin-bottom: 0px;
        margin-right: -21px;
        @media #{$mobile_device} { /* (max-width: 767px) */
          font-size: 32px;
          line-height: 50px;
          letter-spacing: 15px;
          margin-right: -15px;
          display: block;
          &::before {
            content: none !important;
          }          
        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
          font-size: 32px;
          line-height: 70px;
          letter-spacing: 15px;
          margin-right: -15px;
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
          font-size: 36px;
          line-height: 100px;
          letter-spacing: 15px;
          margin-right: -15px;
        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
        }
      }

      h1::before {
        content: '';
        flex: 1;
        margin-right: 30px;
        height: 1px;
        background-color: #DD4B50;
      }    

      h2 {
        display: flex;
        align-items: center;
        color: #DD4B50;
        font-family: Barlow;
        font-size: 24px;
        font-style: normal;
        font-weight: 200;
        line-height: 37px; /* 115.625% */
        letter-spacing: 4.48px;  
        margin-right: -4.48px;
        text-transform: uppercase;
        @media #{$mobile_device} { /* (max-width: 767px) */
          font-size: 22px;
          line-height: 32px;
          letter-spacing: 4.48px;
          display: block;
        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
          font-size: 22px;
          line-height: 32px;
          letter-spacing: 4.48px;
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
          font-size: 24px;
          line-height: 37px;
          letter-spacing: 4.48px;
        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
        }
      }
      h2::before {
        content: '';
        flex: 1;
      }    

      .img_container,
      video {
        display: flex;
        align-items: center;
        margin-left: auto;
        left: 50px;
        position: absolute;
        top: -60px;
        border-top-right-radius: 200px;
        width: 50%;
        /*max-height: 400px;*/
        @media #{$mobile_device} { /* (max-width: 767px) */
          left: 0px;
          width: 100%;
          border-top-right-radius: 125px;
          top: 0px;
          position: relative;
        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
        border-top-right-radius: 100px;
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
        border-top-right-radius: 150px;
        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
        }

      }

    }

    >div.block:nth-child(even){
        /*background: #fafafa;    */
    }
    >div.block:nth-child(odd){
        background: #ffffff;    
    }

}