@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&display=swap');
@font-face {
    font-family: 'Poppins';
    src: url('https://website-preview.pw/fonts-for-kajabi-pages/callirrow/poppins-regular.woff2') format('woff2'),
        url('https://website-preview.pw/fonts-for-kajabi-pages/callirrow/poppins-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Saveur Sans';
    src: url('https://website-preview.pw/fonts-for-kajabi-pages/callirrow/saveursans-regular.woff2') format('woff2'),
        url('https://website-preview.pw/fonts-for-kajabi-pages/callirrow/saveursans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('https://website-preview.pw/fonts-for-kajabi-pages/callirrow/quicksand-regular.woff2') format('woff2'),
        url('https://website-preview.pw/fonts-for-kajabi-pages/callirrow/quicksand-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('https://website-preview.pw/fonts-for-kajabi-pages/callirrow/sofiaprolight.woff2') format('woff2'),
        url('https://website-preview.pw/fonts-for-kajabi-pages/callirrow/sofiaprolight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Saveur Sans';
    src: url('https://website-preview.pw/fonts-for-kajabi-pages/callirrow/saveursans-light.woff2') format('woff2'),
        url('https://website-preview.pw/fonts-for-kajabi-pages/callirrow/saveursans-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('https://website-preview.pw/fonts-for-kajabi-pages/callirrow/brandongrotesque-regular.woff2') format('woff2'),
        url('https://website-preview.pw/fonts-for-kajabi-pages/callirrow/brandongrotesque-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Start Style */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Brandon Grotesque';
  margin: auto;
}

.btn {
  width: 260px;
  height: 40px;
  box-sizing: border-box;
  display: inline-block;
  outline: 0;
  border: 0;
  background-color: #ede1d4;
  color: #000000;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 3px;
  cursor: pointer;
  font-family: 'Poppins';
}
.btn span {
  margin-left: 5px;
}

.btn--primary {
  background-color: #0B3C4A;
  color: #ffffff;
}
.btn--primary:hover {
  background-color: #ffffff;
  color: #0B3C4A;
}
br.m{
    display: none;
}
@media (max-width: 550px) {
    br.m{
        display: unset;
    }
}
/*
    Header
------------------------------*/
.lp_header {
    /* padding-bottom: 50px; */
    padding-left: 60px;
    padding-right: 60px;
    /* position: absolute; */
    /* width: 100%; */
    /* z-index: 99; */
    /* left: 0; */
    /* top: 74px; */
}

.lp_header .section_inner {
    display: flex;
    width: 100%;
    padding-top: 41px;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-bottom: 40px;
}

.lp_header_left {
    padding-left: 23px;
    width: 30%;
}

.lp_logo_image {
    width: 277px;
}

.lp_header_right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding-left: 70px;
    width: 70%;
    text-align: right;
    padding-top: 15px;
}

.lp_header_right ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.lp_header_right li {
    display: inline-block;
    margin: 0;
}

.lp_header_right li a {
    display: block;
    margin: 0 0px;
    padding: 0 17px;
    position: relative;
    font-family: 'Poppins';
    font-size: 13.5px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: 4.2px;
    text-align: left;
    color: #000000;
}

.responsive-menu ul li a:after,
.lp_header_right li a:after {
    content: " ";
    width: 100%;
    height: 17px;
    background-image: url(lp_nav-hover.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    opacity: 0;
    position: absolute;
    bottom: 14px;
    left: -2px;
    z-index: -1;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
}
.responsive-menu ul li a:after {
    height: 20px;
    bottom: 6px;
}
.responsive-menu ul li a:hover:after,
.lp_header_right li a:hover:after {
    opacity: 1;
}
.responsive-menu ul li a{
    display: inline-block;
    padding: 0 22px;
}
.responsive-menu ul li.pf4_user_menu_item{margin-bottom: 0vw;}
.responsive-menu ul li.pf4_user_menu_item .user{

}
.responsive-menu ul li.pf4_user_menu_item .user img.user__avatar{display: none;}
.responsive-menu ul li.pf4_user_menu_item .user .user__dropdown {
    
}
.responsive-menu ul li.pf4_user_menu_item .user .user__dropdown a{
    display: block;
    margin-bottom: 25px;
}
@media (max-width: 1440px) {
  .lp_header {
      padding-left: 4.167vw;
      padding-right: 4.167vw;
  }

  .lp_header .section_inner {
    padding-top: 2.847vw;
    padding-bottom: 2.7vw;
  }

  .lp_header_left {
      padding-left: 1.597vw;
  }

  .lp_logo_image {
      width: 19.236vw;
  }

  .lp_header_right {
    padding-left: 4.861vw;
    padding-top: 0.842vw;
  }

  .lp_header_right ul { }

  .lp_header_right li { }

  .lp_header_right li a {
      padding: 0 1.181vw;
      font-size: 0.938vw;
      letter-spacing: 0.292vw;
  }

  .responsive-menu ul li a:after,
  .lp_header_right li a:after {
      height: 1.181vw;
      bottom: 0.972vw;
      left: -0.139vw;
  }
  .responsive-menu ul li a:after {
      height: 1.389vw;
      bottom: 0.417vw;
  }
  .responsive-menu ul li a:hover:after,
  .lp_header_right li a:hover:after { }
  .responsive-menu ul li a{
      padding: 0 1.528vw;
  }
    
}

@media (max-width: 1140px) {
  .lp_header { }

  .lp_header .section_inner { }

  .lp_header_left { }

  .lp_logo_image { }

  .lp_header_right { }

  .lp_header_right ul { }

  .lp_header_right li { }

  .lp_header_right li a { }

  .responsive-menu ul li a:after,
  .lp_header_right li a:after { }
  .responsive-menu ul li a:after { }
  .responsive-menu ul li a:hover:after,
  .lp_header_right li a:hover:after { }
  .responsive-menu ul li a{ }
}

@media (max-width: 1024px) {
  .lp_header { }

  .lp_header .section_inner { }

  .lp_header_left {padding-left: 0vw;}

  .lp_logo_image { }

  .lp_header_right {padding-left: 0vw;padding-top: 0vw;}

  .lp_header_right ul { }

  .lp_header_right li { }

  .lp_header_right li a {font-size: 1.5vw;}

  .responsive-menu ul li a:after,
  .lp_header_right li a:after { }
  .responsive-menu ul li a:after { }
  .responsive-menu ul li a:hover:after,
  .lp_header_right li a:hover:after { }
  .responsive-menu ul li a{ }
}

@media (max-width: 768px) {
  .lp_header { }

  .lp_header .section_inner {position: relative;}

  .lp_header_left { }

  .lp_logo_image { }

  .lp_header_right {text-align: right;}

  .lp_header_right ul { }

  .lp_header_right li { }

  .lp_header_right li a { }

  .responsive-menu ul li a:after,
  .lp_header_right li a:after { }
  .responsive-menu ul li a:after { }
  .responsive-menu ul li a:hover:after,
  .lp_header_right li a:hover:after { }
  .responsive-menu ul li a{ }
}

@media (max-width: 550px) {
  .lp_header { }

  .lp_header .section_inner {padding-top: 3.3vw;padding-bottom: 4.3vw;}

  .lp_header_left {width: 60%;}

  .lp_logo_image {width: 46.236vw;}

  .lp_header_right {width: 40%;}

  .lp_header_right ul { }

  .lp_header_right li { }

  .lp_header_right li a { }

  .responsive-menu ul li a:after,
  .lp_header_right li a:after { }
  .responsive-menu ul li a:after { }
  .responsive-menu ul li a:hover:after,
  .lp_header_right li a:hover:after { }
  .responsive-menu ul li a{ }
}

/*
    Responsive Header
------------------------------*/

.responsive-menu-hand {
    display: none;
}

.responsive-menu-hand svg {
    width: 100%;
    height: 100%;
}

.responsive-menu-close {
    clear: both;
    height: 70px;
    width: 56px;
    display: block;
    position: absolute;
    top: 8px;
    right: 35px;
}

.responsive-menu-close strong {
    position: relative;
    height: 0px;
    width: 40px;
    display: block;
}

.responsive-menu-close span:nth-child(1),
a.responsive-menu-close span:nth-child(2) {
    width: 60px;
    display: block;
    background-color: #706e6c;
    height: 2px;
}

a.responsive-menu-ha­nd {
    width: 60px;
}

.responsive-menu-close span:nth-child(1) {
    transform: rotate(-45deg);
    margin-top: 40px;
}

.responsive-menu-close span:nth-child(2) {
    transform: rotate(45deg);
    margin-top: -2px;
}

.responsive-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: -110%;
    background: #ebe8e5;
    z-index: 999999;
    overflow: scroll;
    overflow-y: auto;
    overflow-x: auto;
    transition: right 0.5s ease;
    padding-top: 29.167vw;
}

.responsive-menu.active {
    right: 0;
}

.responsive-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    border-bottom: 0;
}

.responsive-menu ul li {
    margin: 0;
    padding: 0 18px;
    list-style-type: none;
    position: relative;
    margin-bottom: 25px;
    text-align: center;
}

.responsive-menu ul li a,
.responsive-menu .pf4_header_userarea span a {
    line-height: 40px;
    height: 40px;
    display: inline-block;
    text-decoration: none;
    color: #706e6c;
    font-size: 24px !important;
    letter-spacing: 0.3px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.52;
    border: 0;
    margin: 0;
}

.responsive-menu ul li:hover {
    text-decoration: none;
}

@media (max-width: 1440px) {}

@media (max-width: 1140px) {}

@media (max-width: 1024px) {}

@media (max-width: 768px) {
    .lp_header_right ul {
        display: none;
    } 
    
    a.responsive-menu-hand {
        width: 31px;
        height: 100%;
        margin-right: 0px;
        margin-top: 0px;
        background-image: url(nav.png);
        background-position: center;
        background-size: 31px;
        background-repeat: no-repeat;
        right: 0vw;
        position: absolute;
    }
    
    .responsive-menu-hand {
        display: block;
    }
}

@media (max-width: 550px) {
    .lp_header {
        padding-top: 0vw;
        padding-bottom: 0vw;
        padding-left: 6.5vw;
        padding-right: 6.5vw;
        width: 100%;
        z-index: 99;
        left: 0;
        top: 0;
    }
     a.responsive-menu-hand {
        margin-right: -0.7vw;
        margin-top: 0vw;
        top: 1vw;
    }
}


  .lp_header .user {
    /*============================================================================
      #User Avatar
    ==============================================================================*/
    /*============================================================================
      #User Dropdown
    ==============================================================================*/
    position: relative;
    display: block;
    margin-top: -10px;
    margin-bottom: -13px;
    }
    .lp_header .user .dropdown>:before {
        content: " ";
        position: absolute;
        z-index: 0;
        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;
        background-color: #F2D0C4;
        opacity: 1;
        height: 14px;
        width: 2px;
        top: 17px;
        left: -10px;
    }
    .lp_header .user__avatar {
      height: 40px;
      max-height: 40px;
      margin: 0 0 0 1rem;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
    .lp_header .user__dropdown {
      position: absolute;
      z-index: 2000;
      top: 50px;
      right: 0;
      display: none;
      padding: 20px 30px;
      text-align: left;
      white-space: nowrap;
      border-top: 1px solid #f9f9f9;
      background: #f9f9f9;
      box-shadow: 0 7px 10px rgba(0, 0, 0, 0.05);
      }
      .lp_header .user__dropdown--light a {
        color: #0a2338; }
      .lp_header .user__dropdown--dark a {
        color: #fff; }
      .lp_header .user__dropdown span {
        display: block; }
      .lp_header .user__dropdown a {
        line-height: 40px !important;
        display: block;
        color: #000;
        padding-right: 7px;
        padding-left: 7px;
        }
  .lp_header--center .user {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem; }
    .lp_header--center .user__dropdown {
      top: 50px; }
      .lp_header--center .user__dropdown a {
        line-height: 40px;
        margin: 0 0 0 0; }
@media (max-width: 767px) {
    .lp_header .user {
      position: static;
      display: block;
      width: 100%; }
      .lp_header .user__avatar {
        display: none; }
      .lp_header .user__dropdown {
        position: static;
        display: block !important;
        padding: 0 0 0 0;
        text-align: left;
        border-top: 0;
        background: transparent !important;
        box-shadow: none; }
    .lp_header--light .user__dropdown a {
      color: #0a2338; }
    .lp_header--dark .user__dropdown a {
      color: #fff; } } 
}
@media (max-width: 768px) {
    
}



.mobile_only{
  display: none;
}
/* Banner */
.banner {
  /* height: 670px; */
}
.banner .banner__container {
  width: 1440px;
  height: 100%;
  box-sizing: border-box;
  margin: auto;
  background: #ffffff url("banner.jpg") top center scroll no-repeat;
  background-size: cover;
}
.banner .banner__content {
  width: 100%;
  height: 100%;
    padding: 397px 55px 63px 59px;
  box-sizing: border-box;
  background: linear-gradient(45deg, rgba(96, 97, 81, 0.6839110644) 0%, rgba(255, 255, 255, 0) 100%);
  display: block;
}
.banner .banner__content .banner__content__text h1{
  font-family: 'Saveur Sans';
  font-size: 45px;
  font-weight: 300;
  letter-spacing: 4.6px;
  text-transform: uppercase;
  line-height: 55px;
  color: #ffffff;
  margin-bottom: 13px;
  line-height: 1.33;
  margin-bottom: 13px;
}
.banner .banner__content .banner__content__text h1 br.m {
    display: none;
}
.banner .banner__content .banner__content__text h1 strong {
  font-family: 'Saveur Sans';
  font-style: italic;
  font-weight: 400;
}
.banner .banner__content .banner__content__text h1 strong:first-child {
  font-style: normal;
  font-weight: 400;
}
.banner .banner__content .banner__btn {
  width: auto;
  height: auto;
  box-sizing: border-box;
  outline: 0;
  border: 0;
  background-color: #0B3C4A;
  color: #ede1d4;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 3.1px;
  cursor: pointer;
  font-family: 'Poppins';
  padding: 10px 27px 11px 32px;
  margin-left: 4px;
}
.banner .banner__content .banner__btn span {
  margin-left: 12px;
}
.banner .banner__content .banner__btn:hover {
  background-color: #ffffff;
  color: #0B3C4A;
}


@media (max-width: 1440px) {
  .banner .banner__container {
    width: 100%;
  }
  .banner .banner__content {
    padding: 27.569vw 3.819vw 4.375vw 4.097vw;
  }
  .banner .banner__content .banner__content__text h1 {
    font-size: 3.125vw;
    letter-spacing: 0.319vw;
    margin-bottom: 0.903vw;
  }
  .banner .banner__content .banner__content__text h1 strong { }
  .banner .banner__content .banner__content__text h1 strong:first-child { }
  .banner .banner__content .banner__btn {
    font-size: 0.903vw;
    letter-spacing: 0.215vw;
    padding: 0.694vw 1.875vw 0.764vw 2.222vw;
    margin-left: 0.278vw;
  }
  .banner .banner__content .banner__btn span {
    margin-left: 0.833vw;
  }
  .banner .banner__content .banner__btn:hover { }
}
@media (max-width: 1140px) {
  .banner .banner__container { }
  .banner .banner__content { }
  .banner .banner__content .banner__content__text { }
  .banner .banner__content .banner__content__text span { }
  .banner .banner__content .banner__content__text span:first-child { }
  .banner .banner__content .banner__btn { }
  .banner .banner__content .banner__btn span { }
  .banner .banner__content .banner__btn:hover { }
}
@media (max-width: 1024px) {
  .banner .banner__container { }
  .banner .banner__content { }
  .banner .banner__content .banner__content__text { }
  .banner .banner__content .banner__content__text span { }
  .banner .banner__content .banner__content__text span:first-child { }
  .banner .banner__content .banner__btn {font-size: 1.3vw;padding: 0.8vw 3.153vw 0.9vw 3.153vw;}
  .banner .banner__content .banner__btn span { }
  .banner .banner__content .banner__btn:hover { }
}
@media (max-width: 768px) {
  .banner .banner__container { }
  .banner .banner__content {padding-left: 7vw;padding-right: 7vw;padding-bottom: 6vw;}
  .banner .banner__content .banner__content__text h1{font-size: 5.729vw;line-height: 1.2;margin-bottom: 2vw;}
  .banner .banner__content .banner__content__text span { }
  .banner .banner__content .banner__content__text span:first-child { }
  .banner .banner__content .banner__btn {font-size: 1.693vw;padding: 1.5vw 3.153vw 1.3vw 3.153vw;}
  .banner .banner__content .banner__btn span { }
  .banner .banner__content .banner__btn:hover { }
}
@media (max-width: 550px) {
  .banner .banner__container { }
  .banner .banner__content {padding-left: 8.4vw;padding-right: 8.4vw;padding-bottom: 12.5vw;padding-top: 86vw;}
  .banner .banner__content .banner__content__text h1{font-size: 9.2vw;letter-spacing: 0.99vw;line-height: 1.25;margin-bottom: 4.3vw;}
    .banner .banner__content .banner__content__text h1 br.m {
        display: block;
    }
  .banner .banner__content .banner__content__text span { }
  .banner .banner__content .banner__content__text span:first-child { }
  .banner .banner__content .banner__btn {padding: 2.1vw 5.3vw 2vw 7.153vw;font-size: 2.7vw;letter-spacing: 0.619vw; display: inline-block;}
  .banner .banner__content .banner__btn span {margin-left: 2.833vw;}
  .banner .banner__content .banner__btn:hover { }
}


/* About */
.about {
  padding-top: 77px;
}
.about .about__container {
  width: 1308px;
  margin: auto;
  /* padding: 74px 0; */
  display: flex;
  position: relative;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.about_s2Left{
    width: 46%;
    padding-top: 74px;
    padding-left: 152px;
    padding-bottom: 74px;
}
.about .about__container::before {
  content: "";
  width: 780px;
  height: 100%;
  position: absolute;
  background-color: #f8f5f3;
  top: 0;
  right: 0;
  z-index: -99;
}
.about .about__container .about__image {
  width: 450px;
  height: 530px;
  display: block;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.about .about__container .about__content {
  width: 59.6%;
  margin-left: -5.6%;
  padding-top: 127px;
  padding-left: 28px;
  padding-bottom: 80px;
}
.about .about__container .about__content .about__content__title h2{
  font-family: 'Saveur Sans';
  font-size: 45px;
  font-weight: 300;
  letter-spacing: 4.5px;
  text-transform: uppercase;
  color: #000000;
  position: relative;
  line-height: 1.24;
}
.about .about__container .about__content .about__content__title h2 strong {
  font-family: 'Saveur Sans';
  font-weight: 400;
}
.about .about__container .about__content article {
    padding-left: 96px;
    padding-top: 17px;
    padding-right: 70px;
}
.about .about__container .about__content article h6 {
  font-family: 'Brandon Grotesque';
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.9px;
  font-family: 'Sofia Pro';
  color: #353929;
  margin-bottom: 22px;
  line-height: 1.46;
}
.about .about__container .about__content article p {
  font-family: 'Brandon Grotesque';
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #000000;
  letter-spacing: 0.86px;
  padding-right: 12px;
}
.about .about__container .about__content article p br{
  display:none;
}
.course__wrapper {
  position: relative;
  padding-top: 75px;
  /* Course Offering */
  /* Courses */
}
.course__wrapper::before {
  content: "";
  width: 100%;
  height: 79.4%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f8f5f3;
  z-index: -99;
}
.course__wrapper .course {
  width: 971px;
  margin: auto;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.course__wrapper .course .course__content {
  width: 55%;
  padding-bottom: 25px;
  padding-left: 56px;
  padding-right: 50px;
  padding-top: 152px;
}
.course_right{
  width: 45%;
}
.course_right img{}
.course__wrapper .course .course__content .course__content__title h2{
  font-family: 'Saveur Sans';
  font-size: 44px;
  font-weight: 300;
  letter-spacing: 5px;
  text-transform: uppercase;
  line-height: normal;
  color: #000000;
  margin-bottom: 16px;
}
.course__wrapper .course .course__content .course__content__title h2 strong {
  font-family: 'Saveur Sans';
  font-style: italic;
  font-weight: 400;
}
.course__wrapper .course .course__content .course__content__text,
.course__wrapper .course .course__content p {
  font-family: 'Brandon Grotesque';
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.97px;
  color: #353929;
  margin-bottom: 29px;
  line-height: 1.35;
  padding-left: 6px;
}
.course__wrapper .course .course__content .course__content__text{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.course__wrapper .course .course__content p{
    padding-left: 0px !important;
}
.course__wrapper .course .course__content p br{
    
  }
.course__wrapper .course .course__content .course__content__btn {
  box-sizing: border-box;
  display: inline-block;
  outline: 0;
  border: 0;
  background-color: #0B3C4A;
  color: #ede1d4;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 3.7px;
  cursor: pointer;
  font-family: 'Poppins';
  padding: 11px 22px 11px 32px;
  margin-left: 6px;
  width: auto;
}
.course__wrapper .course .course__content .course__content__btn span {
  margin-left: 13px;
}
.course__wrapper .course .course__content .course__content__btn:hover {
  background-color: #000000;
}
.course__wrapper .course .course__image {
  /* display: block; */
  /* width: 48%; */
  /* box-sizing: border-box; */
  /* height: auto; */
  -o-object-fit: contain;
  /* object-fit: contain; */
}
.course__wrapper .courses {
  width: 1043px;
  margin: auto;
  padding: 58px 0 78px;
  box-sizing: border-box;
  position: relative;
  padding-left: 95px;
}
.course__wrapper .courses .courses__container {
  width: 85.8%;
  overflow: hidden;
  position: relative;
}
.course__wrapper .courses .courses__container .courses__item {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.course__wrapper .courses .courses__container .courses__item .courses__item__image {
  width: 96%;
  height: auto;
  margin-bottom: 15px;
}
.course__wrapper .courses .courses__container .courses__item .courses__item__type {
  font-size: 12.5px;
  font-family: 'Poppins';
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
  margin-bottom: 5px;
}
.course__wrapper .courses .courses__container .courses__item .courses__item__title {
  font-size: 20px;
  letter-spacing: 1px;
  font-family: 'Sofia Pro';
  line-height: 1;
  font-weight: 600;
  text-transform: lowercase;
  color: #353929;
  min-height: 35px;
  padding-right: 39px;
}
.course__wrapper .courses .courses__container .courses__item .courses__item__text p{
  font-family: 'Brandon Grotesque';
  font-size: 17px;
  font-weight: 400;
  color: #353929;
  margin-bottom: 22px;
  line-height: 1.45;
  letter-spacing: 0.9px;
    width: 104%;
}
.course__wrapper .courses .courses__container .courses__item .courses__item__btn {
    padding: 9px 32px 9px 44px;
    box-sizing: border-box;
    display: block;
    outline: 0;
    border: 0;
    background-color: #ede1d4;
    color: #000000;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 3px;
    cursor: pointer;
    font-family: 'Poppins';
    background-color: #0B3C4A;
    color: #ede1d4;
    width: 96%;
    text-align: center;
}
.course__wrapper .courses .courses__container .courses__item .courses__item__btn span {
  margin-left: 10px;
}
.course__wrapper .courses .courses__container .courses__item .courses__item__btn:hover {
  background-color: #000000;
  color: #ffffff;
}
.course__wrapper .courses .arrow__btn {
  position: absolute;
  top: 18.3%;
  right: 0;
  width: 98px;
  height: 45px;
  padding: 0px;
  box-sizing: border-box;
  background-color: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
}
.course__wrapper .courses .arrow__btn .arrow__btn__image {
  width: 100%;
  height: auto;
}

@media (max-width: 1440px) {
  .about {
    padding-top: 5.347vw;
  }
  .about .about__container {
    width: 90.833vw;
  }
  .about_s2Left{
      padding-top: 5.139vw;
      padding-left: 10.556vw;
      padding-bottom: 5.139vw;
  }
  .about .about__container::before {
    width: 54.167vw;
  }
  .about .about__container .about__image {
    width: 31.25vw;
    height: 36.806vw;
  }
  .about .about__container .about__content {
    padding-top: 8.819vw;
    padding-left: 1.944vw;
    padding-bottom: 5.556vw;
  }
  .about .about__container .about__content .about__content__title h2{
    font-size: 3.125vw;
    letter-spacing: 0.313vw;
  }
  .about .about__container .about__content .about__content__title h2 strong { }
  .about .about__container .about__content article {
      padding-left: 6.667vw;
      padding-top: 1.181vw;
      padding-right: 4.861vw;
  }
  .about .about__container .about__content article h6 {
    font-size: 1.528vw;
    letter-spacing: 0.063vw;
    margin-bottom: 1.528vw;
    line-height: 1.46;
  }
  
  .about .about__container .about__content article p {
    font-size: 1.181vw;
    letter-spacing: 0.06vw;
    padding-right: 0.833vw;
  }

  .course__wrapper {
    padding-top: 5.208vw;
  }
  .course__wrapper::before {}
  .course__wrapper .course {
    width: 67.431vw;
  }
  .course__wrapper .course .course__content {
    padding-bottom: 1.736vw;
    padding-left: 3.889vw;
    padding-right: 3.472vw;
    padding-top: 10.556vw;
  }
  .course_right{ }
  .course_right img{}
  .course__wrapper .course .course__content .course__content__title h2{
    font-size: 3.056vw;
    letter-spacing: 0.347vw;
    margin-bottom: 1.111vw;
  }
  .course__wrapper .course .course__content .course__content__title h2 strong { }
  .course__wrapper .course .course__content .course__content__text {
    font-size: 1.389vw;
    letter-spacing: 0.067vw;
    margin-bottom: 2.014vw;
    padding-left: 0.417vw;
  }
  .course__wrapper .course .course__content .course__content__btn {
    font-size: 0.833vw;
    letter-spacing: 0.257vw;
    padding: 0.764vw 1.528vw 0.764vw 2.222vw;
    margin-left: 0.417vw;
  }
  .course__wrapper .course .course__content .course__content__btn:hover { }
  .course__wrapper .course .course__image {}
  .course__wrapper .courses {
    width: 72.431vw;
    padding: 4.028vw 0 5.417vw;
    padding-left: 6.597vw;
  }
  .course__wrapper .courses .courses__container { }
  .course__wrapper .courses .courses__container .courses__item { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__image {
    margin-bottom: 1.042vw;
  }
  .course__wrapper .courses .courses__container .courses__item .courses__item__type {
    font-size: 0.868vw;
    letter-spacing: 0.069vw;
    margin-bottom: 0.347vw;
  }
  .course__wrapper .courses .courses__container .courses__item .courses__item__title {
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
    min-height: 2.431vw;
    padding-right: 2.708vw;
  }
  .course__wrapper .courses .courses__container .courses__item .courses__item__text p{
    font-size: 1.181vw;
    margin-bottom: 1.528vw;
    line-height: 1.45;
    letter-spacing: 0.063vw;
  }
  .course__wrapper .courses .courses__container .courses__item .courses__item__btn {
    padding: 0.625vw 2.222vw 0.625vw 3.056vw;
    font-size: 0.764vw;
    letter-spacing: 0.208vw;
  }

  .course__wrapper .courses .courses__container .courses__item .courses__item__btn:hover { }
  .course__wrapper .courses .arrow__btn {
    width: 6.806vw;
    height: 3.125vw;
  }
  .course__wrapper .courses .arrow__btn .arrow__btn__image { }
}
@media (max-width: 1140px) {
  .about { }
  .about .about__container { }
  .about_s2Left{ }
  .about .about__container::before { }
  .about .about__container .about__image { }
  .about .about__container .about__content { }
  .about .about__container .about__content .about__content__title { }
  .about .about__container .about__content .about__content__title span { }
  .about .about__container .about__content article { }
  .about .about__container .about__content article h6 { }
  .about .about__container .about__content article p {font-size: 1.7vw;}

  .course__wrapper { }
  .course__wrapper::before {}
  .course__wrapper .course {width: 72.431vw;}
  .course__wrapper .course .course__content {padding-left: 0vw;}
  .course_right{ }
  .course_right img{}
  .course__wrapper .course .course__content .course__content__title { }
  .course__wrapper .course .course__content .course__content__title span { }
  .course__wrapper .course .course__content .course__content__text {font-size: 1.7vw;}
  .course__wrapper .course .course__content .course__content__btn { }
  .course__wrapper .course .course__content .course__content__btn span { }
  .course__wrapper .course .course__content .course__content__btn:hover { }
  .course__wrapper .course .course__image {}
  .course__wrapper .courses {padding-left: 0vw;}
  .course__wrapper .courses .courses__container {width: 90.8%;}
  .course__wrapper .courses .courses__container .courses__item { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__image { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__type { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__title { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__text p{font-size: 1.528vw;}
  .course__wrapper .courses .courses__container .courses__item .courses__item__btn { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__btn span { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__btn:hover { }
  .course__wrapper .courses .arrow__btn { }
  .course__wrapper .courses .arrow__btn .arrow__btn__image { }
}
@media (max-width: 1024px) {
  .about { }
  .about .about__container {width: 100%;padding-left: 8vw;padding-right: 8vw;}
  .about_s2Left{padding-top: 5.139vw;padding-left: 0vw;padding-bottom: 5.139vw;}
  .about .about__container::before { }
  .about .about__container .about__image {width: 100%;height: auto;}
  .about .about__container .about__content { }
  .about .about__container .about__content .about__content__title { }
  .about .about__container .about__content .about__content__title span { }
  .about .about__container .about__content article {padding-right: 0vw;}
  .about .about__container .about__content article h6 {font-size: 1.8vw;}
  .about .about__container .about__content article p {font-size: 1.8vw;padding-right: 0vw;}

  .course__wrapper { }
  .course__wrapper::before {
    height: 91% !important;
}
  .course__wrapper .course {width: 100%;padding-left: 8vw;padding-right: 8vw;}
  .course__wrapper .course .course__content { }
  .course_right{ }
  .course_right img{}
  .course__wrapper .course .course__content .course__content__title { }
  .course__wrapper .course .course__content .course__content__title span { }
  .course__wrapper .course .course__content .course__content__text {font-size: 1.8vw;}
  .course__wrapper .course .course__content .course__content__btn {font-size: 1.3vw;padding: 0.8vw 3.153vw 0.9vw 3.153vw;}
  .course__wrapper .course .course__content .course__content__btn span { }
  .course__wrapper .course .course__content .course__content__btn:hover { }
  .course__wrapper .course .course__image {}
  .course__wrapper .courses {width: 100%;padding-left: 8vw;padding-right: 8vw;}
  .course__wrapper .courses .courses__container { }
  .course__wrapper .courses .courses__container .courses__item { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__image { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__type {font-size: 1.4vw;}
  .course__wrapper .courses .courses__container .courses__item .courses__item__title {font-size: 1.7vw;}
  .course__wrapper .courses .courses__container .courses__item .courses__item__text p{font-size: 1.8vw;}
    .course__wrapper .courses .courses__container .courses__item .courses__item__btn {
        font-size: 1.3vw;
        padding: 0.879vw 2.125vw 0.879vw 2.297vw;
    }
  .course__wrapper .courses .courses__container .courses__item .courses__item__btn span { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__btn:hover { }
  .course__wrapper .courses .arrow__btn { }
  .course__wrapper .courses .arrow__btn .arrow__btn__image { }
  
    .about .about__container .about__content article h6 br,
    .course__wrapper .courses .courses__container .courses__item .courses__item__text p br{
        display: none;
    }
}
@media (max-width: 768px) {
  .about { }
  .about .about__container { }
  .about_s2Left{ }
  .about .about__container::before { }
  .about .about__container .about__image { }
  .about .about__container .about__content { }
  .about .about__container .about__content .about__content__title h2{font-size: 4.729vw;line-height: 1.2;}
  .about .about__container .about__content .about__content__title h2 strong { }
  .about .about__container .about__content article { }
  .about .about__container .about__content article h6 {font-size: 2.604vw;}
  .about .about__container .about__content article p {font-size: 2.604vw;line-height: 1.3;}

  .course__wrapper {padding-bottom: 4vw;}
  .course__wrapper::before {}
  .course__wrapper .course { }
  .course__wrapper .course .course__content {width: 60%;}
  .course_right{width: 40%;}
  .course_right img{}
  .course__wrapper .course .course__content .course__content__title h2 {font-size: 4.729vw;line-height: 1.2;}
  .course__wrapper .course .course__content .course__content__title span { }
  .course__wrapper .course .course__content .course__content__text {font-size: 2.604vw;line-height: 1.3;}
  .course__wrapper .course .course__content .course__content__btn {font-size: 1.693vw;padding: 1.5vw 3.153vw 1.3vw 3.153vw;}
  .course__wrapper .course .course__content .course__content__btn span { }
  .course__wrapper .course .course__content .course__content__btn:hover { }
  .course__wrapper .course .course__image {}
  .course__wrapper .courses { }
  .course__wrapper .courses .courses__container { }
  .course__wrapper .courses .courses__container .courses__item {padding-right: 3vw;}
  .course__wrapper .courses .courses__container .courses__item .courses__item__image { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__type {font-size: 2vw;}
  .course__wrapper .courses .courses__container .courses__item .courses__item__title {font-size: 3.2vw;}
  .course__wrapper .courses .courses__container .courses__item .courses__item__text p{font-size: 2.2vw;}
  .course__wrapper .courses .courses__container .courses__item .courses__item__btn {font-size: 1.693vw;padding: 1.5vw 3.153vw 1.3vw 3.153vw;}
  .course__wrapper .courses .courses__container .courses__item .courses__item__btn span { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__btn:hover { }
    .course__wrapper .courses .arrow__btn {
        right: 6vw;
        width: 12.806vw;
        height: 6.125vw;
    }
  .course__wrapper .courses .arrow__btn .arrow__btn__image { }
    .course__wrapper .courses .courses__container .courses__item .courses__item__text p br{
        display: block;
    }
    .course__wrapper .courses .courses__container .courses__item .courses__item__text p br.m{
        display: none;
    }
}
@media (max-width: 550px) {
  .about {padding-top: 11vw;}
  .about .about__container {padding-left: 9vw;padding-right: 9vw;padding-bottom: 3.6vw;}
  .about_s2Left{display: none;}
  .about_s2Left.mobile_only{
    display: block;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0vw;
    margin-top: -6.6vw;
    padding-left: 5vw;
    padding-right: 3.2vw;
}
  .about .about__container::before {width: 87vw;margin: 0px auto;bottom: 0vw;left: 6.5vw;right: unset;height: 57%;top: unset;}
  .about .about__container .about__image { }
  .about .about__container .about__content {padding-top: 0vw;padding-left: 0vw;padding-bottom: 0vw;width: 100%;margin-left: 0vw;}
  .about .about__container .about__content .about__content__title h2{font-size: 7.396vw;line-height: 1.27;letter-spacing: 0.74vw;}
  .about .about__container .about__content .about__content__title span { }
    .about .about__container .about__content article {
        padding-left: 4vw;
        padding-top: 4.8vw;
        padding-right: 0.5vw;
    }
  .about .about__container .about__content article h6 {font-size: 4.583vw;line-height: 1.48;letter-spacing: 0vw;margin-bottom: 4.528vw;}
  .about .about__container .about__content article h6 br{
      display:none;
  }
  .about .about__container .about__content article p {font-size: 3.542vw;line-height: 1.45;letter-spacing: 0.14vw;}
  .about .about__container .about__content article p br{
    display:block;
  }
  .about .about__container .about__content article h6 br.m{
    display: unset;
  }
  .course__wrapper { }
    .course__wrapper::before {
        height: 79.3% !important;
    }
  .course__wrapper .course {padding-left: 6.4vw;padding-right: 6.4vw;}
  .course__wrapper .course .course__content {width: 100%;padding-right: 0vw;padding-top: 6.556vw;padding-bottom: 7.5vw;}
  .course_right{display: none;}
  .course_right.mobile_only{
    display: block;
    width: 100%;
    padding-bottom: 5vw;
}
  .course_right img{}
    .course__wrapper .course .course__content .course__content__title h2{
        font-size: 7.083vw;
        letter-spacing: 0.82vw;
        padding-bottom: 4vw;
        color: #353929;
    }
  .course__wrapper .course .course__content .course__content__title span { }
  .course__wrapper .course .course__content .course__content__text,
  .course__wrapper .course .course__content p {font-size: 4.167vw;line-height: 1.35;letter-spacing: 0.13vw;margin-bottom: 0vw;padding-bottom: 5.3vw;}
  .course__wrapper .course .course__content p br{
     display:none;
  }
  .course__wrapper .course .course__content p br.m{
     display:block;
  }
  .course__wrapper .course .course__content .course__content__btn {padding: 2.1vw 5.3vw 2vw 7.153vw;font-size: 2.7vw;letter-spacing: 0.619vw;}
  .course__wrapper .course .course__content .course__content__btn span { }
  .course__wrapper .course .course__content .course__content__btn:hover { }
  .course__wrapper .course .course__image {}
  .course__wrapper .courses {padding-bottom: 8.3vw;}
    .course__wrapper .courses .courses__container {
        width: 95.8%;
    }
    .course__wrapper .courses .courses__container .courses__item {
        padding-left: 5.6vw;
        padding-right: 0vw;
    }
  .course__wrapper .courses .courses__container .courses__item .courses__item__image {width: 61%;margin-bottom: 2.842vw;}
  .course__wrapper .courses .courses__container .courses__item .courses__item__type {font-size: 2.8vw;letter-spacing: 0.05vw;margin-bottom: 1.1vw;}
  .course__wrapper .courses .courses__container .courses__item .courses__item__title {font-size: 4.2vw;letter-spacing: 0.16vw;margin-bottom: 0px;padding-bottom: 6vw;}
    .course__wrapper .courses .courses__container .courses__item .courses__item__text p{
        font-size: 3.542vw;
        line-height: 1.42;
        letter-spacing: 0.177vw;
        margin-bottom: 0px;
        padding-bottom: 5.3vw;
        width: 100%;
    }
  .course__wrapper .courses .courses__container .courses__item .courses__item__btn {display: inline-block;width: auto;font-size: 11.5px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 2.04;letter-spacing: 2.53px;text-align: left;color: #ede1d4;padding-right: 7.1vw;padding-left: 10vw;padding-bottom: 1vw;}
  .course__wrapper .courses .courses__container .courses__item .courses__item__btn span {margin-left: 2.347vw;}
  .course__wrapper .courses .courses__container .courses__item .courses__item__btn:hover { }
  .course__wrapper .courses .arrow__btn {width: 20.806vw;height: 9.125vw;right: 13vw;z-index: 4;}
  .course__wrapper .courses .arrow__btn .arrow__btn__image { }
  .course__wrapper .courses .courses__container .courses__item .courses__item__text p br{
    display:none;
  }
  .course__wrapper .courses .courses__container .courses__item .courses__item__text p br.m{
    display:block;
  }
}



/* Products */
.products {
  width: 100%;
  padding: 86px 0;
  box-sizing: border-box;
  padding-bottom: 0px;
}
.products.productss02{
    padding-bottom: 78px;
  padding-top: 41px;
}
.products .products__content {
  width: 964px;
  display: flex;
  margin-bottom: 58px;
  margin: 0px auto;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.products .products__content .products__items__wrapper {
  width: 52.7%;
}
.products .products__content .products__items__wrapper .products__items__title h2{
  font-family: 'Saveur Sans';
  font-size: 44px;
  font-weight: 300;
  letter-spacing: 5px;
  text-transform: uppercase;
  line-height: 55px;
  text-align: right;
  padding-bottom: 25px;
  border-bottom: 1px solid #000000;
  margin-right: 3px;
  padding-right: 7px;
}
.products .products__content .products__items__wrapper .products__items__title h2 strong {
  font-family: 'Saveur Sans';
  font-style: italic;
  font-weight: 400;
  display: inline-block;
  margin-right: -15px;
}
.products .products__content .products__items__wrapper .products__items {
  width: 100%;
  padding: 120px 0 50px;
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.products .products__content .products__items__wrapper .products__items .products__items__item {
    width: 50%;
    box-sizing: border-box;
    padding-left: 56px;
    position: relative;
}
.products .products__content .products__items__wrapper .products__items .products__items__item a {
    width: 79%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
}
.products .products__content .products__items__wrapper .products__items .products__items__item .products__items__item__image {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 18px;
}
.products .products__content .products__items__wrapper .products__items .products__items__item .products__items__item__text {
  font-family: 'Brandon Grotesque';
  font-size: 17px;
  line-height: 1.24;
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.9px;
color: #000000;
}
.products .products__content .products__nav__wrapper {
  width: 47.3%;
  padding-left: 107px;
  padding-right: 77px;
  padding-top: 10px;
}
.products .products__content .products__nav__wrapper .products__nav__title {
  width: 91.6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.products .products__content .products__nav__wrapper .products__nav__title h3 {
  font-size: 24px;
  font-weight: 400;
  font-family: 'Sofia Pro';
  text-transform: lowercase;
  font-weight: 400;
  letter-spacing: 1.2px;
  padding-left: 2px;
}
.products .products__content .products__nav__wrapper .products__nav__btn {
  font-size: 1.4rem;
  width: 47px;
  height: 46px;
  outline: 0;
  border: 1px solid #000000;
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  position: relative;
  padding-left: 9px;
}
.products .products__content .products__nav__wrapper .products__nav__btn::before {
  content: "";
  width: 100%;
  border-bottom: 1px solid #ffffff;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.products .products__content .products__nav__wrapper .products__nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 17px;
  box-sizing: border-box;
  border: 1px solid #000000;
  font-family: 'Poppins';
}
.products .products__content .products__nav__wrapper .products__nav .products__nav__item {
  width: 100%;
  display: block;
  text-decoration: none;
  color: #0B3C4A;
  padding: 15px 29px 12px 29px;
  box-sizing: border-box;
  background-color: #ffffff;
  border-bottom: 1px solid #000000;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 3.3px;
  text-transform: uppercase;
}
.products .products__content .products__nav__wrapper .products__nav .products__nav__item:last-child {
  border-bottom: 0;
}
.products .products__content .products__nav__wrapper .products__nav .products__nav__item:hover {
  background-color: #353929;
  color: #ffffff;
}
.products .products__content .products__nav__wrapper.mobile--version {
  display: none;
}
.products .products__quiz {
  text-align: center;
  margin-bottom: 1rem;
}
.products .products__quiz .products__quiz__title h2{
  font-family: 'Saveur Sans';
  font-size: 44px;
  font-weight: 300;
  letter-spacing: 5px;
  text-transform: uppercase;
  line-height: normal;
  color: #000000;
  margin-bottom: 5px;
}
.products .products__quiz .products__quiz__title h2 br{
  display: none;
}
.products .products__quiz .products__quiz__title h2 strong {
  font-family: 'Saveur Sans';
  font-weight: 400;
  font-style: italic;
}
.products .products__quiz .products__quiz__subtitle {
  font-family: 'Brandon Grotesque';
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 35px;
  letter-spacing: 0.9px;
}
.products .products__quiz p {
  font-family: 'Brandon Grotesque';
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 32px;
  width: 60%;
  margin: auto;
  color: #353929;
  margin-bottom: 33px;
  line-height: 1.35;
}
.products .products__quiz .product__quiz__btn {
  box-sizing: border-box;
    padding: 10px 40px 11px 55px;
  outline: 0;
  border: 0;
  background-color: #0B3C4A;
  color: #ede1d4;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 3.6px;
  cursor: pointer;
  font-family: 'Poppins';
    display: inline-block;
}
.products .products__quiz .product__quiz__btn span {
  margin-left: 12px;
}
.products .products__quiz .product__quiz__btn:hover {
  background-color: #000000;
}
.products .products__quiz p br.m{
  display:none;
}


@media (max-width: 1440px) {
    .products {
    padding: 5.972vw 0;
      padding-bottom: 0px;
    }
    .products.productss02{
    padding-bottom: 5.417vw;
    padding-top: 2.847vw;
    }
    .products .products__content {
    width: 66.944vw;
    }
    .products .products__content .products__items__wrapper {}
    .products .products__content .products__items__wrapper .products__items__title h2{
    font-size: 3.056vw;
    letter-spacing: 0.347vw;
    padding-bottom: 1.736vw;
    margin-right: 0.208vw;
    padding-right: 0.486vw;
    }
    .products .products__content .products__items__wrapper .products__items__title h2 strong {
    margin-right: -1.042vw;
    }
    .products .products__content .products__items__wrapper .products__items {
    padding: 8.333vw 0 3.472vw;
    }
    .products .products__content .products__items__wrapper .products__items .products__items__item {
    padding-left: 3.889vw;
    }
    .products .products__content .products__items__wrapper .products__items .products__items__item .products__items__item__image {
    margin-bottom: 1.25vw;
    }
    .products .products__content .products__items__wrapper .products__items .products__items__item .products__items__item__text {
    font-size: 1.181vw;
    letter-spacing: 0.063vw;
    }
    .products .products__content .products__nav__wrapper {
    padding-left: 7.431vw;
    padding-right: 5.347vw;
    padding-top: 0.694vw;
    }
    .products .products__content .products__nav__wrapper .products__nav__title {}
    .products .products__content .products__nav__wrapper .products__nav__title h3 {
    font-size: 1.667vw;
    letter-spacing: 0.083vw;
    padding-left: 0.139vw;
    }
    .products .products__content .products__nav__wrapper .products__nav__btn {
    font-size: 1.4rem;
    width: 3.264vw;
    height: 3.194vw;
    padding-left: 0.625vw;
    }
    .products .products__content .products__nav__wrapper .products__nav__btn::before {
    bottom: -0.139vw;
    }
    .products .products__content .products__nav__wrapper .products__nav {
    padding-top: 1.181vw;
    }
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item {
    padding: 1.042vw 2.014vw 0.833vw 2.014vw;
    font-size: 0.903vw;
    letter-spacing: 0.229vw;
    text-transform: uppercase;
    }
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item:last-child {}
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item:hover {}
    .products .products__content .products__nav__wrapper.mobile--version {}
    .products .products__quiz {}
    .products .products__quiz .products__quiz__title h2{
    font-size: 3.056vw;
    letter-spacing: 0.347vw;
    margin-bottom: 0.347vw;
    }
    .products .products__quiz .products__quiz__title h2 strong {}
    .products .products__quiz .products__quiz__subtitle {
    font-size: 1.181vw;
    margin-bottom: 2.431vw;
    letter-spacing: 0.063vw;
    }
    .products .products__quiz .products__quiz__text {
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
    line-height: 2.222vw;
    margin-bottom: 2.292vw;
    }
    .products .products__quiz p {
        font-size: 1.389vw;
        letter-spacing: 0.069vw;
        margin-bottom: 2.292vw;
    }
    .products .products__quiz .product__quiz__btn {
        padding: 0.694vw 2.778vw 0.764vw 3.819vw;
        font-size: 0.833vw;
        letter-spacing: 0.25vw;
    }
    .products .products__quiz .product__quiz__btn:hover { }
}
@media (max-width: 1140px) {
    .products { }
    .products.productss02{ }
    .products .products__content {width: 76vw;}
    .products .products__content .products__items__wrapper {}
    .products .products__content .products__items__wrapper .products__items__title { }
    .products .products__content .products__items__wrapper .products__items__title span { }
    .products .products__content .products__items__wrapper .products__items { }
    .products .products__content .products__items__wrapper .products__items .products__items__item { }
    .products .products__content .products__items__wrapper .products__items .products__items__item .products__items__item__image { }
    .products .products__content .products__items__wrapper .products__items .products__items__item .products__items__item__text { }
    .products .products__content .products__nav__wrapper { }
    .products .products__content .products__nav__wrapper .products__nav__title {}
    .products .products__content .products__nav__wrapper .products__nav__title h3 { }
    .products .products__content .products__nav__wrapper .products__nav__btn {width: 4vw;}
    .products .products__content .products__nav__wrapper .products__nav__btn::before { }
    .products .products__content .products__nav__wrapper .products__nav { }
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item { }
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item:last-child {}
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item:hover {}
    .products .products__content .products__nav__wrapper.mobile--version {}
    .products .products__quiz {
        width: 75vw;
        margin: 0px auto;
    }
    .products .products__quiz .products__quiz__title { }
    .products .products__quiz .products__quiz__title span {}
    .products .products__quiz .products__quiz__subtitle { }
    .products .products__quiz p{
        width: 100%;
        font-size: 1.7vw;
    }
    .products .products__quiz .products__quiz__text { }
    .products .products__quiz .product__quiz__btn { }
    .products .products__quiz .product__quiz__btn span { }
    .products .products__quiz .product__quiz__btn:hover { }
}
@media (max-width: 1024px) {
    .products { }
    .products.productss02{ }
    .products .products__content {width: 100%;padding-left: 8vw;padding-right: 8vw;}
    .products .products__content .products__items__wrapper {}
    .products .products__content .products__items__wrapper .products__items__title { }
    .products .products__content .products__items__wrapper .products__items__title span { }
    .products .products__content .products__items__wrapper .products__items { }
    .products .products__content .products__items__wrapper .products__items .products__items__item { }
    .products .products__content .products__items__wrapper .products__items .products__items__item .products__items__item__image { }
    .products .products__content .products__items__wrapper .products__items .products__items__item .products__items__item__text {font-size: 1.5vw;}
    .products .products__content .products__nav__wrapper { }
    .products .products__content .products__nav__wrapper .products__nav__title {}
    .products .products__content .products__nav__wrapper .products__nav__title h3 { }
    .products .products__content .products__nav__wrapper .products__nav__btn { }
    .products .products__content .products__nav__wrapper .products__nav__btn::before { }
    .products .products__content .products__nav__wrapper .products__nav { }
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item {font-size: 1.3vw;}
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item:last-child {}
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item:hover {}
    .products .products__content .products__nav__wrapper.mobile--version {}
    .products .products__quiz {
    width: 100%;
    padding-left: 8vw;
    padding-right: 8vw;
}
    .products .products__quiz .products__quiz__title { }
    .products .products__quiz .products__quiz__title span {}
    .products .products__quiz .products__quiz__subtitle {font-size: 1.7vw;}
    .products .products__quiz .products__quiz__text { }
    .products .products__quiz .product__quiz__btn {font-size: 1.3vw;padding: 0.977vw 3.906vw 1.074vw 5.371vw;}
    .products .products__quiz .product__quiz__btn span { }
    .products .products__quiz .product__quiz__btn:hover { }
    .products .products__quiz p{
    font-size: 1.8vw;
}
}
@media (max-width: 768px) {
    .products {padding-top: 9vw;}
    .products.productss02{padding-bottom: 9.417vw;padding-top: 2.847vw;}
    .products .products__content { }
    .products .products__content .products__items__wrapper {
        width: 100%;
    }
    .products .products__content .products__items__wrapper .products__items__title h2{font-size: 4.729vw;line-height: 1.2;}
    .products .products__content .products__items__wrapper .products__items__title span { }
    .products .products__content .products__items__wrapper .products__items { }
    .products .products__content .products__items__wrapper .products__items .products__items__item { }
    .products .products__content .products__items__wrapper .products__items .products__items__item .products__items__item__image { }
    .products .products__content .products__items__wrapper .products__items .products__items__item .products__items__item__text {font-size: 2.3vw;}
    .products .products__content .products__nav__wrapper {padding-right: 0vw;width: 100%;padding-right: 7vw;padding-left: 7vw;}
    .products .products__content .products__nav__wrapper .products__nav__title {}
    .products .products__content .products__nav__wrapper .products__nav__title h3 {
    font-size: 3.2vw;
}
    .products .products__content .products__nav__wrapper .products__nav__btn {width: 5vw;padding: 1.2vw;padding-bottom: 4vw;}
    .products .products__content .products__nav__wrapper .products__nav__btn::before { }
    .products .products__content .products__nav__wrapper .products__nav { }
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item {font-size: 1.9vw;}
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item:last-child {}
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item:hover {}
    .products .products__content .products__nav__wrapper.mobile--version {}
    .products .products__quiz {}
    .products .products__quiz .products__quiz__title h2{font-size: 4.729vw;line-height: 1.2;}
    .products .products__quiz .products__quiz__title h2 strong {}
    .products .products__quiz .products__quiz__subtitle {font-size: 2.7vw;}
    .products .products__quiz .products__quiz__text { }
    .products .products__quiz .product__quiz__btn {font-size: 1.693vw;padding: 1.302vw 5.208vw 1.432vw 7.161vw;}
    .products .products__quiz .product__quiz__btn span { }
    .products .products__quiz .product__quiz__btn:hover { }
    .products .products__quiz p{
        font-size: 2.604vw;
        line-height: 1.3;
    }
    .products .products__quiz p br{
      display:none;
    }
}
@media (max-width: 550px) {
    .products {
        padding-top: 11vw;
        padding-bottom: 3vw;
    }
    .products.productss02{padding-bottom: 14.6vw;padding-top: 2.847vw;}
    .products .products__content { }
    .products .products__content .products__items__wrapper {}
    .products .products__content .products__items__wrapper .products__items__title h2{font-size: 7.083vw;letter-spacing: 0.82vw;padding-bottom: 2.6vw;padding-right: 14.5vw;line-height: 1.23;border-bottom: 0vw;position: relative;}
    .products .products__content .products__items__wrapper .products__items__title h2:before{content:"";position: absolute;bottom: -0.2vw;right: 17vw;width: 100%;height: 1px;display: block;background-color: #000;}
    .products .products__content .products__items__wrapper .products__items__title h2 strong { }
    .products .products__content .products__items__wrapper .products__items {padding-left: 2vw;padding-right: 2vw;}
    .products .products__content .products__items__wrapper .products__items .products__items__item {padding-left: 2.5vw;padding-right: 2.5vw;}
    .products .products__content .products__items__wrapper .products__items .products__items__item .products__items__item__image {margin-bottom: 2.7vw;}
    .products .products__content .products__items__wrapper .products__items .products__items__item .products__items__item__text {font-size: 3.4vw;letter-spacing: 0.23vw;}
    .products .products__content .products__nav__wrapper {display: none;}
    .products .products__content .products__nav__wrapper .products__nav__title {}
    .products .products__content .products__nav__wrapper .products__nav__title h3 {font-size: 5.3vw;}
    .products .products__content .products__nav__wrapper .products__nav__btn {width: 9.9vw;padding: 2.2vw;padding-bottom: 6.4vw;right: 15.2vw;}
    .products .products__content .products__nav__wrapper .products__nav__btn::before { }
    .products .products__content .products__nav__wrapper .products__nav {padding-top: 4.2vw;}
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item {font-size: 2.7vw;padding-left: 6vw;letter-spacing: 0.67vw;padding-right: 6vw;padding-bottom: 2.5vw;padding-top: 2.9vw;}
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item:last-child {}
    .products .products__content .products__nav__wrapper .products__nav .products__nav__item:hover {}
    .products .products__content .products__nav__wrapper.mobile--version {
    display: block;
    padding-right: 5.4vw;
    padding-left: 5.4vw;
    padding-top: 5.4vw;
}
    .products .products__quiz {}
    .products .products__quiz .products__quiz__title h2{font-size: 7.083vw;letter-spacing: 0.82vw;padding-bottom: 0.6vw;line-height: 1.24;}
    .products .products__quiz .products__quiz__title h2 br{display: block;}
    .products .products__quiz .products__quiz__title h2 strong {}
    .products .products__quiz .products__quiz__subtitle {font-size: 3.7vw;letter-spacing: 0.1vw;margin-top: -1.2vw;margin-bottom: 4.3vw;}
    .products .products__quiz .products__quiz__text { }
    .products .products__quiz .product__quiz__btn {padding: 1.7vw 8.3vw 1.6vw 10.153vw;font-size: 2.5vw;letter-spacing: 0.5vw;}
    .products .products__quiz .product__quiz__btn span {margin-left: 2.806vw;}
    .products .products__quiz .product__quiz__btn:hover { }
    .products .products__quiz p{
      font-size: 4.167vw;
      line-height: 1.35;
      letter-spacing: 0.1vw;
      color: #353929;
      margin-bottom: 5.2vw;
    }
    .products .products__quiz p br.m{
      display: block;
    }
    
    .products .products__content .products__nav__wrapper .products__nav[style="visibility: hidden;"]{
        display: none;
    }
}

/* consultation */
.consultation {
  width: 100%;
  /* height: 530px; */
  background-color: #C39E8C;
  /* padding-top: 75px; */
}
.consultation .consultation__wrapper {
  width: 100%;
  max-width: 1366px;
  height: 100%;
  margin: auto;
  box-sizing: border-box;
  background: #ffffff url("consultation.jpg") top center scroll no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  overflow: hidden;
}
.consultation .consultation__content {
  width: 45%;
  box-sizing: border-box;
  position: relative;
  left: -116px;
  padding-top: 136px;
  padding-bottom: 109px;
}
.consultation .consultation__content .consultation__content__title {
  margin-left: -4px;
  font-family: 'Saveur Sans';
  font-size: 44px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  line-height: 1.3;
  color: #ffffff;
  letter-spacing: 5px;
  margin-bottom: 12px;
  font-weight: 400;
}
.consultation .consultation__content p {
  font-family: 'Brandon Grotesque';
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 32px;
  color: #ffffff;
  line-height: 1.35;
  margin-bottom: 39px;
}
.consultation .consultation__content .consultation__content__btn {
    box-sizing: border-box;
    padding: 10px 43px 11px 43px;
    outline: 0;
    border: 0;
    background-color: #0B3C4A;
    color: #ede1d4;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 4px;
    cursor: pointer;
    font-family: 'Poppins';
    display: inline-block;
}
.consultation .consultation__content .consultation__content__btn span {
  margin-left: 11px;
}
.consultation .consultation__content .consultation__content__btn:hover {
  background-color: #000000;
}
.consultation .consultation__image {
  display: none;
}


@media (max-width: 1440px) {
  .consultation {}
  .consultation .consultation__wrapper {
    width: 94.861vw;
  }
  .consultation .consultation__content {
    left: -8.056vw;
    padding-top: 9.34vw;
    padding-bottom: 7.639vw;
  }
  .consultation .consultation__content .consultation__content__title {
    margin-left: -0.278vw;
    font-size: 3.056vw;
    letter-spacing: 0.208vw;
    letter-spacing: 0.347vw;
    margin-bottom: 0.833vw;
  }
  .consultation .consultation__content p {
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
    margin-bottom: 2.708vw;
  }
  .consultation .consultation__content .consultation__content__btn {
    padding: 0.694vw 2.986vw 0.764vw 2.986vw;
    font-size: 0.833vw;
    letter-spacing: 0.26vw;
  }
  .consultation .consultation__content .consultation__content__btn:hover { }
  .consultation .consultation__image { }
}
@media (max-width: 1140px) {
  .consultation {}
  .consultation .consultation__wrapper { }
  .consultation .consultation__content { }
  .consultation .consultation__content .consultation__content__title { }
  .consultation .consultation__content p {font-size: 1.7vw;}
  .consultation .consultation__content .consultation__content__btn { }
  .consultation .consultation__content .consultation__content__btn span { }
  .consultation .consultation__content .consultation__content__btn:hover { }
  .consultation .consultation__image { }
}
@media (max-width: 1024px) {
  .consultation {}
  .consultation .consultation__wrapper {width: 100%;padding-left: 8vw;padding-right: 8vw;}
  .consultation .consultation__content {width: 51%;}
  .consultation .consultation__content .consultation__content__title { }
  .consultation .consultation__content p {font-size: 1.8vw;}
  .consultation .consultation__content .consultation__content__btn {font-size: 1.3vw;    padding: 0.977vw 4.199vw 1.074vw 4.199vw;}
  .consultation .consultation__content .consultation__content__btn span { }
  .consultation .consultation__content .consultation__content__btn:hover { }
  .consultation .consultation__image { }
}
@media (max-width: 768px) {
  .consultation {}
  .consultation .consultation__wrapper { }
  .consultation .consultation__content { }
  .consultation .consultation__content .consultation__content__title {font-size: 4.729vw;line-height: 1.2;}
  .consultation .consultation__content p {font-size: 2.604vw;line-height: 1.3;}
  .consultation .consultation__content .consultation__content__btn {font-size: 1.693vw;    padding: 1.302vw 5.599vw 1.432vw 5.599vw;}
  .consultation .consultation__content .consultation__content__btn span { }
  .consultation .consultation__content .consultation__content__btn:hover { }
  .consultation .consultation__image { }
}
@media (max-width: 550px) {
  .consultation {}
    .consultation .consultation__wrapper {
        background-image: none !important;
        background-color: #c29f8c;
        display: block;
        padding-left: 0vw;
        padding-right: 0vw;
    }
  .consultation .consultation__content {width: 100%;text-align: center;left: 0vw;padding-top: 11.444vw;padding-bottom: 7.569vw;padding-left: 8vw;padding-right: 8vw;}
  .consultation .consultation__content .consultation__content__title {
    font-size: 7.6vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: 0.56vw;
    text-align: center;
    color: #ffffff;
    margin-bottom: 1.5vw;
  }
  .consultation .consultation__content p {font-size: 4.167vw;line-height: 1.35;letter-spacing: 0.2vw;margin-bottom: 4.9vw;}
  .consultation .consultation__content .consultation__content__btn {padding: 2.3vw 8.3vw 2vw 10.153vw;font-size: 2.5vw;letter-spacing: 0.8vw;}
  .consultation .consultation__content .consultation__content__btn span {margin-left: 2.347vw;}
  .consultation .consultation__content .consultation__content__btn:hover { }
  .consultation .consultation__image {display: block;margin-top: -5.6vw;}
}
/* Community */
.community {
  width: 100%;
  padding: 55px 0 62px;
  box-sizing: border-box;
}

.community__content {
  width: 1033px;
  margin: auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.community_left{
    width: 29.4%;
    padding-top: 25px;
}
.community_right{
    width: 70.6%;
}
.community__content .community__content__title h2{
  font-family: 'Saveur Sans';
  font-size: 44px;
  font-weight: 300;
  letter-spacing: 4.8px;
  text-transform: uppercase;
  line-height: 1.25;
  width: 287px;
  text-align: right;
  color: #000000;
  position: relative;
  top: 34px;
  padding-bottom: 13px;
}
.community__content .community__content__title h2::after {
  content: "";
  position: absolute;
  width: 154%;
  bottom: 0;
  left: 27px;
  border-bottom: 1px solid #000000;
  z-index: 999;
}
.community__content .community__content__title h2 strong {
  font-family: 'Saveur Sans';
  font-style: italic;
  font-weight: 400;
}
.community__content .community__content__images {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.community__content .community__content__images .community__content__images__item {
  position: relative;
  width: 50%;
  padding-left: 16px;
  padding-right: 21px;
}
.community__content .community__content__images .community__content__images__item img {
}
.community__content .community__content__images .community__content__images__item:first-child::before {
  content: "";
  width: 298px;
  height: 154px;
  position: absolute;
  bottom: 42px;
  left: -7px;
  background-color: #3d656f;
  z-index: -99;
}
.community__content .community__content__images .community__content__images__item:last-child {
  /* top: 60px; */
  padding-left: 15px;
  padding-right: 0px;
  padding-top: 95px;
}
.community__content .community__content__dialog {
  text-align: center;
  margin-top: 64px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.community__content .community__content__dialog p {
  font-family: 'Brandon Grotesque';
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 32px;
  color: #000000;
  margin: 1.5rem;
  line-height: 1.3;
  margin: 0px;
  margin-bottom: 28px;
}
.community__content .community__content__dialog p br{}
.community__content .community__content__dialog .community__content__dialog__btn {
  box-sizing: border-box;
  padding: 11px 31px;
  outline: 0;
  border: 0;
  background-color: #0B3C4A;
  color: #ede1d4;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 3px;
  cursor: pointer;
  font-family: 'Poppins';
    display: inline-block;
}
.community__content .community__content__dialog .community__content__dialog__btn span {
  margin-left: 21px;
}
.community__content .community__content__dialog .community__content__dialog__btn:hover {
  background-color: #000000;
}


@media (max-width: 1440px) {
  .community {
    padding: 3.819vw 0 4.306vw;
  }

  .community__content {
    width: 71.736vw;
  }
  .community_left{
      padding-top: 1.736vw;
  }
  .community_right{ }
  .community__content .community__content__title h2{
    font-size: 3.056vw;
    letter-spacing: 0.333vw;
    width: 19.931vw;
    top: 2.361vw;
    padding-bottom: 0.903vw;
  }
  .community__content .community__content__title h2::after {
    left: 1.875vw;
  }
  .community__content .community__content__title h2 strong {}
  .community__content .community__content__images {}
  .community__content .community__content__images .community__content__images__item {
    padding-left: 1.111vw;
    padding-right: 1.458vw;
  }
  .community__content .community__content__images .community__content__images__item img {}
  .community__content .community__content__images .community__content__images__item:first-child::before {
    width: 20.694vw;
    height: 10.694vw;
    bottom: 2.917vw;
    left: -0.486vw;
  }
  .community__content .community__content__images .community__content__images__item:last-child {
    padding-left: 1.042vw;
    padding-top: 6.597vw;
  }
  .community__content .community__content__dialog {
    margin-top: 4.444vw !important;
  }
  .community__content .community__content__dialog p {
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
    /* line-height: 2.222vw; */
    margin-bottom: 1.944vw;
  }
  .community__content .community__content__dialog p br{}
  .community__content .community__content__dialog .community__content__dialog__btn {
    padding: 0.764vw 2.153vw;
    font-size: 0.833vw;
    letter-spacing: 0.208vw;
  }
  .community__content .community__content__dialog .community__content__dialog__btn span {
    margin-left: 1.458vw;
  }
}
@media (max-width: 1140px) {
  .community  { }

  .community__content { }
  .community_left { }
  .community_right{ }
  .community__content .community__content__title h2{ }
  .community__content .community__content__title h2::after {width: 135%;}
  .community__content .community__content__title h2 strong {}
  .community__content .community__content__images {}
  .community__content .community__content__images .community__content__images__item { }
  .community__content .community__content__images .community__content__images__item img {}
  .community__content .community__content__images .community__content__images__item:first-child::before { }
  .community__content .community__content__images .community__content__images__item:last-child { }
  .community__content .community__content__dialog { }
  .community__content .community__content__dialog p {font-size: 1.7vw;}
  .community__content .community__content__dialog p br{
    display: none;
}
  .community__content .community__content__dialog .community__content__dialog__btn  { }
  .community__content .community__content__dialog .community__content__dialog__btn span { }
}
@media (max-width: 1024px) {
  .community  { }

  .community__content {width: 100%;padding-left: 8vw;padding-right: 8vw;}
  .community_left { }
  .community_right{ }
  .community__content .community__content__title { }
  .community__content .community__content__title::after { }
  .community__content .community__content__title span {}
  .community__content .community__content__images {}
  .community__content .community__content__images .community__content__images__item { }
  .community__content .community__content__images .community__content__images__item img {}
  .community__content .community__content__images .community__content__images__item:first-child::before { }
  .community__content .community__content__images .community__content__images__item:last-child { }
  .community__content .community__content__dialog { }
  .community__content .community__content__dialog p {font-size: 1.8vw;}
  .community__content .community__content__dialog p br{}
  .community__content .community__content__dialog .community__content__dialog__btn  {font-size: 1.3vw;padding: 0.9vw 2.153vw 0.764vw 2.153vw;}
  .community__content .community__content__dialog .community__content__dialog__btn span { }
}
@media (max-width: 768px) {
  .community  { }

  .community__content { }
  .community_left { }
  .community_right{ }
  .community__content .community__content__title h2{font-size: 3.729vw;line-height: 1.2;width: 23.931vw;}
  .community__content .community__content__title h2::after { }
  .community__content .community__content__title h2 strong {}
  .community__content .community__content__images {}
  .community__content .community__content__images .community__content__images__item { }
  .community__content .community__content__images .community__content__images__item img {}
  .community__content .community__content__images .community__content__images__item:first-child::before { }
  .community__content .community__content__images .community__content__images__item:last-child { }
  .community__content .community__content__dialog { }
  .community__content .community__content__dialog p {font-size: 2.604vw;line-height: 1.3;}
  .community__content .community__content__dialog p br{}
  .community__content .community__content__dialog .community__content__dialog__btn  {font-size: 1.693vw;padding: 1.5vw 3.153vw 1.3vw 3.153vw;}
  .community__content .community__content__dialog .community__content__dialog__btn span { }
}
@media (max-width: 550px) {
  .community  {padding-top: 5.6vw;padding-bottom: 11.5vw;}

  .community__content {padding-left: 7.8vw;padding-right: 6.6vw;}
  .community_left {width: 100%;padding-right: 13.7vw;}
  .community_right{width: 100%;padding-top: 9vw;}
  .community__content .community__content__title h2{font-size: 7.3vw;letter-spacing: 0.7vw;padding-bottom: 0.6vw;line-height: 1.24;width: 100%;}
  .community__content .community__content__title h2::after {left: unset;right: 0vw;bottom: -1vw;}
  .community__content .community__content__title h2 strong {}
  .community__content .community__content__images {}
  .community__content .community__content__images .community__content__images__item {padding-left: 0vw;padding-right: 3.2vw;}
  .community__content .community__content__images .community__content__images__item img {
    display: none;
}
.community__content .community__content__images .community__content__images__item img.mobile_only{
  display:block;
}
  .community__content .community__content__images .community__content__images__item:first-child::before {width: 40.5vw;height: 20.694vw;bottom: 4.6vw;left: -9.486vw;}
  .community__content .community__content__images .community__content__images__item:last-child {padding-left: 0vw;padding-top: 13vw;}
  .community__content .community__content__dialog {margin-top: 6.444vw !important;}
  .community__content .community__content__dialog p {font-size: 4.167vw;line-height: 1.35;letter-spacing: 0.21vw;margin-bottom: 5.3vw;}
  .community__content .community__content__dialog p br{}
  .community__content .community__content__dialog .community__content__dialog__btn  {padding: 2.3vw 6.5vw 2.3vw 8vw;font-size: 2.5vw;letter-spacing: 0.8vw;}
  .community__content .community__content__dialog .community__content__dialog__btn span {margin-left: 2.458vw;}
}
/* contact */
.contact {
  width: 100%;
  padding: 50px 0 59px 0;
  box-sizing: border-box;
  background-color: #353929;
}
.contact .contact__content {
  margin: auto;
  width: 944px;
}
.contact .contact__content p {
  font-family: 'Brandon Grotesque';
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.8px;
  color: #C7C2BD;
  margin-bottom: 1.5rem;
  margin-bottom: 34px;
}
.ln9_form_in {
    display: flex;
    flex-wrap: wrap;
    gap: 46px;
    padding-left: 31px;
}
.ln9_form_in .text-field {
    width: 302px;
}
.ln9_form_in .email-field {
    width: 302px;
}
.ln9_form_in input{
    border: 0px solid;
    border-radius: 0px;
    background-color: transparent;
    font-family: 'Poppins';
    font-size: 13.5px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: 2.97px;
    color: #ffffff;
    border-bottom: 1px solid #FFF;
    padding: 3px 0px 2px 0px;
}
.button_middle {
    text-align: center;
    position: relative;
    margin-top: -8px;
}
.button_middle button{
    box-sizing: border-box;
    padding: 11px 30px 11px 30px;
    outline: 0;
    border: 0;
    background-color: #0a3d49;
    color: #ede1d4;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 4px;
    cursor: pointer;
    font-family: 'Poppins';
}
.button_middle button span{
    margin-left: 13px;
}
@media (max-width: 1440px) {
  .contact {
    padding: 3.472vw 0 4.167vw 0;
  }
  .contact .contact__content {
    width: 68.611vw;
  }
  .contact .contact__content p {
    font-size: 1.181vw;
    letter-spacing: 0.056vw;
    margin-bottom: 2.361vw;
  }
  .ln9_form_in {
      gap: 3.194vw;
      padding-left: 2.153vw;
  }
  .ln9_form_in .text-field {
      width: 20.972vw;
  }
  .ln9_form_in .email-field {
      width: 20.972vw;
  }
  .ln9_form_in input{
      font-size: 0.938vw;
      letter-spacing: 0.206vw;
      padding: 0.208vw 0vw 0.139vw 0vw;
  }
  .button_middle {
      margin-top: -0.556vw;
  }
  .button_middle button{
      padding: 0.764vw 2.083vw 0.764vw 2.083vw;
      font-size: 0.833vw;
      letter-spacing: 0.278vw;
  }
  .button_middle button span{
      margin-left: 0.903vw;
  }
}
@media (max-width: 1140px) {
  .contact { }
  .contact .contact__content { }
  .contact .contact__content p {font-size: 1.7vw;}

  .ln9_form_in {
      gap: 4.035vw;
      padding-left: 0vw;
  }
  .ln9_form_in .text-field {
      width: 20.491vw;
  }
  .ln9_form_in .email-field {
      width: 21.491vw;
  }
  .ln9_form_in input{
      font-size: 1.184vw;
      letter-spacing: 0.261vw;
      padding: 0.263vw 0vw 0.175vw 0vw;
  }
  .button_middle {
      margin-top: -0.702vw;
  }
  .button_middle button{
      padding: 0.965vw 2.632vw 0.965vw 2.632vw;
      font-size: 1.053vw;
      letter-spacing: 0.351vw;
  }
  .button_middle button span{
      margin-left: 1.14vw;
  }

}
@media (max-width: 1024px) {
  .contact { }
  .contact .contact__content {width: 100%;padding-left: 8vw;padding-right: 8vw;}
  .contact .contact__content p {font-size: 1.8vw;}
  .ln9_form_in {
      gap: 3.492vw;
      padding-left: 0vw;
  }
  .ln9_form_in .text-field {
      width: 24.492vw;
  }
  .ln9_form_in .email-field {
      width: 29.492vw;
  }
  .ln9_form_in input{
      font-size: 1.318vw;
      letter-spacing: 0.29vw;
      padding: 0.293vw 0vw 0.195vw 0vw;
  }
  .button_middle {
      margin-top: -0.781vw;
  }
  .button_middle button{
      padding: 1.074vw 2.93vw 1.074vw 2.93vw;
      font-size: 1.172vw;
      letter-spacing: 0.391vw;
  }
  .button_middle button span{
      margin-left: 1.27vw;
  }
}
@media (max-width: 768px) {
  .contact { }
  .contact .contact__content { }
  .contact .contact__content p {font-size: 2.604vw;line-height: 1.3;}
    .ln9_form_in {
        gap: 3vw;
        padding-left: 0vw;
    }
  .ln9_form_in .text-field {
      width: 100%;
  }
  .ln9_form_in .email-field {
      width: 100%;
  }
  .ln9_form_in input{
    font-size: 1.758vw;
    letter-spacing: 0.387vw;
    padding: 0.391vw 0vw 0.26vw 0vw;
    text-align: center;
  }
  .button_middle {
    margin-top: -1.042vw;
    width: 100%;
  }
  .button_middle button{
      padding: 1.432vw 3.906vw 1.432vw 3.906vw;
      font-size: 1.563vw;
      letter-spacing: 0.521vw;
  }
  .button_middle button span{
      margin-left: 1.693vw;
  }
}
@media (max-width: 550px) {
  .contact {padding-top: 10.8vw;padding-bottom: 2.4vw;}
  .contact .contact__content { }
  .contact .contact__content p {font-size: 3.604vw;letter-spacing: 0.13vw;line-height: 1.35;}
  .contact .contact__content p br{ display:none;}
  .ln9_form_in {
      gap: 0vw;
      padding-left: 5.2vw;
      padding-right: 5.2vw;
      padding-top: 7.2vw;
  }
  .ln9_form_in .text-field {
      width: 100%;
      padding-bottom: 6vw;
  }
  .ln9_form_in .email-field {
      width: 100%;
      padding-bottom: 7.3vw;
  }
  .ln9_form_in input{
      font-size: 2.813vw;
      letter-spacing: 0.619vw;
      padding: 0.625vw 0vw 0.417vw 0vw;
  }
  .button_middle {
      margin-top: -1.667vw;
      width: 100%;
      text-align: center;
  }
  .button_middle button{
      padding: 2.292vw 6.25vw 2.292vw 6.25vw;
      font-size: 2.5vw;
      letter-spacing: 0.833vw;
      width: auto;
  }
  .button_middle button span{
      margin-left: 2.708vw;
  }
}
/* Footer */
.footer {
  width: 100%;
  background-color: #000000;
  padding: 21px 0 18px 0;
  box-sizing: border-box;
}
.footer .footer__content {
  width: 1080px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0px;
}
.footer .footer__content .copyright__text {
  font-family: 'Quicksand';
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
  width: 75%;
  margin: 0px;
}
.footer .footer__content .copyright__text span {
  text-transform: uppercase;
}
.footer .footer__content .copyright__text span.divider{}
.footer .footer__content .copyright__text span a {
  color: #2D4E55;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 1px;
}
.footer .footer__content .social_icon {
  width: 25%;
  text-align: right;
}
.social_icon{}
.social_icon ul{ margin-bottom: 0px; padding: 0px; display: inline-block; }
.social_icon ul li{list-style: none;display: inline-block;width: 20px;margin: 0px;margin-left: 11px;}
.social_icon ul li a{}
.social_icon ul li a img{}

@media (max-width: 1440px) {
  .footer {
    padding: 1.458vw 0 0.486vw 0;
  }
  .footer .footer__content {
    width: 75vw;
  }
  .footer .footer__content .copyright__text {
    letter-spacing: 0.069vw;
    font-size: 1.042vw;
  }
  .footer .footer__content .copyright__text span {}
  .footer .footer__content .copyright__text span a {
    letter-spacing: 0.069vw;
  }
  .footer .footer__content .copyright__text.mobile--version { }

}
@media (max-width: 1140px) {
  .footer { }
  .footer .footer__content { }
  .footer .footer__content .copyright__text { }
  .footer .footer__content .copyright__text span {}
  .footer .footer__content .copyright__text span a { }
  .footer .footer__content .copyright__text.mobile--version { }

}
@media (max-width: 1024px) {
  .footer { }
    .footer .footer__content {
        width: 90%;
    }
  .footer .footer__content .copyright__text {font-size: 1.5vw;     width: 82%;}
  .footer .footer__content .copyright__text span {}
  .footer .footer__content .copyright__text span a { }
  .footer .footer__content .copyright__text.mobile--version { }
    .footer .footer__content .social_icon {
        width: 18%;
    }

}
@media (max-width: 768px) {
  .footer { }
  .footer .footer__content {width: 100%;padding-left: 5vw;padding-right: 5vw;}
    .footer .footer__content .copyright__text {
        margin: 0px;
        font-size: 1.8vw;
        padding-top: 0.1vw;
        width: 100%;
        text-align: center;
        padding-bottom: 1vw;
    }
  .footer .footer__content .copyright__text span {}
  .footer .footer__content .copyright__text span a { }
  .footer .footer__content .copyright__text.mobile--version { }
    .footer .footer__content .social_icon {
        width: 100%;
        text-align: center;
    }

}
@media (max-width: 550px) {
  .footer {padding-bottom: 2.9vw;padding-top: 2.3vw;}
  .footer .footer__content { }
    .footer .footer__content .copyright__text {
        font-size: 3vw;
        padding-top: 0.1vw;
        width: 100%;
        text-align: center;
        letter-spacing: 0.2vw;
        padding-bottom: 0vw;
    }
  .footer .footer__content .copyright__text span {}
  .footer .footer__content .copyright__text span.divider{
    font-size: 0px;
    width: 100%;
    display: block;
    height: 1px;
    margin-top: -2px;
}
  .footer .footer__content .copyright__text span a { }
  .footer .footer__content .copyright__text.mobile--version { }

.social_icon{
    display: none;
}
.social_icon.mobile_only{
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 4.3vw;
}
.social_icon ul{ margin-bottom: 0px; padding: 0px; display: inline-block; }
.social_icon ul li{list-style: none;display: inline-block;width: 17px;margin: 0px;margin-left: 5px;margin-right: 5px;}
.social_icon ul li a{}
.social_icon ul li a img{}
}