:root {
  --white: white;
  --dark-grey3: #a89989;
  --medium-turquoise: #86c8bc;
  --black: #333;
  --dark-grey: #a39382;
  --seashell: #f6f1ed;
  --dark-grey2: #9c9288;
  --white-smoke: #f0f0f0;
  --light-grey: #ccc;
}

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

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

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

.navbar-logo-left {
  z-index: 99;
  background-color: var(--white);
  justify-content: space-between;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .1);
}

.navbar-logo-left-container {
  z-index: 5;
  width: 1030px;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: 100%;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

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

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

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #333;
  letter-spacing: .25px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

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

.nav-link.last_menu {
  margin-right: 0;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  width: 1px;
  height: 22px;
  background-color: #e4ebf3;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: rgba(26, 27, 31, .75);
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.container-2 {
  max-width: 100%;
  overflow: hidden;
}

.hero_bg {
  height: 100%;
  background-image: url('../images/index_hero_banner_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  position: relative;
}

.slider {
  min-height: 850px;
  overflow: hidden;
}

.div-block {
  height: 75100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.text-block {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: High Spirited, sans-serif;
  font-size: 100px;
  display: flex;
}

.slide {
  background-image: url('../images/index_hero_banner_5.png');
  background-position: 50% 100%;
  background-size: auto;
}

.hero_center_layer {
  width: 100%;
  height: 650px;
  max-width: 660px;
  text-align: center;
  background-image: url('../images/index_hero_banner_scroll_bg.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 5%;
  left: auto;
  right: auto;
}

.hero_big_title {
  z-index: 1;
  width: 100%;
  color: #fff;
  text-align: center;
  text-shadow: 0 3px 10px rgba(0, 0, 0, .8);
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  font-family: High Spirited, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 90px;
  display: flex;
  position: absolute;
  top: 45%;
  bottom: auto;
}

.div-block-3 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.hero_div {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero_info {
  min-height: 60px;
  color: #fff;
  margin-bottom: 40px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

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

.text-block-4 {
  border: 1px solid var(--dark-grey3);
  background-color: rgba(255, 255, 255, .6);
  border-radius: 30px;
  padding: 6px 20px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}

.hero_info_div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: absolute;
  top: 12%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero_scroll_btn {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block-5 {
  color: #fff;
  letter-spacing: 2px;
  margin-top: 15px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}

.slide-2 {
  background-image: url('../images/index_hero_banner_3.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.image {
  width: auto;
  height: 100%;
  max-height: 58px;
}

.hero_l_arrow, .hero_r_arrow {
  margin: 405px 20px;
  display: block;
  position: absolute;
}

.info_container {
  width: 100%;
  max-width: 1400px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 150px 0%;
  display: flex;
}

.sec_title_01 {
  margin-bottom: 30px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 52px;
  font-weight: 300;
  line-height: 24px;
}

.sec_sub_title {
  margin-bottom: 30px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.div-block-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.div-block-4.margin_bottom_0 {
  margin-bottom: 0;
}

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

.div-block-6 {
  width: 9px;
  height: 9px;
  background-color: var(--medium-turquoise);
  border-radius: 50%;
  margin-left: 9px;
  margin-right: 9px;
}

.box_area {
  max-width: 1300px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 50px;
  display: flex;
}

.how_works_3_box {
  width: 26%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 3.5%;
  margin-right: 3.5%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.how_works_box_title {
  height: 50px;
  text-align: center;
  margin-top: 20px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 24px;
}

.mi-line {
  width: 1px;
  height: 25px;
  background-color: #a39382;
  margin-top: 20px;
}

.how_works_box_info {
  color: var(--black);
  text-align: center;
  margin-top: 15px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
}

.how_works_box_no {
  color: #a39382;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 40px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.image-2, .image-3, .image-4 {
  height: 100%;
  max-height: 60px;
  min-height: 60px;
}

.more_btn {
  justify-content: flex-start;
  margin-top: 5px;
  text-decoration: none;
}

.more_btn_tx {
  color: #333;
  border: 1px solid #a39382;
  border-radius: 20px;
  padding: 4px 30px 3px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.styling_pack_sec {
  background-color: #f6f1ed;
}

.style_pack_3box {
  width: 28%;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
  margin-left: 2.5%;
  margin-right: 2.5%;
  padding: 60px 2%;
  display: flex;
  position: relative;
}

.how_works_box_titlee_2 {
  margin-bottom: 30px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 24px;
}

.slider-2 {
  width: 100%;
  height: 680px;
  max-width: 1700px;
  background-color: rgba(221, 221, 221, 0);
  padding-left: 2%;
  padding-right: 2%;
}

.story_slider_l {
  z-index: 10;
  width: 50%;
  margin-top: 20px;
  padding-left: 5%;
  padding-right: 2%;
  position: static;
}

.slider-3 {
  min-height: 484px;
}

.tab-link-tab-1 {
  margin-right: 30px;
}

.tab-link-tab-1.tab_btn_1.w--current {
  background-color: var(--dark-grey);
  color: var(--white);
}

.tabs-menu {
  margin-bottom: 20px;
  display: flex;
}

.tab_btn_1 {
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  border: 1px solid #a39382;
  border-radius: 20px;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 3px 25px;
  font-family: "Brandon 300 normal", sans-serif;
  font-weight: 300;
  line-height: 24px;
}

.tab_btn_1.w--current {
  background-color: var(--dark-grey);
  color: var(--white);
}

.story_slider_r {
  width: 50%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-right: 5%;
  display: flex;
  position: static;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.story_slider_title {
  width: 100%;
  border: 0 solid #000;
  align-items: center;
  margin-bottom: 40px;
  padding: 15px 10px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.text-block-7 {
  padding-top: 10px;
  padding-right: 5px;
  font-size: 16px;
  line-height: 24px;
}

.text-block-8 {
  font-size: 36px;
  line-height: 24px;
}

.mi-line_black {
  width: 1px;
  height: 40px;
  background-color: #333;
  margin-left: 20px;
  margin-right: 20px;
}

.text-block-9 {
  font-size: 30px;
  line-height: 24px;
}

.div-block-7 {
  width: 100%;
  border-top-width: 1px;
  border-top-color: #333;
  border-bottom-width: 1px;
  border-bottom-color: #333;
}

.info_row {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 25px;
  display: flex;
}

.div-block-9 {
  width: 30%;
  align-items: flex-start;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
  display: flex;
}

.text-block-10 {
  padding-left: 15px;
}

.text-block-11 {
  width: 70%;
  padding-left: 2px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
}

.div-block-10 {
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.div-block-11 {
  width: 100%;
  text-align: right;
}

.link-block-3 {
  justify-content: flex-start;
  margin-top: 40px;
  text-decoration: none;
}

.image-5 {
  margin: 320px 20px;
}

.icon, .icon-2 {
  display: none;
}

.image-6 {
  margin: 320px 20px;
}

.slide-3, .slider_div {
  width: 100%;
}

.slide-3-copy {
  background-image: url('../images/style_pack_img_01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.what_home_sec {
  position: relative;
}

.div-block-12 {
  z-index: -1;
  width: 100%;
  height: 50%;
  background-color: #f6f1ed;
}

.slider-4 {
  width: 100%;
  height: 484px;
  max-width: 1700px;
  min-height: 0;
  background-color: rgba(221, 221, 221, 0);
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.home_style_slide {
  width: 30%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 1.5%;
  margin-right: 1.5%;
  padding-bottom: 0;
  padding-right: 0;
}

.home_style_slide.home_style_1 {
  background-image: url('../images/what_home_img1.png');
}

.home_style_slide.home_style_2 {
  background-image: url('../images/what_home_img2.png');
}

.home_style_slide.home_style_3 {
  background-image: url('../images/what_home_img3.png');
}

.slide-6 {
  width: 33%;
  background-image: url('../images/what_home_img2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 20px;
}

.slide-7 {
  width: 33%;
  background-image: url('../images/what_home_img3.png');
  background-position: 50%;
  background-size: auto;
  margin-right: 20px;
}

.slide-8 {
  width: 33%;
  background-image: url('../images/index_hero_banner_2.png');
  background-position: 50%;
  background-size: cover;
  margin-right: 20px;
}

.slide-9 {
  width: 33%;
  background-image: url('../images/style_pack_img_03.png');
  background-position: 50%;
  background-size: cover;
  margin-right: 20px;
}

.mask {
  width: 90%;
}

.image-7, .image-8 {
  margin: 222px 20px;
}

.icon-3, .icon-4 {
  display: none;
}

.div-block-13 {
  z-index: -1;
  width: 100%;
  height: 55%;
  color: #fff;
  background-color: #f6f1ed;
  line-height: 20px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.how_works_box_info2 {
  min-height: 100px;
  text-align: justify;
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
}

.how_works_box_info-copy {
  text-align: left;
  margin-top: 40px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
}

.color_dots2 {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.why_us_4box {
  width: 22%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 1.5%;
  margin-right: 1.5%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.blog_sec {
  background-image: url('../images/blog_bg.png');
  background-position: 50%;
  background-size: cover;
}

.color_dots3 {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.sec_sub_title2 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 36px;
}

.blog_3box {
  width: 32%;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
  margin-left: .5%;
  margin-right: .5%;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-14 {
  width: 100%;
  height: 300px;
  background-image: url('../images/blog_img1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-15 {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 50px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.blog_des {
  min-height: 150px;
  text-align: left;
  margin-top: 40px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.text-block-12 {
  color: var(--dark-grey);
  padding-top: 30px;
}

.link-block-4 {
  width: 100%;
  color: #333;
  text-decoration: none;
}

.div-block-14-copy {
  width: 100%;
  height: 300px;
  background-image: url('../images/blog_img2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-14-copy2 {
  width: 100%;
  height: 300px;
  background-image: url('../images/blog_img3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-5 {
  width: 100%;
  height: 150px;
  max-width: 1700px;
  background-color: rgba(221, 221, 221, 0);
}

.div-block-16 {
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.text-block-13 {
  color: #a39382;
  -webkit-text-stroke-color: #fff;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 100px;
  font-weight: 300;
  line-height: 30px;
}

.text-block-14, .text-block-15 {
  color: var(--dark-grey);
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 100px;
  font-weight: 300;
  line-height: 100px;
}

.text-block-16 {
  text-align: center;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.div-block-17 {
  max-width: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.text-block-17 {
  margin-top: 15px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
}

.image-7-copy {
  margin: 130px 20px;
}

.slide-10 {
  max-width: 1700px;
}

.side_arrow_l {
  height: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.icon-5, .icon-6 {
  display: none;
}

.footer {
  background-color: var(--seashell);
  color: var(--dark-grey);
  padding-top: 100px;
  padding-bottom: 150px;
  position: relative;
}

.div-block-18 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer_menu {
  width: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.link-block-5 {
  color: #333;
  margin-left: 30px;
  margin-right: 30px;
  font-family: "Brandon 300 normal", sans-serif;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.link-block-5.w--current {
  color: var(--dark-grey);
}

.text-block-18 {
  color: var(--black);
  text-align: center;
  margin-top: 30px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 24px;
}

.side_arrow_r {
  height: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.image-9, .image-10, .image-11 {
  width: 100%;
}

.info_container_100 {
  width: 100%;
  max-width: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.info_container_100.padding_bottom_0 {
  padding-bottom: 0;
  overflow: hidden;
}

.r_bg {
  z-index: -1;
  width: 58%;
  background-color: #f0f0f0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 90px 5% 60px 12%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-block-19 {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.about_title_bold {
  font-family: "Brandon 900 black", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
}

.about_philosophy_title {
  margin-top: 20px;
  display: flex;
}

.about_title {
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
}

.page_hero {
  overflow: hidden;
}

.page_hero_container {
  width: 100%;
  height: 500px;
  max-width: none;
  background-image: url('../images/how_work_banner.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-block-19 {
  color: var(--white);
  text-align: center;
  text-shadow: 10px 0 15px rgba(0, 0, 0, .6);
  font-family: High Spirited, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 100px;
}

.about_stories {
  display: flex;
}

.div-block-20 {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-21, .div-block-22 {
  width: 50%;
}

.text-block-20 {
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.div-block-24 {
  width: 100%;
  max-width: 1400px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.story_color_bg {
  z-index: -1;
  width: 70%;
  height: 500px;
  background-color: #f6f1ed;
  margin-bottom: 8%;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0%;
  right: auto;
}

.div-block-25 {
  width: 50%;
}

.div-block-26 {
  width: 50%;
  padding-left: 5%;
  padding-right: 5%;
}

.image-12 {
  height: 100%;
}

.div-block-27 {
  max-height: 850px;
}

.news_details_tx {
  max-width: 900px;
  text-align: justify;
  margin-bottom: 20px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
}

.text-block-22 {
  color: #fff;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .6);
  margin-top: 40px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
}

.div-block-28 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-6 {
  color: #333;
  margin-top: 40px;
  text-decoration: none;
}

.promise_sec {
  background-color: #f0f0f0;
  display: block;
}

.step_rows {
  width: 100%;
  max-width: 1200px;
  justify-content: center;
  align-items: center;
  margin-bottom: 70px;
  display: flex;
}

.step_iinfo {
  width: 50%;
  margin-bottom: 30px;
  padding-left: 10%;
  padding-right: 10%;
  font-family: "Brandon 300 normal", sans-serif;
  font-weight: 300;
}

.step_no {
  color: #a39382;
  font-size: 40px;
  line-height: 50px;
}

.step_title {
  font-size: 26px;
  line-height: 24px;
}

.step_content {
  margin-top: 30px;
  font-size: 18px;
  line-height: 24px;
}

.step_img {
  width: 50%;
  padding-left: 5%;
}

.step_iinfo2 {
  width: 50%;
  padding-left: 10%;
  padding-right: 10%;
  font-family: "Brandon 300 normal", sans-serif;
  font-weight: 300;
}

.step_img2 {
  width: 50%;
  order: -1;
  padding-right: 5%;
}

.image-13, .image-14 {
  width: 100%;
}

.pack_sec {
  background-color: #f6f1ed;
}

.features-table {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

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

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading {
  max-width: 530px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.comparison-table {
  flex-direction: column;
  margin-top: 50px;
  display: flex;
}

.comparison-row-main {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.comparison-title {
  margin-bottom: 0;
  margin-left: 24px;
}

.comparison-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #e4ebf3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.comparison-negative {
  background-image: url('../images/');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 24px;
  padding-left: 40px;
}

.comparison-positive {
  background-image: url('../images/');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 24px;
  padding-left: 40px;
}

.pack_table_head {
  width: 100%;
  color: #fff;
  background-color: #a39382;
  padding: 9px 5%;
}

.pack_table {
  width: 100%;
  max-width: 1300px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  display: flex;
}

.pack_table_row {
  width: 100%;
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
  border-top: 1px solid #a39382;
  align-items: center;
  padding: 25px 5%;
  display: flex;
}

.pack_table_row.first_row {
  border-top-style: solid;
}

.text-block-23 {
  color: #333;
  font-weight: 400;
}

.stage_name {
  width: 300px;
  color: #333;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.table_row_box1 {
  width: 40%;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 2%;
  display: flex;
}

.table_row_box2, .table_row_box3, .table_row_box4 {
  width: 20%;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-29 {
  width: 100%;
  max-width: 30px;
  display: block;
}

.text-block-24 {
  width: 100%;
  color: #333;
  text-align: center;
}

.text-block-25 {
  color: #333;
  font-size: 16px;
}

.recevie_info {
  padding-left: 30px;
}

.recevie_box_title {
  font-size: 24px;
}

.receive_box_content {
  margin-top: 15px;
}

.recevie_box {
  width: 46%;
  min-height: 150px;
  color: var(--black);
  background-color: #f6f1ed;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  margin-left: 2%;
  margin-right: 2%;
  padding: 30px 3%;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.receive_icon {
  width: 150px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-16 {
  width: 150px;
}

.div-block-30 {
  width: 100%;
  max-width: 1300px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.receive_img {
  width: 100%;
  max-width: 50px;
  justify-content: center;
  align-items: center;
}

.promise_box {
  width: 21%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 2%;
  margin-right: 2%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.how {
  text-align: center;
  margin-top: 20px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
}

.become_partner_sec {
  background-image: url('../images/become_partner_bg.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.info_container-copy {
  width: 100%;
  max-width: 1400px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 0%;
  display: flex;
}

.sec_title_01-copy {
  margin-bottom: 30px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 52px;
  font-weight: 300;
  line-height: 50px;
}

.text-block-26 {
  width: 100%;
  color: #a39382;
  text-align: center;
  padding-left: 2%;
  padding-right: 2%;
  font-size: 24px;
}

.pack_table_row_top {
  width: 100%;
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
  border-top: 1px #a39382;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 5% 30px;
  display: flex;
}

.pack_table_row_top.first_row {
  border-top-style: solid;
}

.pack_table_row_top.margin_bottom_20 {
  justify-content: flex-end;
  margin-bottom: 20px;
}

.text-block-27 {
  width: 100%;
  color: #a39382;
  text-align: center;
  padding-left: 2%;
  padding-right: 2%;
  font-family: "Brandon 900 black", sans-serif;
  font-size: 30px;
  font-weight: 900;
}

.about_hero_container {
  width: 100%;
  height: 470px;
  max-width: none;
  background-image: url('../images/shutterstock_1894377529_s.jpg');
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.how_work_hero_container {
  width: 100%;
  height: 470px;
  max-width: none;
  background-image: url('../images/how_work_banner.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.stories_hero_container {
  width: 100%;
  height: 470px;
  max-width: none;
  background-image: url('../images/stories_banner2_s.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.stories_row {
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 70px;
  display: flex;
  position: relative;
}

.story_slider_l_2 {
  z-index: 10;
  width: 50%;
  margin-top: 25px;
  padding-left: 5%;
  position: static;
}

.story_slider_r_2 {
  width: 60%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 90px 5% 60px;
  display: flex;
}

.r_bg_2 {
  z-index: -1;
  width: 60%;
  background-color: #f0f0f0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 90px 5% 60px 12%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.l_bg_2 {
  z-index: -1;
  width: 60%;
  background-color: #f0f0f0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 90px 12% 60px 5%;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.story_slider_l_3 {
  z-index: 10;
  width: 50%;
  order: 1;
  margin-top: 25px;
  padding-right: 5%;
  position: static;
}

.story_slider_r_3 {
  width: 60%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 90px 5% 60px;
  display: flex;
}

.tabs-menu_r {
  justify-content: flex-end;
  margin-bottom: 30px;
  display: flex;
}

.stories_row_l, .stories_row_r {
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 100px;
  display: flex;
  position: relative;
}

.stories_tab {
  width: 100%;
}

.tabs-menu-2 {
  width: 100%;
  max-width: 1400px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lightbox-link {
  width: 100%;
  height: 100%;
}

.lightbox-link.story01_before_img1 {
  background-image: url('../images/story_img_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-link.story01_before_img2 {
  background-image: url('../images/style_pack_img_03.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-link.story01_after_img1 {
  background-image: url('../images/style_pack_img_02.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lightbox-link.story01_after_img2 {
  background-image: url('../images/style_pack_img_01.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.explore_info_tabs {
  width: 100%;
  margin-bottom: 50px;
}

.tabs-menu-3 {
  width: 100%;
  max-width: 1400px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 45px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.explore_tab_content {
  max-width: 1200px;
  background-color: var(--dark-grey2);
  color: var(--white);
  margin-left: auto;
  margin-right: auto;
  padding: 25px 10.8%;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.tab_btn_2 {
  min-width: 150px;
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  border: 1px solid #a39382;
  border-radius: 20px;
  margin-left: 30px;
  padding: 3px 25px;
  font-family: "Brandon 300 normal", sans-serif;
  font-weight: 300;
  line-height: 24px;
}

.tab_btn_2:hover, .tab_btn_2.w--current {
  background-color: var(--dark-grey);
  color: var(--white);
}

.body {
  font-family: "Brandon 300 normal", sans-serif;
  font-weight: 300;
}

.explore_tab_tx {
  text-align: center;
}

.explore_tab_line {
  z-index: -1;
  width: 1px;
  height: 60px;
  background-color: var(--dark-grey2);
  position: absolute;
  top: -50px;
  bottom: auto;
  left: 10%;
  right: auto;
}

.explore_tab_line.tab2 {
  left: 25%;
}

.explore_tab_line.tab3 {
  left: 41%;
}

.explore_tab_line.tab4 {
  left: 56%;
}

.explore_tab_line.tab5 {
  left: 72%;
}

.explore_tab_line.tab6 {
  left: 88%;
}

.tabs-content {
  overflow: visible;
}

.page_title_box2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.explore_gallery {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
}

.gallery_w100 {
  width: 100%;
  height: 900px;
  margin-bottom: 30px;
}

.gallery_w100.ex_img1 {
  background-image: url('../images/what_home_img1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery_w50 {
  width: 49%;
  height: 600px;
  margin-bottom: 30px;
}

.gallery_w50.ex_img1 {
  background-image: url('../images/what_home_img1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery_w50.margin_r15 {
  margin-right: 1%;
}

.gallery_w50.margin_l15 {
  margin-left: 1%;
}

.gallery_w40 {
  width: 39%;
  height: 700px;
  margin-bottom: 30px;
}

.gallery_w40.ex_img1 {
  background-image: url('../images/what_home_img1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery_w40.margin_r15 {
  margin-right: 1%;
}

.gallery_w40.margin_l15 {
  margin-left: 1%;
}

.gallery_w60 {
  width: 59%;
  height: 700px;
  margin-bottom: 30px;
}

.gallery_w60.ex_img1 {
  background-image: url('../images/what_home_img1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery_w60.margin_r15 {
  margin-right: 1%;
}

.gallery_w60.margin_l15 {
  margin-left: 1%;
}

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

.gallery_img.ex_img1 {
  background-image: url('../images/gallery_1_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery_img.ex_img2 {
  background-image: url('../images/gallery_02.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery_img.ex_img3 {
  background-image: url('../images/gallery_03.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery_img.ex_img4 {
  background-image: url('../images/gallery_04.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery_img.ex_img1_2 {
  background-image: url('../images/gallery_1_2.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.explore_hero_container {
  width: 100%;
  height: 470px;
  max-width: none;
  background-image: url('../images/explore_banner.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.blog_hero_container {
  width: 100%;
  height: 470px;
  max-width: none;
  background-image: url('../images/blog_banner.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.tabs-menu-4 {
  width: 100%;
  max-width: 1400px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tabs-content-with-bg {
  width: 100%;
  background-image: url('../images/blog_bg.png');
  background-position: 0 0;
  background-size: contain;
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: visible;
}

.div_100 {
  width: 100%;
  color: var(--black);
  margin-bottom: 30px;
  text-decoration: none;
}

.new_cover {
  width: 100%;
  height: 800px;
}

.new_cover.news_cover1 {
  background-image: url('../images/news_cover1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.news_info {
  width: 100%;
  background-color: var(--white);
  padding: 30px;
}

.news_title {
  font-size: 24px;
  line-height: 30px;
}

.news_date {
  color: var(--dark-grey2);
  margin-top: 15px;
  line-height: 30px;
}

.div_30_l {
  width: 32%;
  color: var(--black);
  margin-bottom: 30px;
  margin-right: 1%;
  text-decoration: none;
}

.new_cover_small {
  width: 100%;
  height: 250px;
}

.new_cover_small.news_cover1, .new_cover_small.news_cover2 {
  background-image: url('../images/news_cover1_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.new_cover_small.news_cover3 {
  background-image: url('../images/blog_img2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.new_cover_small.news_cover4 {
  background-image: url('../images/blog_img3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.news_ilist_contents {
  width: 100%;
  max-width: 1400px;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div_30_c {
  width: 32%;
  color: var(--black);
  margin-bottom: 30px;
  margin-left: 1%;
  margin-right: 1%;
  text-decoration: none;
}

.div_30_r {
  width: 32%;
  color: var(--black);
  margin-bottom: 30px;
  margin-left: 1%;
  text-decoration: none;
}

.news_detail_title {
  text-align: center;
  margin-bottom: 30px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 55px;
}

.news_detail_date {
  color: var(--dark-grey2);
  text-align: center;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.lightbox-link-2 {
  width: 100%;
  height: 800px;
  max-width: 1200px;
  background-image: url('../images/news_cover1.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 80px;
  margin-bottom: 80px;
}

.back_btn {
  border: 1px solid #a39382;
  border-radius: 20px;
}

.back_link {
  width: 100%;
  max-width: 150px;
  border: 1px solid var(--dark-grey);
  color: var(--black);
  text-align: center;
  border-radius: 30px;
  justify-content: flex-start;
  margin-top: 60px;
  padding: 7px 30px 5px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}

.btn-tx {
  font-family: "Brandon 300 normal", sans-serif;
  font-weight: 300;
  line-height: 20px;
}

.contact_hero_container {
  width: 100%;
  height: 470px;
  max-width: none;
  background-image: url('../images/contact_banner.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.contact_tx {
  max-width: 900px;
  margin-bottom: 50px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
}

.contact_info_img {
  width: 35%;
}

.contact_info_bg {
  width: 100%;
  height: 750px;
  background-image: url('../images/contact_info_img.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.contents_l {
  width: 50%;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8%;
  padding-right: 5%;
  display: flex;
}

.row_with_icon {
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.icon_box {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}

.icon_box.icon_mail {
  background-image: url('../images/icon_mail.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon_box.icon_tel {
  background-image: url('../images/icon_tel.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon_box.icon_wtsapp {
  background-image: url('../images/icon_wtsapp.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon_box.icon_fb {
  background-image: url('../images/icon_fb.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon_box.icon_ig {
  background-image: url('../images/icon_ig.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.contact_tx2 {
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.contact_link {
  color: var(--black);
  text-decoration: none;
}

.icon_box2 {
  width: 25px;
  height: 25px;
}

.icon_box2.icon_mail {
  background-image: url('../images/icon_mail.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon_box2.icon_tel {
  background-image: url('../images/icon_tel.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon_box2.icon_wtsapp {
  background-image: url('../images/icon_wtsapp.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon_box2.icon_fb {
  background-image: url('../images/icon_fb.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon_box2.icon_ig {
  background-image: url('../images/icon_ig.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.media_link {
  margin-right: 15px;
}

.div-block-31 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.row_with_media {
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
}

.about_info_bg {
  width: 100%;
  height: 750px;
  background-image: url('../images/about_img1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-32 {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.form_sec.grey_bg {
  background-color: var(--white-smoke);
  margin-bottom: 5px;
  position: relative;
}

.form-block {
  width: 100%;
  max-width: 950px;
}

.form_row {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
}

.row_with_icon-2 {
  width: 100%;
  max-width: 160px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.field-label {
  height: 23.9931px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.icon_box-2 {
  width: 25px;
  height: 25px;
  margin-right: 15px;
}

.icon_box-2.icon_mail {
  background-image: url('../images/icon_mail.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon_box-2.icon_tel {
  background-image: url('../images/icon_tel.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon_box-2.icon_wtsapp {
  background-image: url('../images/icon_wtsapp.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon_box-2.icon_fb {
  background-image: url('../images/icon_fb.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon_box-2.icon_ig {
  background-image: url('../images/icon_ig.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon_box-2.icon_profile {
  background-image: url('../images/icon_profile.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon_box-2.icon_bookmark {
  background-image: url('../images/icon_bookmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon_box-2.icon_msg {
  background-image: url('../images/icon_msg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.input_tx2 {
  border-style: none none solid;
  border-width: 1px 1px 2px;
  border-color: black black var(--dark-grey);
  margin-bottom: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.input_tx2::-ms-input-placeholder {
  color: var(--light-grey);
}

.input_tx2::placeholder {
  color: var(--light-grey);
}

.textarea {
  min-height: 200px;
  border: 1px solid var(--dark-grey);
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.submit-button {
  width: 100%;
  background-color: var(--dark-grey);
  border-radius: 30px;
  margin-top: 15px;
  margin-left: 175px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.slide-11 {
  background-image: url('../images/index_hero_banner_4.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.about_hero_container-copy {
  width: 100%;
  height: 500px;
  max-width: none;
  background-image: url('../images/about_banner.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.quiz_sec {
  min-height: 91vh;
  background-image: url('../images/quiz_bg.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.quiz_box {
  width: 100%;
  max-width: 800px;
  background-color: rgba(255, 255, 255, .8);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 80px 50px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.sec_sub_title3 {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 36px;
}

.btn_2 {
  width: 100%;
  max-width: 170px;
  background-color: var(--dark-grey);
  color: var(--white);
  text-align: center;
  border-radius: 30px;
  padding: 4px 30px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.quiz_box_l {
  width: 45%;
  min-height: 100vh;
  background-color: var(--seashell);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 90px 50px;
  display: flex;
  overflow: hidden;
}

.info_container_100_2 {
  width: 100%;
  max-width: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.quiz_no {
  color: var(--dark-grey);
  text-align: center;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 70px;
}

.quiz_question {
  text-align: left;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
}

.quiz_remark {
  text-align: left;
  margin-top: 15px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.progress_bar {
  width: 100%;
  height: 5px;
  max-width: 60%;
  background-color: var(--white);
  margin-top: 50px;
}

.progress_30 {
  width: 30%;
  height: 100%;
  background-color: var(--dark-grey);
}

.sec_title_02 {
  margin-bottom: 20px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 30px;
  font-weight: 300;
}

.quiz_l_content {
  width: 100%;
  max-width: 550px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 100px;
  display: flex;
}

.quiz_box_r {
  width: 55%;
  height: 100%;
  min-height: 100vh;
  background-color: var(--white);
  background-image: url('../images/become_partner_bg.png');
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 100px 5%;
  display: flex;
  overflow: hidden;
}

.sec_title_sub01 {
  color: var(--dark-grey2);
  margin-top: 20px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
}

.ans_area {
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.ans_box {
  width: 50%;
  color: var(--black);
  align-items: flex-start;
  margin-bottom: 40px;
  padding-left: 30px;
  text-decoration: none;
  display: flex;
}

.ans_name {
  width: 10px;
  margin-right: 15px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.quiz_r_content {
  width: 100%;
}

.ans_cover {
  width: 100%;
  height: 230px;
}

.ans_cover:hover {
  border: 5px solid var(--dark-grey);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
}

.ans_cover.ans_cover_img1 {
  background-image: url('../images/a_Contemporary.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img2 {
  background-image: url('../images/b_Scandinavian.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img3 {
  background-image: url('../images/c_Glam.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img4 {
  background-image: url('../images/d_Minimalism.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img5 {
  background-image: url('../images/e_Traditional.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img6 {
  background-image: url('../images/f_Bohemian.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img7 {
  background-image: url('../images/g_Minimalism.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img8 {
  background-image: url('../images/h_Scandinavian.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img9 {
  background-image: url('../images/i_Traditional.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img10 {
  background-image: url('../images/j_Contemporary.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img11 {
  background-image: url('../images/k_Bohemian.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img12 {
  background-image: url('../images/l_Glam.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img13 {
  background-image: url('../images/m_Bohemian.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img14 {
  background-image: url('../images/n_Minimalisum.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img15 {
  background-image: url('../images/o_Contemporary.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img16 {
  background-image: url('../images/p_Scandinavian.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img17 {
  background-image: url('../images/q_Glam.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ans_cover.ans_cover_img18 {
  background-image: url('../images/r_Traditional.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.progress_60 {
  width: 60%;
  height: 100%;
  background-color: var(--dark-grey);
}

.progress_100 {
  width: 100%;
  height: 100%;
  background-color: var(--dark-grey);
}

.quiz_box_r_2 {
  width: 55%;
  height: 100%;
  min-height: 100vh;
  background-color: var(--white);
  background-image: url('../images/become_partner_bg.png');
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 90px 50px;
  display: flex;
  overflow: hidden;
}

.form-block-2 {
  width: 100%;
  margin-top: 100px;
}

.form {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.next_btn {
  border: 1px solid var(--dark-grey);
  background-color: var(--white);
  color: var(--black);
  border-radius: 30px;
  padding: 6px 50px 5px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.div-block-33_2 {
  width: 100%;
  max-width: 650px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 60px;
  margin-bottom: 80px;
  display: flex;
}

.quiz_info_tx {
  margin-top: 30px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.quiz_info_big_tx {
  padding-top: 5px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 52px;
  font-weight: 300;
  line-height: 60px;
}

.quiz_info_des_tx {
  margin-top: 15px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.quiz_box_r-_3 {
  width: 55%;
  background-color: var(--white);
  background-image: url('../images/become_partner_bg.png');
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 50px;
  display: flex;
  overflow: hidden;
}

.quiz_info_tx2 {
  color: var(--dark-grey);
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 36px;
}

.quiz_info_tx2.margin_top_50 {
  margin-top: 50px;
}

.quiz_info_tx3 {
  color: var(--dark-grey);
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 36px;
}

.quiz_info_tx3.margin_top_50 {
  margin-top: 50px;
}

.quiz_info_tx3.margin_top_30 {
  margin-top: 30px;
}

.more_btn2 {
  justify-content: flex-start;
  margin-top: 30px;
  text-decoration: none;
}

.quiz_center_div_2 {
  width: 100%;
  max-width: 800px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-37 {
  width: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.quiz_center_div {
  width: 100%;
  height: 100%;
  max-width: 550px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sec_title_01_2 {
  margin-bottom: 0;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 52px;
  font-weight: 300;
  line-height: 60px;
}

.list-item {
  margin-left: 30px;
  margin-right: 30px;
}

.list-item.last_menu {
  margin-right: 0;
}

.quiz_l_content_center {
  height: 100%;
  align-items: center;
  display: flex;
}

.image-23 {
  max-width: 90%;
}

.quiz_center_div_3 {
  width: 100%;
  max-width: 650px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.box_area2 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.input_tx {
  height: 40px;
  border: 1px solid var(--dark-grey);
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.input_tx::-ms-input-placeholder {
  color: var(--light-grey);
}

.input_tx::placeholder {
  color: var(--light-grey);
}

.input_select {
  height: 40px;
  border: 1px solid var(--dark-grey);
  background-color: var(--white);
  padding: 0 2%;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.container-4 {
  max-width: 1400px;
}

.back_top {
  z-index: 99;
  width: 45px;
  height: 45px;
  border: 1px solid var(--dark-grey);
  background-color: var(--seashell);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 5%;
  left: auto;
  right: 5%;
}

.top, .top_sec {
  height: 0;
}

.story_side_info_layer {
  width: 100%;
  height: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.bold-text, .bold-text-2, .bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6 {
  font-family: "Brandon 900 black", sans-serif;
  font-size: 18px;
  font-weight: 900;
}

.story_slider_l2 {
  z-index: 10;
  width: 50%;
  order: 1;
  margin-top: 15px;
  padding-left: 2%;
  padding-right: 5%;
  position: static;
}

.tabs-menu_2 {
  justify-content: flex-end;
  margin-bottom: 20px;
  display: flex;
}

.story_side_info_layer-2 {
  width: 100%;
  height: 680px;
  max-width: 1700px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.tab_btn_2_home {
  min-width: 150px;
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  border: 1px solid #a39382;
  border-radius: 20px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 3px 25px;
  font-family: "Brandon 300 normal", sans-serif;
  font-weight: 300;
  line-height: 24px;
}

.tab_btn_2_home:hover, .tab_btn_2_home.w--current {
  background-color: var(--dark-grey);
  color: var(--white);
}

.tabs-menu-3_home {
  width: 100%;
  max-width: 1400px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 45px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.slider-4_home {
  width: 100%;
  height: 484px;
  max-width: 1700px;
  min-height: 0;
  background-color: rgba(221, 221, 221, 0);
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.explore_info_tabs_home {
  width: 100%;
}

.gallery_w30 {
  width: 29%;
  height: 700px;
  margin-bottom: 30px;
}

.gallery_w30.ex_img1 {
  background-image: url('../images/what_home_img1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery_w30.margin_r15 {
  margin-right: 1%;
}

.gallery_w30.margin_l15 {
  margin-left: 1%;
}

.gallery_w70 {
  width: 69%;
  height: 700px;
  margin-bottom: 30px;
}

.gallery_w70.ex_img1 {
  background-image: url('../images/what_home_img1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery_w70.margin_r15 {
  margin-right: 1%;
}

.gallery_w70.margin_l15 {
  margin-left: 1%;
}

.image-25, .image-26 {
  background-color: var(--seashell);
  border-radius: 50px;
}

.contact_tx3 {
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.text-block-29 {
  text-align: center;
  margin-bottom: 30px;
  font-family: "Brandon 300 normal", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: underline;
}

.div-block-39 {
  flex-direction: column;
  align-items: center;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
}

.form-anchor {
  cursor: none;
  position: relative;
}

.form_page_hero_container {
  width: 100%;
  height: 470px;
  max-width: none;
  background-image: url('../images/shutterstock_1572086110_s.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block-19-copy {
  color: var(--white);
  text-align: center;
  text-shadow: 10px 0 15px rgba(0, 0, 0, .9);
  font-family: High Spirited, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 100px;
}

html.w-mod-js [data-ix="load-big-to-small"] {
  transform: scale(1.2);
}

html.w-mod-js [data-ix="load-b-to-top-opty-0-100"] {
  opacity: 0;
  transform: translate(0, 150px);
}

html.w-mod-js [data-ix="load-top-to-b-opty-0-100"] {
  opacity: 0;
  transform: translate(0, -150px);
}

html.w-mod-js [data-ix="scroll-b-to-top"], html.w-mod-js [data-ix="load-b-to-top"] {
  opacity: 0;
  transform: translate(0, 100px);
}

html.w-mod-js [data-ix="scroll-r-to-l"] {
  opacity: 0;
  transform: translate(150px);
}

html.w-mod-js [data-ix="scroll-l-to-r"] {
  opacity: 0;
  transform: translate(-150px);
}

@media screen and (min-width: 1920px) {
  .container {
    max-width: 1680px;
  }

  .hero_bg {
    background-image: url('../images/index_hero_banner_5.png');
    background-size: cover;
    position: relative;
  }

  .div-block {
    height: 650px;
    background-image: url('../images/index_hero_banner_scroll_bg.png');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 30%;
    right: 30%;
  }

  .text-block {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 100px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .info_container {
    max-width: 1600px;
  }

  .about_stories {
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .div-block-23 {
    z-index: -1;
    width: 50%;
    height: 500px;
    background-color: #e0b9b9;
    position: absolute;
    top: auto;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .story_color_bg {
    width: 60%;
    margin-bottom: 100px;
  }

  .info_container-copy {
    max-width: 1600px;
  }

  .about_hero_container {
    background-position: 50% 53%;
    background-size: cover;
  }

  .stories_hero_container {
    background-position: 50% 20%;
  }

  .contents_l {
    margin-bottom: 100px;
  }

  .quiz_box_l {
    min-height: 100vh;
  }

  .quiz_l_content {
    margin-bottom: 200px;
  }

  .quiz_box_r {
    min-height: 100vh;
  }

  .form-block-2 {
    margin-top: 0;
  }
}

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

  .nav-menu-wrapper {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
  }

  .nav-menu-two {
    background-color: #fff;
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-link {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: rgba(200, 200, 200, 0);
  }

  .hero_big_title {
    padding-left: 10%;
    padding-right: 10%;
    line-height: 60px;
  }

  .hero_div {
    margin-left: auto;
    margin-right: auto;
  }

  .info_container {
    min-height: 0;
    padding: 50px 5%;
  }

  .sec_title_01 {
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 40px;
  }

  .div-block-4 {
    margin-bottom: 15px;
  }

  .box_area {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .how_works_3_box {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .how_works_box_title {
    height: auto;
  }

  .how_works_box_no {
    left: auto;
  }

  .style_pack_3box {
    width: 100%;
    max-width: 500px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .slider-2 {
    height: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .story_slider_l {
    width: 100%;
    margin-top: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .slider-3 {
    min-height: 400px;
  }

  .tabs-menu {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .story_slider_r {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 5%;
  }

  .slider-4 {
    height: 300px;
  }

  .mask {
    width: 85%;
  }

  .why_us_4box {
    width: 50%;
    max-width: 500px;
    margin-left: 0%;
    margin-right: 0%;
    padding: 25px 5%;
  }

  .blog_3box {
    width: 100%;
    max-width: 500px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .slider-5 {
    height: auto;
  }

  .text-block-14, .text-block-15 {
    font-size: 70px;
  }

  .text-block-16 {
    font-size: 20px;
  }

  .slide-10 {
    padding-left: 10%;
    padding-right: 10%;
  }

  .footer {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .footer_menu {
    max-width: 500px;
    flex-flow: wrap;
    margin-top: 30px;
  }

  .link-block-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .info_container_100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .info_container_100.padding_bottom_0 {
    padding-bottom: 0;
  }

  .r_bg {
    width: 100%;
    height: 60%;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .story_color_bg {
    margin-bottom: 0%;
  }

  .container-3 {
    max-width: 728px;
  }

  .stage_name {
    font-size: 18px;
  }

  .text-block-24 {
    text-align: center;
    font-size: 18px;
  }

  .recevie_box_title {
    min-height: 50px;
  }

  .receive_box_content {
    min-height: 130px;
  }

  .recevie_box {
    align-items: flex-start;
  }

  .div-block-30 {
    margin-top: 20px;
  }

  .receive_img {
    text-align: center;
  }

  .promise_box {
    width: 29%;
    padding-bottom: 0;
  }

  .sec_title_01-copy {
    font-size: 40px;
    line-height: 40px;
  }

  .text-block-26 {
    font-size: 20px;
  }

  .text-block-27 {
    font-size: 28px;
  }

  .r_bg_2 {
    width: 100%;
    height: 70%;
    top: 30%;
    bottom: auto;
  }

  .l_bg_2 {
    width: 100%;
    height: 70%;
    top: 30%;
  }

  .stories_row_l, .stories_row_r {
    margin-bottom: 50px;
  }

  .tabs-menu-3 {
    justify-content: center;
    align-items: flex-start;
  }

  .tab_btn_2 {
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .explore_tab_line {
    height: 150px;
    display: none;
    top: -120px;
    left: 20%;
  }

  .explore_tab_line.tab2 {
    left: 50%;
  }

  .explore_tab_line.tab3 {
    left: auto;
    right: 20%;
  }

  .explore_tab_line.tab4 {
    left: 20%;
  }

  .explore_tab_line.tab5 {
    left: 50%;
    right: auto;
  }

  .explore_tab_line.tab6 {
    left: auto;
    right: 20%;
  }

  .gallery_w100 {
    height: 400px;
  }

  .gallery_w50, .gallery_w40, .gallery_w60 {
    height: 300px;
  }

  .tabs-menu-4 {
    margin-bottom: 20px;
  }

  .tabs-content-with-bg {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .div_100 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .new_cover {
    height: 400px;
  }

  .news_info {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .news_title {
    font-size: 20px;
    line-height: 26px;
  }

  .div_30_l.m_divl {
    width: 43%;
    margin-left: 5%;
    margin-right: 2%;
  }

  .div_30_l.m_divr {
    width: 43%;
    margin-left: 2%;
    margin-right: 5%;
  }

  .new_cover_small {
    height: 200px;
  }

  .div_30_c.m_divr {
    width: 43%;
    margin-left: 2%;
    margin-right: 5%;
  }

  .div_30_c.m_divl, .div_30_r.m_divl {
    width: 43%;
    margin-left: 5%;
    margin-right: 2%;
  }

  .div_30_r.m_divr {
    width: 43%;
    margin-left: 2%;
    margin-right: 5%;
  }

  .news_detail_title {
    font-size: 36px;
    line-height: 50px;
  }

  .lightbox-link-2 {
    height: 600px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .contact_info_bg {
    height: 550px;
  }

  .contents_l {
    margin-bottom: 0%;
  }

  .about_info_bg {
    height: 550px;
  }

  .quiz_box_l {
    width: 100%;
    min-height: 0;
    padding: 60px 5%;
  }

  .info_container_100_2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .quiz_no {
    line-height: 50px;
  }

  .quiz_question {
    margin-top: 5px;
    font-size: 30px;
    line-height: 40px;
  }

  .quiz_l_content {
    margin-bottom: 0;
  }

  .quiz_box_r {
    width: 100%;
    min-height: 62vh;
    padding-top: 25px;
    padding-bottom: 50px;
  }

  .ans_box {
    padding-left: 15px;
  }

  .quiz_box_r_2 {
    width: 100%;
    min-height: 62vh;
  }

  .div-block-33_2 {
    margin-bottom: 0;
  }

  .quiz_box_r-_3 {
    width: 100%;
    padding: 60px 5%;
  }

  .quiz_center_div {
    max-width: none;
    padding-left: 0%;
    padding-right: 0%;
  }

  .icon-7 {
    color: var(--dark-grey);
    font-size: 35px;
    line-height: 30px;
  }

  .list-item {
    width: 100%;
    border-bottom: 1px solid var(--light-grey);
    margin-left: 0;
    margin-right: 0;
    padding: 15px 5%;
  }

  .list-item.last_menu {
    border-bottom-style: none;
  }

  .title_with_dots {
    margin-bottom: 20px;
  }

  .quiz_center_div_3 {
    max-width: 100%;
  }

  .box_area2 {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .story_side_info_layer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .story_slider_l2 {
    width: 100%;
    order: -1;
    margin-top: 0;
    padding-left: 10%;
    padding-right: 10%;
  }

  .tabs-menu_2 {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .story_side_info_layer-2 {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .tab_btn_2_home {
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .tabs-menu-3_home {
    justify-content: center;
    align-items: flex-start;
  }

  .slider-4_home, .gallery_w30, .gallery_w70 {
    height: 300px;
  }

  .text-block-29 {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-logo-left-container.shadow-three {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    height: 1px;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .slider {
    min-height: 550px;
  }

  .hero_center_layer {
    height: 500px;
    bottom: 2%;
  }

  .hero_big_title {
    font-size: 50px;
    line-height: 50px;
    top: 35%;
  }

  .hero_info {
    font-size: 18px;
  }

  .image {
    max-height: 40px;
  }

  .hero_l_arrow, .hero_r_arrow {
    margin-top: 250px;
    margin-bottom: 250px;
  }

  .info_container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .sec_title_01 {
    font-size: 32px;
  }

  .sec_sub_title {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .div-block-4 {
    margin-bottom: 25px;
  }

  .box_area {
    margin-bottom: 0;
  }

  .how_works_3_box {
    padding-top: 50px;
    padding-bottom: 30px;
  }

  .how_works_box_title {
    font-size: 20px;
  }

  .how_works_box_no {
    font-size: 35px;
  }

  .style_pack_3box {
    margin-bottom: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .how_works_box_titlee_2 {
    font-size: 32px;
  }

  .slider-3 {
    min-height: 300px;
  }

  .story_slider_r {
    padding: 30px 10%;
  }

  .text-block-8 {
    font-size: 32px;
  }

  .text-block-9 {
    font-size: 24px;
  }

  .div-block-7 {
    margin-bottom: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .info_row {
    margin-bottom: 15px;
  }

  .div-block-9 {
    width: 40%;
  }

  .text-block-11 {
    width: 60%;
  }

  .link-block-3 {
    margin-top: 20px;
  }

  .slider-4 {
    margin-bottom: 25px;
  }

  .home_style_slide {
    width: 100%;
  }

  .slide-6, .slide-7, .slide-8, .slide-9 {
    width: 100%;
    margin-right: 0;
  }

  .div-block-13 {
    height: 50%;
  }

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

  .sec_sub_title2 {
    line-height: 30px;
  }

  .blog_3box {
    margin-bottom: 25px;
  }

  .div-block-14 {
    height: 250px;
  }

  .div-block-15 {
    padding-bottom: 30px;
  }

  .blog_des {
    min-height: 100px;
    margin-top: 25px;
    font-size: 18px;
  }

  .text-block-16 {
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-17 {
    padding-left: 0;
    padding-right: 0;
  }

  .slide-10 {
    padding-left: 15%;
    padding-right: 15%;
  }

  .info_container_100 {
    justify-content: flex-start;
  }

  .r_bg {
    height: 68%;
  }

  .div-block-24 {
    flex-direction: column;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
  }

  .story_color_bg {
    width: 100%;
  }

  .step_rows {
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 0;
  }

  .step_iinfo {
    width: 100%;
    order: 1;
    margin-top: 15px;
    margin-bottom: 50px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .step_img {
    width: 100%;
    padding-left: 0%;
  }

  .step_iinfo2 {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .step_img2 {
    width: 100%;
    padding-right: 0%;
  }

  .features-table {
    padding: 60px 15px;
  }

  .pack_table_head {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .pack_table_row {
    padding: 15px 2%;
  }

  .stage_name {
    font-size: 16px;
  }

  .text-block-24 {
    font-size: 16px;
    line-height: 20px;
  }

  .text-block-25 {
    font-size: 14px;
    line-height: 20px;
  }

  .recevie_box_title, .receive_box_content {
    min-height: 0;
  }

  .recevie_box {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .div-block-30 {
    flex-direction: column;
    align-items: center;
  }

  .sec_title_01-copy {
    font-size: 32px;
  }

  .text-block-26 {
    font-size: 16px;
  }

  .pack_table_row_top {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .text-block-27 {
    font-size: 20px;
  }

  .how_work_hero_container {
    padding-left: 5%;
    padding-right: 5%;
  }

  .tabs-menu-2 {
    margin-bottom: 20px;
  }

  .explore_info_tabs {
    margin-bottom: 30px;
  }

  .tabs-menu-3 {
    margin-bottom: 15px;
  }

  .explore_tab_line {
    height: 200px;
    top: -160px;
  }

  .explore_tab_line.tab2 {
    left: auto;
    right: 20%;
  }

  .explore_tab_line.tab3 {
    top: -120px;
    left: 20%;
    right: auto;
  }

  .page_title_box2 {
    margin-bottom: 40px;
  }

  .gallery_w100 {
    height: 300px;
    margin-bottom: 20px;
  }

  .gallery_w50 {
    height: 200px;
    margin-bottom: 20px;
  }

  .gallery_w50.margin_r15 {
    width: 48%;
    margin-right: 2%;
  }

  .gallery_w50.margin_l15 {
    width: 48%;
    margin-left: 2%;
  }

  .gallery_w40 {
    height: 200px;
    margin-bottom: 20px;
  }

  .gallery_w40.margin_r15 {
    width: 38%;
    margin-right: 2%;
  }

  .gallery_w40.margin_l15 {
    width: 38%;
    margin-left: 2%;
  }

  .gallery_w60 {
    height: 200px;
    margin-bottom: 20px;
  }

  .gallery_w60.margin_r15 {
    width: 58%;
    margin-right: 2%;
  }

  .gallery_w60.margin_l15 {
    width: 58%;
    margin-left: 2%;
  }

  .new_cover.news_cover1 {
    height: 350px;
  }

  .news_info {
    padding: 15px;
  }

  .news_title {
    font-size: 18px;
    line-height: 22px;
  }

  .news_date {
    line-height: 20px;
  }

  .new_cover_small {
    height: 170px;
  }

  .news_detail_title {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 40px;
  }

  .lightbox-link-2 {
    height: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .contact_tx {
    margin-bottom: 30px;
  }

  .contact_info_img {
    width: 100%;
  }

  .contents_l {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 30px;
    padding-right: 0%;
  }

  .row_with_media {
    margin-top: 0;
  }

  .div-block-32 {
    align-items: flex-start;
    margin-top: 25px;
  }

  .form_row {
    margin-bottom: 5px;
  }

  .row_with_icon-2 {
    margin-right: 5px;
  }

  .field-label {
    font-size: 18px;
    line-height: 22px;
  }

  .input_tx2 {
    font-size: 20px;
  }

  .submit-button {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
  }

  .quiz_box {
    margin-top: 0;
    margin-bottom: 0;
  }

  .quiz_box_l {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .quiz_no {
    font-size: 35px;
  }

  .quiz_question {
    font-size: 26px;
    line-height: 30px;
  }

  .quiz_remark {
    font-size: 18px;
  }

  .progress_bar {
    margin-top: 30px;
  }

  .quiz_box_r {
    min-height: 72vh;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .ans_box {
    padding-left: 2%;
    padding-right: 2%;
  }

  .ans_cover {
    height: 150px;
  }

  .quiz_box_r_2 {
    min-height: 72vh;
  }

  .div-block-33_2 {
    margin-top: 30px;
  }

  .quiz_info_big_tx {
    font-size: 48px;
  }

  .quiz_box_r-_3 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .quiz_info_tx2 {
    font-size: 22px;
    line-height: 30px;
  }

  .quiz_info_tx2.margin_top_50 {
    margin-top: 25px;
  }

  .quiz_info_tx3.margin_top_30 {
    font-size: 20px;
    line-height: 36px;
  }

  .sec_title_01_2 {
    font-size: 46px;
  }

  .list-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .image-23 {
    max-width: 100%;
  }

  .box_area2 {
    align-items: flex-start;
  }

  .input_tx {
    font-size: 18px;
    line-height: 20px;
  }

  .input_select {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 20px;
  }

  .text-block-28 {
    font-size: 18px;
  }

  .tabs-menu-3_home {
    margin-bottom: 15px;
  }

  .slider-4_home {
    margin-bottom: 25px;
  }

  .explore_info_tabs_home {
    margin-bottom: 30px;
  }

  .gallery_w30 {
    height: 200px;
    margin-bottom: 20px;
  }

  .gallery_w30.margin_r15 {
    width: 38%;
    margin-right: 2%;
  }

  .gallery_w30.margin_l15 {
    width: 38%;
    margin-left: 2%;
  }

  .gallery_w70 {
    height: 200px;
    margin-bottom: 20px;
  }

  .gallery_w70.margin_r15 {
    width: 58%;
    margin-right: 2%;
  }

  .gallery_w70.margin_l15 {
    width: 58%;
    margin-left: 2%;
  }

  .text-block-29 {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 479px) {
  .navbar-logo-left-container.shadow-three {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .container {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .slider {
    min-height: 450px;
  }

  .slide, .hero_center_layer {
    background-position: 50%;
  }

  .hero_big_title {
    padding-left: 5%;
    padding-right: 5%;
    top: 25%;
  }

  .hero_info {
    padding-left: 10%;
    padding-right: 10%;
  }

  .slide-2 {
    background-position: 50%;
  }

  .image {
    max-height: 35px;
  }

  .hero_l_arrow {
    margin: 300px 5px auto;
  }

  .hero_r_arrow {
    margin-top: 300px;
    margin-bottom: auto;
  }

  .info_container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sec_title_01 {
    text-align: center;
    font-size: 24px;
    line-height: 40px;
  }

  .sec_sub_title {
    text-align: center;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
  }

  .div-block-4 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .how_works_3_box {
    padding-bottom: 20px;
  }

  .how_works_box_title {
    height: auto;
    font-size: 20px;
    line-height: 20px;
  }

  .how_works_box_no {
    font-size: 30px;
  }

  .more_btn_tx {
    font-size: 14px;
  }

  .style_pack_3box {
    margin-bottom: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .how_works_box_titlee_2 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 30px;
  }

  .slider-3 {
    height: 200px;
    min-height: 100px;
  }

  .tabs-menu {
    margin-bottom: 0;
  }

  .tab_btn_1 {
    width: 46%;
    margin-bottom: 15px;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .story_slider_r {
    padding-left: 14%;
    padding-right: 14%;
  }

  .text-block-7 {
    padding-top: 5px;
    font-size: 14px;
  }

  .text-block-8 {
    font-size: 24px;
  }

  .mi-line_black {
    margin-left: 8px;
    margin-right: 8px;
  }

  .text-block-9 {
    font-size: 20px;
  }

  .info_row {
    flex-direction: column;
  }

  .div-block-9 {
    width: 100%;
  }

  .text-block-10 {
    font-family: "Brandon 900 black", sans-serif;
    font-size: 16px;
    line-height: 20px;
  }

  .text-block-11 {
    width: 100%;
    margin-top: 5px;
    padding-left: 40px;
    font-size: 16px;
    line-height: 20px;
  }

  .image-5 {
    width: 100px;
    max-width: 40px;
    margin-top: 140px;
    margin-left: -20px;
    margin-right: 0;
  }

  .image-6 {
    width: 100%;
    max-width: 40px;
    margin: 140px -20px 0 0;
  }

  .what_home_sec {
    overflow: hidden;
  }

  .slider-4 {
    height: 200px;
  }

  .mask {
    overflow: visible;
  }

  .image-7 {
    width: 100px;
    max-width: 40px;
    margin: 100px 0 0 -20px;
  }

  .image-8 {
    width: 100px;
    max-width: 40px;
    margin: 100px -20px 0 0;
  }

  .how_works_box_info2 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .color_dots2 {
    margin-top: 5px;
  }

  .why_us_4box {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .color_dots3 {
    margin-top: 5px;
  }

  .sec_sub_title2 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
  }

  .blog_3box {
    margin-bottom: 20px;
  }

  .div-block-14 {
    height: 200px;
  }

  .div-block-15 {
    padding-bottom: 20px;
  }

  .blog_des {
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
  }

  .text-block-12 {
    padding-top: 20px;
  }

  .div-block-14-copy, .div-block-14-copy2 {
    height: 200px;
  }

  .div-block-16 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .text-block-14, .text-block-15 {
    font-size: 60px;
    line-height: 80px;
  }

  .text-block-16 {
    font-size: 14px;
    line-height: 20px;
  }

  .div-block-17 {
    padding-left: 2%;
    padding-right: 2%;
  }

  .text-block-17 {
    font-size: 14px;
    line-height: 20px;
  }

  .side_arrow_l {
    width: 100px;
    max-width: 40px;
    margin-left: 5px;
    margin-right: 0;
  }

  .footer_menu {
    flex-direction: column;
  }

  .side_arrow_r {
    width: 100%;
    max-width: 40px;
    float: right;
    margin-left: 0;
    margin-right: 5px;
  }

  .info_container_100 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .info_container_100.padding_bottom_0 {
    padding-top: 25px;
  }

  .r_bg {
    height: 75%;
  }

  .text-block-19 {
    font-size: 50px;
  }

  .story_color_bg {
    height: 80%;
  }

  .text-block-22 {
    text-align: center;
    font-size: 20px;
  }

  .container-3 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

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

  .comparison-title {
    margin-left: 10px;
  }

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

  .comparison-negative {
    background-position: 0 5px;
    background-size: 14px;
    margin-left: 10px;
    padding-left: 20px;
  }

  .comparison-positive {
    background-position: 0 4px;
    background-size: 16px;
    margin-left: 10px;
    padding-left: 20px;
  }

  .pack_table_row {
    padding-left: 0%;
    padding-right: 0%;
  }

  .pack_table_row.first_row {
    align-items: flex-start;
  }

  .stage_name {
    font-size: 14px;
    line-height: 20px;
  }

  .table_row_box1 {
    width: 40%;
  }

  .table_row_box2.top-th, .table_row_box3.top-th, .table_row_box4.top-th {
    width: 20%;
  }

  .text-block-24 {
    font-size: 14px;
    line-height: 20px;
  }

  .promise_box {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-top: 0;
    padding-bottom: 30px;
  }

  .sec_title_01-copy {
    font-size: 24px;
    line-height: 40px;
  }

  .text-block-26 {
    font-size: 14px;
    line-height: 18px;
  }

  .pack_table_row_top {
    padding: 5px 0%;
  }

  .pack_table_row_top.margin_bottom_20 {
    margin-bottom: 0;
  }

  .text-block-27 {
    font-size: 16px;
    line-height: 20px;
  }

  .about_hero_container, .how_work_hero_container, .stories_hero_container {
    height: 350px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .r_bg_2, .l_bg_2 {
    height: 80%;
    top: 20%;
  }

  .stories_row_l, .stories_row_r {
    margin-bottom: 40px;
  }

  .tabs-menu-2 {
    align-items: flex-start;
  }

  .tabs-menu-3 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .tab_btn_2 {
    width: 46%;
    min-width: 50px;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .gallery_w100 {
    height: 200px;
  }

  .gallery_w40.margin_r15 {
    width: 100%;
    margin-right: 0%;
  }

  .gallery_w40.margin_l15 {
    width: 100%;
    margin-left: 0%;
  }

  .gallery_w60.margin_r15 {
    width: 100%;
    margin-right: 0%;
  }

  .gallery_w60.margin_l15 {
    width: 100%;
    margin-left: 0%;
  }

  .explore_hero_container, .blog_hero_container {
    height: 350px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .tabs-menu-4 {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .tabs-content-with-bg {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .new_cover.news_cover1 {
    height: 220px;
  }

  .div_30_l.m_divl {
    width: 90%;
    margin-right: 5%;
  }

  .div_30_l.m_divr {
    width: 90%;
    margin-left: 5%;
  }

  .new_cover_small {
    height: 220px;
  }

  .div_30_c.m_divr {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }

  .div_30_c.m_divl, .div_30_r.m_divl {
    width: 90%;
    margin-right: 5%;
  }

  .div_30_r.m_divr {
    width: 90%;
    margin-left: 5%;
  }

  .news_detail_title {
    font-size: 24px;
    line-height: 36px;
  }

  .news_detail_date {
    font-size: 18px;
  }

  .lightbox-link-2 {
    height: 250px;
  }

  .contact_hero_container {
    height: 350px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .contact_info_bg, .about_info_bg {
    height: 350px;
  }

  .form_row {
    flex-direction: column;
  }

  .field-label {
    font-size: 16px;
  }

  .submit-button {
    margin-left: 0;
  }

  .slide-11 {
    background-position: 50%;
  }

  .quiz_box {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sec_sub_title3 {
    line-height: 30px;
  }

  .quiz_no {
    font-size: 32px;
    line-height: 40px;
  }

  .quiz_question {
    font-size: 22px;
  }

  .quiz_remark {
    font-size: 16px;
    line-height: 20px;
  }

  .sec_title_02 {
    font-size: 28px;
  }

  .quiz_box_r {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .ans_area {
    flex-direction: column;
  }

  .ans_box {
    width: 100%;
    margin-bottom: 25px;
  }

  .ans_cover {
    height: 180px;
  }

  .ans_cover.ans_cover_img14 {
    background-position: 50% 100%;
  }

  .quiz_box_r_2 {
    padding: 50px 5%;
  }

  .quiz_info_tx {
    margin-top: 15px;
  }

  .quiz_info_big_tx {
    font-size: 36px;
    line-height: 40px;
  }

  .quiz_info_tx2 {
    font-size: 20px;
  }

  .quiz_info_tx3, .quiz_info_tx3.margin_top_30 {
    font-size: 18px;
    line-height: 30px;
  }

  .quiz_center_div {
    align-items: center;
  }

  .sec_title_01_2 {
    font-size: 40px;
  }

  .icon-7 {
    font-size: 30px;
  }

  .list-item {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .quiz_l_content_center {
    margin-top: 15px;
  }

  .input_tx, .input_select {
    font-size: 16px;
  }

  .div-block-38 {
    width: auto;
  }

  .bold-text, .bold-text-2, .bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6 {
    font-size: 16px;
  }

  .tab_btn_2_home {
    margin-left: 0;
  }

  .slider-4_home {
    height: 200px;
  }

  .form-anchor {
    top: 650px;
  }

  .form_page_hero_container {
    height: 350px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .text-block-19-copy {
    font-size: 50px;
    line-height: 50px;
  }
}


@font-face {
  font-family: 'High Spirited';
  src: url('../fonts/High-Spirited.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brandon 300 normal';
  src: url('../fonts/brandon-grotesque-light-58a8a4b38001d.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brandon 900 black';
  src: url('../fonts/brandon-grotesque-black-58a8a3e824392.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}