/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

* {
  padding: 0;
  margin: 0;
  border: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.hs-cta-wrapper a.cta_button {
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
}

body {
  background-color: #FFF !important;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.justify-content-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.row-reverse {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.column-reverse {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.container {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  float: none;
  box-sizing: border-box;
}

/* @media (min-width: 375px) {
	.container { width: 335px; }
} */
@media (min-width: 576px) {
  .container {
    width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    width: 714px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }

  /* 	.opt_in_banner .container { width: 1170px; } */
}

@media (min-width: 1367px) {
  .container {
    width: 1230px;
  }

  .page-template-template-optin .container {
    width: 1230px;
  }
}

@media (min-width: 1440px) {
  .container {
    width: 1380px;
  }
}

@media (min-width: 1500px) {
  .container {
    width: 1464px;
  }

  /* 	.small-container .container { width: 1230px; } */
  
}

/*  this id for frames  */
@media (max-width: 1599px) {
  .frame-wrapper {
      flex-wrap: nowrap;
      max-width: 900px;
      margin: auto;
  }
}

body {
  font-family: 'Arial', sans-serif !important;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 16px !important;
  color: var(--body_text_color) !important;
  line-height: 1.6em !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto Condensed', sans-serif;
}

.h1,
h1 {
  margin: 0px;
  font-size: 40px;
  font-weight: 700;
  text-decoration: none;
  font-style: normal;
  text-transform: none;
  line-height: 1.25em;
  color: var(--heading_tags_color);
}

.h2,
h2 {
  margin: 0px;
  font-size: 36px;
  font-weight: 700;
  text-decoration: none;
  font-style: normal;
  text-transform: none;
  line-height: 1.25em;
  color: var(--heading_tags_color);
}

.h3,
h3 {
  margin: 0px;
  font-size: 32px;
  font-weight: 700;
  text-decoration: none;
  font-style: normal;
  text-transform: none;
  line-height: 1.25em;
  color: var(--heading_tags_color);
}

.h4,
h4 {
  margin: 0px;
  font-size: 28px;
  font-weight: 700;
  text-decoration: none;
  font-style: normal;
  text-transform: none;
  line-height: 1.25em;
  color: var(--heading_tags_color);
}

.h5,
h5 {
  margin: 0px;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  font-style: normal;
  text-transform: none;
  line-height: 1.25em;
  color: var(--heading_tags_color);
}

.h6,
h6 {
  margin: 0px;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  font-style: normal;
  text-transform: none;
  line-height: 1.25em;
  color: var(--heading_tags_color);
}

a {
  color: var(--link_color);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-decoration: none;
}

a:hover {
  color: var(--link_hover_color);
  text-decoration: none;
}

.top_shape_image,
.bottom_shape_image {
  position: absolute;
  left: 0;
  right: 0;
  line-height: 0;
}

.top_shape_image img,
.bottom_shape_image img {
  width: 100%;
}

.top_shape_image {
  top: -1px;
}

.bottom_shape_image {
  bottom: -1px;
}

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

[class*="btn_style_"] a {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  padding: 15px 40px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 2;
  border: 3px solid #000;
  text-align: center;
}

[class*="btn_style_"] a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: transparent;
  z-index: -1;
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 0;
}

[class*="btn_style_"] a:hover:after {
  width: 100%;
}

.btn_style_1 a {
  background-color: var(--button_1_bg_color);
  color: var(--button_1_text_color);
  border-color: var(--button_1_border_color);
}

.btn_style_1 a:hover:after {
  background-color: var(--button_1_border_color);
}

.btn_style_2 a {
  background-color: var(--button_2_bg_color);
  color: var(--button_2_text_color);
  border-color: var(--button_2_border_color);
}

.btn_style_2 a:hover {
  color: var(--button_1_text_color);
}

.btn_style_2 a:hover:after {
  background-color: var(--button_2_border_color);
}

[class*="btn_style_"].button_div {
  display: inline-block;
  width: 100%;
  margin-top: 50px
}

.button_center [class*="btn_style_"] {
  text-align: center;
}

.text_light,
.text_light h1,
.text_light h2,
.text_light h3,
.text_light h4,
.text_light h5,
.text_light h6 {
  color: var(--text_light_color);
}

.text_dark,
.text_dark h1,
.text_dark h2,
.text_dark h3,
.text_dark h4,
.text_dark h5,
.text_dark h6 {
  color: var(--text_dark_color);
}

.heading_primary h1,
.heading_primary h2,
.heading_primary h3,
.heading_primary h4,
.heading_primary h5,
.heading_primary h6 {
  color: var(--primary_color);
}

.heading_secondary h1,
.heading_secondary h2,
.heading_secondary h3,
.heading_secondary h4,
.heading_secondary h5,
.heading_secondary h6 {
  color: var(--secondary_color);
}

.text_uppercase h1,
.text_uppercase h2,
.text_uppercase h3,
.text_uppercase h4,
.text_uppercase h5,
.text_uppercase h6 {
  text-transform: uppercase;
}

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

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

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

.section_shadow {
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.15);
}

.overlay_div,
.gradient_overlay {
  position: relative;
  z-index: 2;
}

.overlay_div:after,
.gradient_overlay:after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  opacity: .8;
}

.overlay_div:after {
  background-color: var(--primary_color);
}

.gradient_overlay:after {
  background: linear-gradient(180deg, var(--secondary_color) 0%, var(--primary_color) 100%);
}

p:not(:last-child) {
  margin-bottom: 20px;
}

.section_heading {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}

.mb_0 .section_heading {
  margin-bottom: 0px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.slick-prev {
  left: -45px;
}

.slick-next {
  right: -45px;
}

.slick-prev,
.slick-next {
  width: 40px;
  height: 40px;
}

.slick-prev:before,
.slick-next:before {
  font-size: 40px;
  color: var(--primary_color);
  opacity: 1;
}

/* Header CSS */
.header {
  padding: 10px 0;
  background-color: var(--header_background_color);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.header .left {
  padding: 0 15px;
  width: 200px;
}

.header .logo_div,
.header .logo_div img {
  max-width: 200px;
  width: 100%;
}

.header .right {
  padding: 0 15px;
  width: calc(100% - 200px);
  text-align: right;
}

.header .phone_div {
  display: inline-block;
  width: 100%;
  text-align: right;
}

.header .phone_div a {
  display: inline-block;
}

.header .phone_div a span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--header_button_bg_color);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.header .phone_div a:hover span {
  background-color: var(--header_button_bg_hover_color);
}

.header .phone_div a span svg {
  color: var(--header_button_hover_text_color);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.section_devider {
  display: inline-block;
  width: 100%;
  height: 15px;
  background-color: var(--primary_color);
  opacity: 0.4;
  margin-top: 70px;
}

@media(max-width: 767px) {
  /* 	.header .phone_div a span:last-child{ display: none; } */
}

footer.footer {
  padding: 80px 0;
}

footer.footer.overlay_div:after {
  background-color: var(--footer_overlay_color)
}

footer.footer,
footer.footer h2,
footer.footer h3,
footer.footer h4,
footer.footer h5,
footer.footer h6,
footer.footer a {
  color: var(--footer_text_color);
}

footer.footer a:hover {
  color: var(--quinary_color);
}

footer.footer .footer_logo {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

footer.footer .footer_logo img {
  display: inline-block;
  max-width: 200px;
}

footer.footer .footer_content {
  display: inline-block;
  width: 100%;
}

footer.footer .footer_content ul li a {
  display: inline-block;
  padding-left: 25px;
  position: relative;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
}

footer.footer .footer_content ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5722 10.5995L11.2909 9.19326C11.1507 9.13352 10.995 9.12093 10.847 9.15739C10.6991 9.19385 10.567 9.27738 10.4706 9.39541L9.01744 11.1708C6.73686 10.0956 4.90151 8.26021 3.82624 5.97963L5.60166 4.52647C5.71993 4.43028 5.80363 4.29818 5.84011 4.15016C5.87659 4.00215 5.86384 3.84628 5.80381 3.70615L4.39754 0.42484C4.33165 0.273785 4.21512 0.150453 4.06804 0.0761123C3.92097 0.00177107 3.75256 -0.0189204 3.59186 0.0176058L0.544931 0.720743C0.389998 0.756521 0.251766 0.843757 0.152796 0.968214C0.0538267 1.09267 -3.56904e-05 1.247 1.77431e-08 1.40601C1.77431e-08 8.92079 6.09093 15 13.594 15C13.753 15.0001 13.9074 14.9463 14.032 14.8473C14.1565 14.7483 14.2438 14.6101 14.2795 14.4551L14.9827 11.4081C15.019 11.2467 14.9978 11.0776 14.9229 10.93C14.848 10.7824 14.724 10.6655 14.5722 10.5995V10.5995Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A") no-repeat center center / 15px;
}

footer.footer .footer_copyright {
  margin-top: 40px;
  padding-top: 40px;
  display: inline-block;
  width: 100%;
  text-align: center;
  border-top: 10px solid var(--footer_copyright_border_color);
  font-size: 16px;
  font-weight: 500;
}

.main_banner_section {
  background-color: var(--primary_color);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
}

.main_banner_section .banner_content_div {
  max-width: 710px;
}

.main_banner_section .mobile_banner_image {
  height: 300px;
  display: inline-block;
  width: 100%;
}

.main_banner_section .banner_content_div .main_title,
.main_banner_section .banner_content_div .main_subtitle,
.main_banner_section .banner_content_div .button_div {
  display: inline-block;
  width: 100%;
}

.main_banner_section .banner_content_div .main_subtitle {
  margin-top: 30px;
}

.main_banner_section .banner_content_div .main_subtitle ul {
  max-width: 815px;
  font-size: 18px;
  line-height: 1.3em;
}

.main_banner_section .banner_content_div .main_subtitle ul li {
  padding-left: 30px;
  position: relative;
}

.main_banner_section .banner_content_div .main_subtitle ul li::before {
  content: "";
  left: 0;
  top: 4px;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_308_172' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Cpath d='M12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22Z' fill='white' stroke='white' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M10.5 16.5L15 12L10.5 7.5' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_308_172)'%3E%3Cpath d='M0 0H24V24H0V0Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center / 20px;
}

.main_banner_section .banner_content_div .main_subtitle ul li+li {
  margin-top: 15px;
}

.video_section .left-part,
.video_section .right-part {
  width: 50%;
  padding: 0 15px;
}

.video_section .video_div {
  display: inline-block;
  width: 100%;
}

.video_section .video_div video {
  width: 100%;
}

.logo_section .logo_list .logo_col {
  width: calc(100% / 4);
  padding: 0 15px;
  margin: 15px 0;
}

.logo_section .logo_list .logo_div {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.logo_section .logo_list .logo_div img {
  max-height: 60px;
  display: inline-block;
}

.zig_zag_section .content_section {
  padding: 30px 0;
  display: inline-block;
  width: 100%;
}

.zig_zag_section .content_section .left-part {
  width: 44%;
  padding: 0 15px;
}

.zig_zag_section .content_section .right-part {
  width: calc(100% - 44%);
  padding: 0 15px;
}

.zig_zag_section .content_section .content_wrap {
  display: block;
  max-width: 700px;
}

.zig_zag_section .content_section .row.row-reverse .content_wrap {
  margin-right: auto;
}

.zig_zag_section .content_section .row:not(.row-reverse) .content_wrap {
  margin-left: auto;
}

.zig_zag_section .content_section .content_wrap .title,
.zig_zag_section .content_section .content_wrap .content {
  display: inline-block;
  width: 100%;
}

.zig_zag_section .content_section .content_wrap .title {
  margin-bottom: 30px;
}

.zig_zag_section .content_section .image_wrap {
  border: 10px solid #FFF;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  line-height: 0;
}

.zig_zag_section .content_section .image_wrap img {
  width: 100%;
}

.content_image_section .left-part,
.content_image_section .right-part {
  width: 50%;
  padding: 0 15px;
}

.content_image_section:not(.full_content_image_section) .ci_image_div {
  padding-left: 30px;
  text-align: right;
}

.content_image_section:not(.full_content_image_section) .ci_image_div img {
  display: inline-block;
}

.full_content_image_section .left-part {
  line-height: 0;
}

.full_content_image_section .left-part,
.full_content_image_section .right-part {
  padding: 0;
}

.full_content_image_section .ci_content_div {
  padding: 80px 50px;
}

.full_content_image_section .ci_image_div {
  height: 100%;
  text-align: center;
}

.full_content_image_section .ci_image_div img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.features_list_section .section_heading .content {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.features_list_section .features_list {
  display: inline-block;
  width: 100%;
}

.features_list_section .features_list .fl_col {
  width: calc(100% / 3);
  padding: 0 15px;
  margin-top: 30px;
}

.features_list_section .features_list .fl_card {
  display: inline-block;
  width: 100%;
  border: 3px solid;
  padding: 30px;
  height: 100%;
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.25);
}

.features_list_section .features_list .fl_card .fl_content {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  font-size: 18px;
}

.meetteam_section .team_col {
  width: 70%;
  padding: 0 15px;
  margin: 15px 0;
}

.meetteam_section .team_card {
  width: calc(100% - 100px);
  margin-left: 100px;
  background: #FFFFFF;
  box-shadow: -1px 0px 44px 15px rgba(0, 0, 0, 0.05);
  border-radius: 40px;
  padding: 30px 20px 30px 0;
  height: 100%;
}

.meetteam_section .team_card .image {
  border: 5px solid #FFF;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  margin-left: -100px;
}

.meetteam_section .team_card .content {
  width: calc(100% - 80px);
  padding-left: 20px;
}

.meetteam_section .team_card .content .title h6,
.meetteam_section .team_card .content .title h5 {
  text-transform: unset;
  color: var(--quaternary_color);
}

.meetteam_section .team_card .content .text {
  font-size: 16px;
  color: var(--text_dark_color);
  margin-top: 10px;
}

.meetteam_section .team_card .content .text p:first-child:before,
.meetteam_section .team_card .content .text p:last-child:after {
  display: inline-block;
  font-size: 23px;
  line-height: 1;
  position: relative;
  top: 2px;
}

.meetteam_section .team_card .content .text p:first-child:before {
  content: "“";
  margin-right: 2px;
}

.meetteam_section .team_card .content .text p:last-child:after {
  content: "”";
  margin-left: 2px;
}


.form-all {
  box-shadow: none !important;
  width: 100%;
  margin: 0 auto !important;
}

.form-all ul li {
  text-align: left;
  margin: 0 !important;
}

.form-all ul li input {
  width: 100% !important;
  border-radius: 0 !important;
  height: 50px;
}

.form-all ul li .form-input-wide {
  width: 100% !important;
}

.form-all ul.page-section {
  padding: 0 !important;
}

.form-all ul.page-section .form-buttons-wrapper {
  padding: 30px 0 0 !important;
  margin: 20px 0 0 !important;
}

.form-all ul.page-section .form-buttons-wrapper .form-submit-button {
  background-color: transparent;
  border: 2px solid var(--button_2_border_color);
  background-color: var(--button_2_bg_color);
  color: var(--button_2_text_color);
  padding: 15px 30px;
  border-radius: 0;
  font-weight: 700;
  height: auto;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -ms-transition: 0.4s ease all;
  transition: 0.4s ease all;
}

.form-all ul.page-section .form-buttons-wrapper .form-submit-button:hover {
  background-color: var(--button_2_border_color);
  color: var(--button_1_text_color);
}

.form_section .form_disclaimer {
  max-width: 752px;
  margin: 0 auto 15px;
  display: block;
  font-size: 80%;
  font-style: italic;
}

/* Opt In Page CSS */
.opt_in_banner {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.opt_in_banner.bg_color {
  background-color: #706f6f;
}

.opt_in_banner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  /*background-color: var(--primary_color);*/
  background-color: #707070;
  opacity: 0.7;
}

.opt_in_banner.no_overlay:after {
  display: none;
}

.opt_in_banner .left {
  width: 100%;
  max-width: 65%;
  padding: 0 15px;
}

.opt_in_banner .right {
  width: 40%;
  padding: 0 15px;
}

.opt_in_banner .opt_in_content {
  max-width: 100%;
}

.opt_in_banner .opt_in_content .section_heading h6 {
  margin-bottom: 10px;
}

.opt_in_banner .opt_in_content .section_content h5+h5 {
  margin-top: 15px;
}

.opt_in_banner .ebook_image {
  display: inline-block;
  width: 100%;
  text-align: right;
}

.opt_in_banner .ebook_image img {
  width: 85%;
  display: inline-block;
}

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

.info_pack_ci_sec .ci_content_div .ci_content ul li+li {
  margin-top: 10px;
}

.info_pack_ci_sec:not(.full_content_image_section) .ci_image_div img {
  max-width: 450px;
  width: 100%;
}

.info_pack_ci_sec:not(.full_content_image_section) .ci_image_div {
  text-align: center;
}

.content_image_section .ci_content_div .ci_content ul li {
  padding-left: 25px;
  position: relative;
}

.content_image_section .ci_content_div .ci_content ul li:before {
  content: "";
  left: 0;
  top: 7px;
  position: absolute;
  width: 15px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00004 16.42L0.790039 10.21L3.62004 7.38L7.00004 10.77L16.88 0.880005L19.71 3.71L7.00004 16.42Z' fill='%23e6007e'/%3E%3C/svg%3E%0A") no-repeat center / 15px;
}

@media(min-width: 768px) {
  .main_banner_section .mobile_banner_image {
    display: none;
  }
}

@media(min-width: 1367px) {
  .full_content_image_section>.d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .zig_zag_section .content_section .row.row-reverse .content_wrap {
    padding-right: 5%;
  }

  .zig_zag_section .content_section .row:not(.row-reverse) .content_wrap {
    padding-left: 5%;
  }
}

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

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

@media(max-width: 1440px) {

  .h1,
  h1 {
    margin: 0px;
    font-size: 36px;
    line-height: 1.3;
  }

  .h2,
  h2 {
    margin: 0px;
    font-size: 32px;
    line-height: 1.3;
  }

  .h3,
  h3 {
    margin: 0px;
    font-size: 28px;
    line-height: 1.2;
  }

  .h4,
  h4 {
    margin: 0px;
    font-size: 26px;
    line-height: 1.2;
  }

  .h5,
  h5 {
    margin: 0px;
    font-size: 22px;
    line-height: 1.2;
  }

  .h6,
  h6 {
    margin: 0px;
    font-size: 18px;
    line-height: 1.2;
  }

  body {
    font-size: 18px;
    line-height: 26px;
  }

  [class*="btn_style_"].button_div {
    margin-top: 35px;
  }

  [class*="btn_style_"] a {
    line-height: 28px;
    font-size: 18px;
  }

  .section_devider {
    margin-top: 50px;
  }

  .section_heading {
    margin-bottom: 20px;
  }

  .pt-100 {
    padding-top: 80px;
  }

  .pb-100 {
    padding-bottom: 80px;
  }

  .pt-80 {
    padding-top: 60px;
  }

  .pb-80 {
    padding-bottom: 60px;
  }

  .pt-60 {
    padding-top: 40px;
  }

  .pb-60 {
    padding-bottom: 40px;
  }

  footer.footer {
    padding: 60px 0;
  }

  .main_banner_section .banner_content_div {
    max-width: 600px;
  }

  .main_banner_section .banner_content_div .main_subtitle ul {
    font-size: 18px;
  }

  .zig_zag_section .content_section .left-part,
  .zig_zag_section .content_section .right-part {
    width: 50%;
  }

  .full_content_image_section .ci_content_div {
    padding: 40px 40px;
    margin-top: 0;
  }
}

@media(max-width: 1366px) {

  .h1,
  h1,
  .h2,
  h2 {
    margin: 0px;
    font-size: 32px;
  }

  .h3,
  h3 {
    margin: 0px;
    font-size: 26px;
  }

  .h4,
  h4 {
    margin: 0px;
    font-size: 22px;
  }

  .h5,
  h5 {
    margin: 0px;
    font-size: 20px;
  }

  .h6,
  h6 {
    margin: 0px;
    font-size: 18px;
  }

  .pt-100 {
    padding-top: 60px;
  }

  .pb-100 {
    padding-bottom: 60px;
  }

  .main_banner_section .banner_content_div {
    max-width: 600px;
  }

  .main_banner_section .banner_content_div .main_subtitle ul {
    font-size: 16px;
  }

  .main_banner_section .banner_content_div .main_subtitle ul li {
    padding-left: 25px;
  }

  .main_banner_section .banner_content_div .main_subtitle ul li::before {
    top: 2px;
    width: 15px;
    height: 15px;
    background-size: 15px !important;
  }

  .full_content_image_section .ci_content_div {
    padding: 60px;
    margin-top: 0;
  }
}

@media(max-width: 1199px) {

  .h1,
  h1 {
    margin: 0px;
    font-size: 30px;
  }

  .h2,
  h2 {
    margin: 0px;
    font-size: 28px;
  }

  .h3,
  h3 {
    margin: 0px;
    font-size: 22px;
  }

  .h4,
  h4 {
    margin: 0px;
    font-size: 20px;
  }

  .h5,
  h5 {
    margin: 0px;
    font-size: 18px;
  }

  .h6,
  h6 {
    margin: 0px;
    font-size: 18px;
  }

  body {
    font-size: 16px;
    line-height: 24px;
  }

  [class*="btn_style_"].button_div {
    margin-top: 25px;
  }

  [class*="btn_style_"] a {
    font-size: 16px;
    padding: 10px 25px;
  }

  .section_devider {
    margin-top: 40px;
  }

  .content_image_section:not(.full_content_image_section) .ci_image_div {
    padding-left: 0;
  }

  .meetteam_section .team_col {
    width: 100%;
  }

  .opt_in_banner .ebook_image img {
    width: 100%;
  }
}

@media(max-width: 991px) {

  .video_section .left-part,
  .video_section .right-part {
    width: 100%;
  }

  .video_section .video_div {
    margin-top: 40px;
  }

  .zig_zag_section .content_section {
    padding: 20px 0;
  }

  .zig_zag_section .content_section .left-part,
  .zig_zag_section .content_section .right-part {
    width: 100%;
  }

  .zig_zag_section .content_section .content_wrap {
    margin-top: 40px;
  }

  .zig_zag_section .content_section .content_wrap .title {
    margin-bottom: 15px;
  }

  .content_image_section>.container>.row {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .content_image_section .left-part,
  .content_image_section .right-part {
    width: 100%;
  }

  .content_image_section .ci_content_div {
    margin-top: 40px;
  }

  .features_list_section .features_list .fl_col {
    width: calc(100% / 2);
  }

  .features_list_section .features_list .fl_card .fl_content {
    font-size: 16px;
  }

  .full_content_image_section .ci_content_div {
    padding: 60px 50px;
    margin-top: 0;
  }

  footer.footer .footer_copyright {
    font-size: 14px;
  }

  .meetteam_section .team_col {
    width: 100%
  }

  .opt_in_banner .container>.row {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .opt_in_banner .left,
  .opt_in_banner .right {
    width: 100%;
    max-width: 100%;
  }

  .opt_in_banner .ebook_image {
    margin-bottom: 40px;
    text-align: center;
  }

  .opt_in_banner .ebook_image img {
    max-width: 400px;
  }

  .info_pack_ci_sec:not(.full_content_image_section) .ci_image_div {
    text-align: center;
  }
}


@media(max-width: 767px) {
  .main_banner_section {
    background-image: unset !important;
    padding-top: 0 !important;
  }

  .main_banner_section .mobile_banner_image {
    margin-bottom: 40px;
  }

  /* 	.h1, h1, .h2, h2 { margin: 0px; font-size: 22px; }
	.h3, h3 { margin: 0px; font-size: 20px; }
	.h4, h4 { margin: 0px; font-size: 20px; }
	.h5, h5 { margin: 0px; font-size: 18px; }
	.h6, h6 { margin: 0px; font-size: 18px; } */

  [class*="btn_style_"] a {
    line-height: 24px;
  }

  .pt-100 {
    padding-top: 60px;
  }

  .pb-100 {
    padding-bottom: 60px;
  }

  .pt-80 {
    padding-top: 40px;
  }

  .pb-80 {
    padding-bottom: 40px;
  }

  .section_devider {
    height: 10px;
  }

  .logo_section .logo_list .logo_col {
    width: calc(100% / 2);
  }

  .features_list_section .features_list .fl_col {
    width: calc(100% / 1);
  }

  .full_content_image_section .ci_content_div {
    padding: 40px 15px;
    margin-top: 0;
  }

  .meetteam_section .team_card {
    width: 100%;
    margin-left: 0;
    padding: 15px 20px;
    border-radius: 20px;
    justify-content: center;
  }

  .meetteam_section .team_card .image {
    margin-left: 0;
    margin-bottom: 20px;
    border-color: var(--quinary_color);
  }

  .meetteam_section .team_card .content {
    text-align: center;
    width: 100%;
    padding-left: 0;
  }

  .meetteam_section .team_card .content .text {
    font-size: 16px;
    line-height: 24px;
  }

  .meetteam_section .team_card .content .title h6 {
    margin-bottom: 10px;
  }

  .meetteam_section .team_col {
    width: 100%
  }

  .opt_in_banner .left,
  .opt_in_banner .right {
    width: 100%;
  }

  .opt_in_banner .container>.row {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .opt_in_banner .ebook_image {
    margin-bottom: 40px;
  }

  .opt_in_banner .ebook_image img {
    max-width: 400px;
  }

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



@media(max-width: 575px) {

  .h1,
  h1 {
    margin: 0px;
    font-size: 24px;
  }

  .h2,
  h2 {
    margin: 0px;
    font-size: 24px;
  }

  .h3,
  h3 {
    margin: 0px;
    font-size: 22px;
  }

  .h4,
  h4 {
    margin: 0px;
    font-size: 20px;
  }

  .h5,
  h5 {
    margin: 0px;
    font-size: 18px;
  }

  .h6,
  h6 {
    margin: 0px;
    font-size: 18px;
  }

  .logo_section .logo_list .logo_col {
    width: calc(100% / 1);
  }
}

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





/* ----------------   New Landing Page for flexible contents  ----------------------- */

@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Work Sans", sans-serif !important;
}

.container {
  max-width: 1920px;
  width: 100%;
  margin: auto;
  padding: 0;

}

.container-fluid {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;

}

.row {
  padding: 0;
  margin: 0;
}

.row>* {
  padding: 0;
}

.space-xl {
  padding: 53px 0;
}

.space-lg {
  padding: 32px 0;
}

.space-md {
  padding: 35px;
}

.space-sm {
  padding: 20px 0;
}

.btn {
  max-width: 516px;
  width: 100%;
  display: block;
  margin: auto;
  text-align: center;
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  height: 80px;
  line-height: 78px;
  padding: 0 20px;
  border-radius: 0;
  border: 1px solid #009fe3 !important;
}

.btn-blue {
  background-color: #009fe3 !important;
  color: #fff;
}

.btn-blue:hover {
  background-color: #fff !important;
  color: #009fe3 !important;
}

.logo-position {
  position: absolute;
}

header.header.top-header {
  box-shadow: inherit;
}

.logo {
  max-width: 471px;
  width: 100%;
  height: 129px;
  padding-left: 146px;
}

.banner-title {
  max-width: 1128px;
  width: 100%;
  margin: auto;
}

.banner-title h1 {
  color: #e62733;
  font-family: "Work Sans";
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 70px;
  text-align: left;
}

.banner-title h1 span {
  color: #582583;
  font-family: "Work Sans";
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 70px;
  display: block;
  text-align: right;
}

.banner-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.content-text-wrapper {
  max-width: 55%;
  width: 100%;
}

.content-text {
  width: 100%;
  padding: 100px 40px 100px 40px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #582583;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}

.content-text .content-box {
  width: 100%;
  margin: 0;
  padding-left: calc((100vw - 1920px) / 2);
  position: relative;
  min-height: 100px;
}

.content-text .content-box .content-box-in {
  position: relative;
  min-height: 100px;
  margin-left: 160px;
}

.content-text .content-box .content-box-in:before {
  position: absolute;
  content: '';
  width: 49px;
  height: 49px;
  background: red;
  top: -108px;
  left: -110px;
}

.content-text h2 {
  color: #fff;
  font-family: "Work Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 30px;
}

.content-text p {
  color: #fff;
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.line {
  width: 300px;
  height: 1px;
  background: rgba(148, 150, 156, 0.2);
  opacity: 0;
  display: none;
}

.content-img {
  max-width: 45%;
  width: 100%;
  height: 569px;
  position: relative;
}

.shape-01 {
  position: absolute;
  content: '';
  width: 110px;
  height: 110px;
  background: #E6007E;
  top: -24px;
  right: 127px;
}

.shape-02 {
  position: absolute;
  content: '';
  width: 199px;
  height: 199px;
  background: #E62733;
  bottom: -26px;
  left: 228px;
}

.shape-021 {
  position: absolute;
  content: '';
  width: 72px;
  height: 72px;
  background: #009FE3;
  bottom: 48px;
  right: -36px;
}

.shape-03 {
  position: absolute;
  content: '';
  width: 122px;
  height: 122px;
  background: #7DB640;
  bottom: -32px;
  right: 101px;
}

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

.ready-to-take-next .form-img {
  position: relative;
}

.ready-to-take-next {
  margin-bottom: 225px;
}

.shapeForm-02 {
  position: absolute;
  content: '';
  width: 71px;
  height: 71px;
  background: #E6007E;
  bottom: -48px;
  left: 78px;
}

.shapeForm-03 {
  position: absolute;
  content: '';
  width: 226px;
  height: 226px;
  background: rgb(125, 182, 64);
  bottom: -111px;
  right: -48px;
}

.shapeForm-031 {
  position: absolute;
  content: '';
  width: 84px;
  height: 84px;
  background: #009FE3;
  bottom: 48px;
  right: 184px;
}

/* transfer your life section  */
.transfer-your-life-wrapper {
  width: 100%;
  margin: auto;
  display: flex;
  gap: 40px;
  padding: 0 40px;
}

.list-left ul,
.list-right ul {
  list-style: unset;
}

.transfer-your-life-wrapper .left,
.transfer-your-life-wrapper .right {
  width: 100%;
}

.left h3,
.right h3 {
  color: #707070;
  font-family: "Work Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

.left h6,
.right h6 {
  color: #707070;
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}

.left p,
.right p {
  color: #707070;
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.why-myhome {
  width: 100%;
  background-color: #7db640;
  padding: 60px 40px;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  min-height: 303px;
}

.why-myhome-title {
  max-width: 873px;
  width: 100%;
  margin: auto;
  text-align: center;
}

.why-myhome-title h2 {
  color: #fff;
  text-align: center;
  font-family: "Work Sans";
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 33px;
}

.why-myhome-title p {
  color: #fff;
  text-align: center;
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.why-myhome-image {
  max-width: 435px;
  width: 100%;
  position: absolute;
  top: 44px;
  right: 48px;
  transform: translate(0, -10%);
}

.design-for-high-wrapper {
  width: 100%;
  margin: 112px auto;
  padding: 0 40px;
}

.design-for-high-wrapper h2,
.ready-to-take-next h2 {
  color: #707070;
  text-align: center;
  font-family: "Work Sans";
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 30px;
}

.design-for-high-wrapper p,
.ready-to-take-next p {
  color: #707070;
  text-align: center;
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.frame-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 60px;
  flex-wrap: wrap;
}

.frame-wrapper .frame {
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 62px;
  margin-top: 62px;
}

.frame-items-wrap {
  display: flex;
  align-items: flex-start;
  gap: 110px;
}

.frame-item {
  max-width: 238px;
  width: 100%;
  height: 238px;
}

.frame-item img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.list-wrap {
  display: flex;
  align-items: flex-start;
  gap: 60px;
}

.list-left,
.list-right {
  max-width: 600px;
  width: 100%;
  padding-left: 20px;
}

.frame-wrapper li {
  color: #707070;
  font-family: "Work Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.video-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.swiper-container {
  overflow: hidden;
  max-width: 1700px;
  width: 100%;
  margin: auto;
}

.success {
  width: 100%;
  padding: 0 40px;
}

.partner-with {
  max-width: 1073px;
  width: 100%;
  margin: auto;
  text-align: center;
}

.swiper-slider {
  margin: 0 10px;
}

.swiper-img {
  max-width: 238px;
  width: 100%;
  height: 229px;
}

.video-wrap {
  max-width: calc(100% - 914px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.video-inner {
  max-width: 650px;
  width: 100%;
  height: 366px;
  margin: auto;
  position: relative;
  z-index: 1;
  margin-left: 40px;
}

.videoWithImage {
  max-width: 401px;
  width: 100%;
  position: absolute;
  top: -58px;
  right: -60px;
  z-index: 1;
}

.videoWithImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* position: relative; */
  z-index: 1;
}

.video-inner video {
  max-width: 650px;
  width: 100%;
  height: 366px;
  object-fit: cover;
  position: relative;
  z-index: 2;
}

.video-inner p {
  color: #707070;
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.video-content-text {
  max-width: 914px;
  width: 100%;
  background-color: #7db640;
}

.video-text-inner {
  max-width: 699px;
  width: 100%;
  margin: auto;
  padding: 50px 20px;
}

.video-content-text h2,
.video-content-text h4 {
  color: #fff;
  text-align: center;
  font-family: "Work Sans";
  font-size: 40px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}

.video-content-text h4 {
  font-weight: 300;
}

.video-content-text h2 span {
  color: #fff;
  font-family: "Work Sans";
  font-size: 40px;
  font-style: italic;
  font-weight: 300;
  line-height: normal;
}

.video-content-text h2+p {
  color: #fff;
  text-align: center;
  font-family: "Work Sans";
  font-size: 40px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}

.transform-your-life {
  display: inline-flex;
  padding: 100px 40px;
  justify-content: center;
  gap: 60px;
}

.transform-left,
.transform-right {
  width: 100%;
}

.transform-left h2,
.transform-right h2 {
  color: #fff;
  font-family: "Work Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

.transform-left p,
.transform-right p,
.partner-with-text p {
  color: #fff;
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.success h1,
.partner-with h1,
.success h2,
.partner-with h2 {
  color: #707070;
  text-align: center;
  font-family: "Work Sans";
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 32px;
}

.success .success-image {
  max-width: 743px;
  width: 100%;
  height: 857px;
  margin: auto;
}

img,
video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.success-frame {
  max-width: 1540px;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
  flex-shrink: 0;
  flex-wrap: nowrap;
}

.success-text {
  width: 100%;
  text-align: left;
  font-size: 20px;
  line-height: 30px;
}

.success-text p {
  font-size: 20px;
  line-height: 30px;
  color: #707070;
}

.card-wrapper {
  max-width: 1480px;
  width: 100%;
  margin: auto;
  display: flex;
  align-items: flex-start;
  gap: 60px;
  flex-wrap: nowrap;
  padding: 0 40px;
}

.card-item {
  max-width: 655px;
  width: 100%;
}

.card-media {
  max-width: 655px;
  width: 100%;
  height: 380px;
}

.card-media iframe {
  height: 380px;
  width: 100%;
}

.why-myhome-left-img {
  max-width: 197px;
  position: absolute;
  left: 0;
  bottom: -135px;
  width: 100%;
  height: 311px;
  margin-left: 110px;
}

.why-myhome-left-img:before {
  position: absolute;
  content: '';
  width: 174px;
  height: 174px;
  background: #009FE3;
  bottom: 50px;
  left: -70px;
}

.why-myhome-left-img img {
  position: relative;
  z-index: 1;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.why-myhome-right-img {
  max-width: 435px;
  position: absolute;
  right: 0;
  top: 40px;
  width: 100%;
  height: 244px;
  margin-right: 40px;
}

.why-myhome-right-img:before {
  position: absolute;
  content: '';
  width: 95px;
  height: 95px;
  background: #E62733;
  top: -75px;
  right: 0;
}

.why-myhome-right-img img {
  position: relative;
  z-index: 1;
}

.card-text {
  max-width: 659px;
  width: 100%;
  padding-top: 20px;
}

.card-text h2 {
  color: #707070;
  font-family: "Work Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

.card-text p {
  color: #707070;
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.partner-with-text {
  max-width: 1073px;
  width: 100%;
  margin: auto;
}

.partner-with-text p {
  color: #747474;
  text-align: center;
}

/* slider  */
.myswiper {
  /* max-width: 1656px; */
  width: 100%;
  margin: auto;
}

.swiper-items {
  margin: 0 20px;
}

.swiper-img {
  max-width: 238px;
  width: 100%;
  height: 229px;
}

/* slider end  */

.footer {
  padding: 78px 0;
}

.footer-logo {
  max-width: 471px;
  width: 100%;
  height: 178px;
  margin: auto;
  text-align: center;
}

.footer-link {
  width: 100%;
  text-align: center;
  margin-top: 45px;
}

.footer-link a {
  color: #747474;
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* screen 1600px  */
@media (max-width: 1600px) {

  .transfer-your-life-wrapper .left,
  .right {
    max-width: 700px;
  }
}


/* ready to take next step   */
.ready-to-take-next {
  margin: 0 auto 220px;
  max-width: 1920px;
  padding: 0 40px;
}

.ready-to-take-next h2,
p {
  margin: 0;
}

.ready-to-take-next .form-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 60px;
  padding-top: 15px
}

.ready-to-take-next .form-wrapper .form {
  display: flex;
  max-width: calc(50% - 30px);
  max-width: 100%;
}

.ready-to-take-next .form-img {
  max-width: calc(50% - 30px);
  width: 100%;
}

.ready-to-take-next label {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  color: #707070;
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ready-to-take-next .form input,
textarea,
select {
  border: 2px solid #707070;
  width: 100%;
  padding: 10px 15px;
  height: 50px;
}

.ready-to-take-next input,
select,
:focus {
  outline: none;
}

.ready-to-take-next form .error {
  margin-top: 10px;
}

.ready-to-take-next form textarea {
  width: 100% !important;
  height: 180px;
}

.ready-to-take-next form input.btn {
  padding: 0 20px;
  height: 80px;
  transition: all ease-in-out 0.3s;
}

/* new form design */

.ready-to-take-next form {
  max-width: calc(50% - 30px);
  width: 100%;
  padding: 40px 35px 40px 35px;
  border: 4px solid #707070;
}

.ready-to-take-next form .infusion-submit .grecaptcha-badge {
  display: none !important;
}

.ready-to-take-next form .text {
  display: none !important;
}

.ready-to-take-next form td {
  width: 100%;
  display: block;
}

.ready-to-take-next form .infusion-field-label-container label {
  flex-direction: row;
}

.ready-to-take-next form td.infusion-field-input-container {
  width: 100% !important;
  margin: 10px 0
}

.ready-to-take-next form .infusion-field-input-container input {
  border: 2px solid #707070;
  width: 100% !important;
  padding: 10px 15px;
  height: 50px;
  font-size: 20px;
}

.ready-to-take-next form .infusion-field-required-errorMessage {
  font-size: 20px;
  color: red;
  margin-top: 10px;
}

.ready-to-take-next form button {
  max-width: 516px;
  width: 100%;
  padding: 0 20px;
  height: 80px;
  transition: all ease-in-out 0.3s;
  background-color: #009FE3;
  border: 1px solid #009fe3 !important;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.ready-to-take-next form button:hover {
  background-color: #fff !important;
  color: #009FE3 !important;
}


/* new form design end  */
.swiper-container {
  overflow: hidden;
  max-width: 1440px;
  width: 100%;
  margin: auto;
  position: relative;
}

.swiper-img {
  max-width: 238px;
  width: 100%;
  height: 229px;
}

.custom-next-button,
.custom-prev-button {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: cover;
}

.custom-next-button {
  background-image: url("../images/slider-prev-arrow.png");
  transform: rotate(180deg);
}

.custom-prev-button {
  background-image: url("../images/slider-prev-arrow.png");
}

.swiper-button-prev::after,
.swiper-button-next::after {
  opacity: 0;
}

/* form */
.form-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 60px;
}

.form {
  display: flex;
  max-width: calc(50% - 30px);
  width: 100%;
  padding: 40px 35px 40px 35px;
  justify-content: center;
  flex-shrink: 0;
  border: 4px solid #707070;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.form-img {
  max-width: calc(50% - 30px);
  width: 100%;
}

.ready-to-take-next label {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  color: #707070;
  font-family: "Work Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ready-to-take-next .form input,
textarea,
select {
  border: 2px solid #707070;
  width: 100%;
  padding: 10px 15px;
  height: 50px;
}

.ready-to-take-next input,
select,
:focus {
  outline: none;
}

.ready-to-take-next form .error {
  margin-top: 10px;
}

.ready-to-take-next form textarea {
  width: 100% !important;
}

header.header.top-header .left,
footer.footer .footer_logo img {
  max-width: 365px;
  width: 100%;
}

header.header.top-header .left .logo_div,
header.header.top-header .left .logo_div img {
  max-width: 100%;
}

footer.footer.overlay_div.footer-bottom {
  background: none !important;
}

.footer-email {
  padding: 0 15px;
  text-align: center;
}

.footer-email a {
  color: #747474 !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.swiper-container {
  width: calc(100% - 60px);
}

.swiper-container .swiper-img img {
  object-fit: contain !important;
}

.swiper-container .swiper-img {
  max-width: 238px;
  width: 100%;
  height: auto !important;
}

.swiper-container .custom-next-button {
  right: 0;
}

.swiper-container .custom-prev-button {
  left: 0;
}

/* media css */
@media (min-width: 1900px) {
  .banner-content .content-text {
    padding-right: 160px;
  }
}

@media (max-width: 1699px) {

  .content-text h2,
  .left h3,
  .right h3,
  .design-for-high-wrapper h2,
  .ready-to-take-next h2,
  .video-content-text h2,
  .transform-left h2,
  .transform-right h2,
  .success h2,
  .partner-with h2,
  .card-text h2,
  .video-content-text h4,
  .video-content-text h4+p {
    font-size: 38px;
    line-height: 48px;
  }

  .content-text p,
  .left p,
  .right p,
  .left h6,
  .right h6,
  .why-myhome-title p,
  .design-for-high-wrapper p,
  .ready-to-take-next p,
  .frame-wrapper li,
  .transform-left p,
  .transform-right p,
  .partner-with-text p,
  .card-text p,
  .success-text,
  .success-text p {
    font-size: 20px;
    line-height: 30px !important;
  }

  .why-myhome-title {
    max-width: 650px;
  }

  .why-myhome-left-img {
    max-width: 160px;
    bottom: -100px;
    height: auto;
  }
}

@media (max-width: 1599px) {

  .banner-title h1,
  .banner-title h1 span {
    font-size: 40px;
    line-height: 34px;
  }

  .banner-title {
    max-width: 603px;
  }

  .content-text .content-box .content-box-in:before {
    width: 30px;
    height: 30px;
  }

  .shape-01 {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
  }

  .shape-02 {
    width: 100px;
    height: 100px;
    left: 75px;
  }

  .shape-021 {
    width: 40px;
    height: 40px;
    bottom: 45px;
    right: -26px;
  }

  .shape-03 {
    width: 60px;
    height: 60px;
    right: 40px;
  }

  .content-text h2,
  .left h3,
  .right h3,
  .design-for-high-wrapper h2,
  .ready-to-take-next h2,
  .video-content-text h2,
  .transform-left h2,
  .transform-right h2,
  .success h2,
  .partner-with h2,
  .card-text h2,
  .video-content-text h4,
  .video-content-text h4+p {
    font-size: 28px;
    line-height: 38px;
  }

  .content-text p,
  .left p,
  .right p,
  .left h6,
  .right h6,
  .why-myhome-title p,
  .design-for-high-wrapper p,
  .ready-to-take-next p,
  .frame-wrapper li,
  .transform-left p,
  .transform-right p,
  .partner-with-text p,
  .card-text p,
  .success-text,
  .success-text p {
    font-size: 18px;
    line-height: 1.8em !important;
  }

  .why-myhome-left-img {
    max-width: 100px;
    bottom: -80px;
    height: auto;
    margin-left: 80px;
  }

  .why-myhome-left-img:before {
    width: 74px;
    height: 74px;
    bottom: 50px;
    left: -40px;
  }

  .why-myhome-title h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 16px;
  }

  .why-myhome-title {
    max-width: 450px;
  }

  .why-myhome {
    padding: 30px 40px;
    min-height: 230px;
  }

  .why-myhome-right-img:before {
    width: 45px;
    height: 45px;
    top: -25px;
  }

  .why-myhome-right-img {
    max-width: 210px;
    top: 65px;
    height: auto;
  }

  .frame-wrapper {
    flex-wrap: nowrap;
  }

  .design-for-high-wrapper {
    width: 100%;
    margin: 112px auto 175px;
    max-width: 1200px;
    padding: 0 40px;
  }

  .frame-item {
    max-width: 150px;
    height: 150px;
  }

  .frame-items-wrap {
    gap: 50px;
  }

  .frame-wrapper .frame {
    align-items: flex-start;
  }

  .video-inner {
    margin: 50px 5px 0 40px;
  }

  .video-inner iframe {
    width: 100%;
  }

  .videoWithImage {
    max-width: 201px;
  }

  .video-content-text {
    max-width: 850px;
  }

  .transform-your-life {
    padding: 50px 40px;
  }

}

@media (max-width: 1280px) {
  .frame-wrapper {
    max-width: 900px;
    margin: 0 auto;
  }

  .video-content-text {
    max-width: 58%;
  }

  .video-wrap {
    max-width: 40%;
  }

  .ready-to-take-next .form-wrapper {
    flex-wrap: wrap;
  }

  .ready-to-take-next .form-img {
    max-width: 100%;
    width: 100%;
  }

  .ready-to-take-next {
    margin-bottom: 90px;
  }

  .ready-to-take-next {
    overflow: visible !important;
  }

  /* new form design start  */

  .ready-to-take-next form{
    max-width: 100%;
}

  /* new form design end  */

  .shapeForm-02 {
    width: 33px;
    height: 33px;
    bottom: -15px;
    left: 37px;
  }

  .shapeForm-03 {
    width: 70px;
    height: 107px;
    bottom: -47px;
    right: 0;
  }

  .shapeForm-031 {
    width: 40px;
    height: 40px;
    bottom: 35px;
    right: 45px;
  }

  .success .success-image {
    max-width: 500px;
    height: auto;
  }

  .card-wrapper,
  .transform-your-life {
    gap: 40px;
  }

  .content-text .content-box .content-box-in {
    margin-left: 0;
  }

  .content-text .content-box .content-box-in:before {
    left: 0;
  }

  .video-text-inner {
    padding: 50px 40px;
  }
}

@media (max-width: 991px) {
  .banner-content {
    flex-wrap: wrap;
  }

  .content-text-wrapper {
    max-width: 100%;
    width: 100%;
    order: 2;
  }

  .content-img {
    max-width: 100%;
    width: 100%;
    order: 1;
    margin-bottom: 54px;
  }

  .content-text .content-box .content-box-in:before {
    display: none;
  }

  .content-text {
    padding: 30px;
  }

  .shape-01 {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    top: -11px;
    right: 55px;
  }

  .shape-03 {
    width: 54px;
    height: 54px;
    right: 45px;
  }

  .shape-02 {
    width: 87px;
    height: 87px;
    left: 101px;
  }

  .shape-021 {
    width: 32px;
    height: 32px;
    bottom: 35px;
    right: -26px;
  }

  .why-myhome {
    padding-top: 150px;
  }

  .why-myhome-right-img {
    max-width: 160px;
    top: 0;
    height: auto;
    padding-top: 25px;
  }

  .why-myhome-right-img:before {
    width: 54px;
    height: 54px;
    top: -18px;
  }

  .why-myhome-left-img {
    max-width: 60px;
    margin-left: 60px;
    top: 30px;
    bottom: auto;
  }

  .why-myhome-left-img:before {
    width: 40px;
    height: 40px;
    bottom: 30px;
    left: -15px;
  }

}

@media (max-width: 767px) {

  header.header.top-header .left,
  footer.footer .footer_logo img {
    max-width: 175px;
    width: 100%;
  }

  .banner-title h1,
  .banner-title h1 span {
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    padding: 0 15px;
  }

  .transfer-your-life-wrapper {
    flex-wrap: wrap;
    max-width: 100%;
  }

  .frame-wrapper {
    max-width: 900px;
    margin: 0 auto;
    flex-wrap: wrap;
  }

  .frame-item {
    max-width: 147px;
    height: 147px;
  }

  .frame-items-wrap {
    gap: 20px;
  }

  .card-wrapper,
  .transform-your-life {
    gap: 20px;
    flex-wrap: wrap;
  }

  .success-frame {
    flex-wrap: wrap;
    gap: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .card-wrapper {
    padding: 0 30px;
  }

  .card-media {
    height: 201px;
  }

  .space-xl {
    padding: 20px 0;
  }

  .design-for-high-wrapper,
  .content-text,
  .partner-with,
  .transfer-your-life-wrapper,
  .why-myhome,
  .ready-to-take-next,
  .transform-your-life,
  .success {
    padding-left: 30px;
    padding-right: 30px;
  }

  .video-text-inner {
    padding: 40px 30px;
  }

  .videoWithImage {
    max-width: 100%;
  }

  .btn {
    max-width: 280px;
    width: 100%;
    padding: 0;
    font-size: 15px;
    height: 50px;
    line-height: 48px;
  }

  .ready-to-take-next form input.btn {
    height: 50px;
  }

  .video-inner {
    margin: 0;
  }

  .video-content-text {
    max-width: 100%;
  }

  .header {
    padding: 20px 0 0;
  }

  .space-lg {
    padding: 15px 0;
  }

  .content-text h2 {
    font-size: 25px;
    margin-bottom: 20px;
    line-height: 34px;
  }

  .space-md {
    padding: 30px 0 0;
  }

  .left h3,
  .right h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
  }

  .transfer-your-life-wrapper .left:first-child {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(148, 150, 156, 0.20);
    margin-bottom: 8px;
  }

  .design-for-high-wrapper h2,
  .design-for-high-wrapper p {
    text-align: left;
  }

  .frame-wrapper .frame {
    width: 100%;
    margin-top: 20px;
    gap: 20px;
  }

  .videoWithImage {
    height: 250px;
  }

  .video-wrap {
    order: 1;
  }

  .frame-wrapper {
    gap: 15px;
  }

  .content-text p,
  .left p,
  .right p,
  .left h6,
  .right h6,
  .why-myhome-title p,
  .design-for-high-wrapper p,
  .ready-to-take-next p,
  .frame-wrapper li,
  .transform-left p,
  .transform-right p,
  .partner-with-text p,
  .card-text p,
  .success-text,
  .success-text p {
    font-size: 15px;
    line-height: 1.5em !important;
  }

  .video-content-text h2,
  .video-content-text h2 span,
  .video-content-text h4 {
    font-size: 25px;
    line-height: 34px;
  }

  .video-wrap {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 40px;
    padding: 0 30px;
  }

  .videoWithImage {
    order: 2;
    position: static;
  }

  .videoWithImage {
    margin-top: 20px !important;
  }

  .video-inner {
    width: 100%;
    font-size: 10px;
    line-height: 18px;
  }

  .design-for-high-wrapper {
    width: 100%;
    margin: 40px auto;
  }

  .design-for-high-wrapper h2,
  .ready-to-take-next h2,
  .ready-to-take-next p {
    text-align: left;
  }

  .video-inner iframe {
    width: 100%;
    height: 100%;
  }

  .video-inner {
    width: 100%;
    max-width: 100%;
    height: 195px;
  }

  .video-inner p {
    font-size: 10px;
  }

  .ready-to-take-next {
    padding-top: 30px;
  }

  .ready-to-take-next .form-wrapper .form {
    border: 1px solid #707070;
    padding: 30px 35px;
  }

  .ready-to-take-next label {
    font-size: 12px;
  }

  .ready-to-take-next .form input,
  textarea,
  select {
    border: 1px solid #707070;
    width: 100%;
    padding: 0px 15px;
    height: 30px;
  }

  .ready-to-take-next form textarea {
    height: 80px;
  }

  .wpcf7-spinner {
    display: none;
  }

  .ready-to-take-next .form-wrapper {
    gap: 20px;
  }

  /* new form design start */

  .ready-to-take-next .form-wrapper form {
    border: 1px solid #707070;
    padding: 30px 35px;
  }

  .ready-to-take-next form .infusion-field-input-container input {
    border: 1px solid #707070;
    width: 100%;
    padding: 0px 15px;
    height: 30px;
    font-size: 12px;
  }

  .ready-to-take-next form .infusion-field-required-errorMessage {
    font-size: 12px
  }

  .ready-to-take-next form button {
    height: 50px;
    font-size: 12px;
  }

  /* new form design end */

  .ready-to-take-next .form-img {
    max-width: calc(100% + 60px);
    margin: 0 -30px;
    width: calc(100% + 60px);
  }

  .ready-to-take-next {
    padding-top: 30px;
    overflow: hidden;
  }

  .transform-left h2,
  .transform-right h2 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 30px;
  }

  .transform-left:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.60);
    margin-bottom: 8px;
    padding-bottom: 30px;
  }

  .card-text {
    padding: 15px 0 !important;
  }

  .card-text h2 {
    font-size: 20px;
    margin-bottom: 8px !important;
  }

  .card-media iframe {
    height: 201px;
    width: 100%;
  }

  .partner-with,
  .partner-with h2 {
    text-align: left;
  }

  .footer-email a {
    font-size: 10px;
    line-height: 18px;
  }

  footer.footer .footer_logo {
    margin-bottom: 0;
  }

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

  .video-inner video {
    max-width: 100%;
    width: 100%;
    height: 100%;
  }

}

/* media screen for mobile  */

@media (max-width: 576px) {

  /* header section  */
  .logo {
    max-width: 148px;
    width: 100%;
    height: 50px;
    padding: 0;
  }

  .banner-title h1,
  .banner-title h1 span {
    font-size: 30px;
  }

  .banner-title h1:last-child {
    text-align: center;
  }

  .content-text-wrapper {
    max-width: 100%;
  }

  .content-text {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex-shrink: 0;
  }

  .content-text .content-box {
    max-width: 300px;
    width: 100%;
  }

  .content-text p {
    font-size: 15px;
  }

  .content-img {
    width: 100%;
    height: 252px;
  }

  /* transfer your life section  */
  .transfer-your-life-wrapper {
    width: 100%;
    gap: 20px;
  }

  .left h3,
  .right h3 {
    font-size: 20px;
  }

  .left h6,
  .right h6 {
    font-size: 15px;
  }

  .left p,
  .right p {
    font-size: 15px;
  }

  .line {
    opacity: 1;
    display: inline-block;
  }

  /* why myhome section  */

  .why-myhome-title {
    width: 100%;
  }

  .why-myhome-title h2 {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: left;
  }

  .why-myhome-title p {
    font-size: 15px;
    text-align: left;
  }

  .why-myhome-image {
    width: 100%;
  }

  /* designed for high  */
  .design-for-high-wrapper {
    width: 100%;
    margin: 40px auto;
  }

  .design-for-high-wrapper h2 {
    font-size: 30px;
    text-align: left;
  }

  .frame-wrapper .frame {
    width: 100%;
    margin-top: 20px;
    gap: 20px;
  }

  .frame-items-wrap {
    gap: 30px;
  }

  .frame-item {
    height: 147px;
    width: 100%;
  }

  .frame-wrapper li {
    font-size: 15px;
  }

  /* video content  section  */
  .video-content {
    width: 100%;
  }

  .video-wrap,
  .video-content-text {
    width: 100%;
  }

  .video-inner {
    width: 100%;
  }

  .videoWithImage {
    position: relative;
    margin: auto;
    top: 0;
    right: 0;
  }

  .transform-your-life {
    padding: 30px;
  }

  .transform-left h2,
  .transform-right h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .transform-left p,
  .transform-right p {
    font-size: 15px;
  }

  /* success  */
  .success h2,
  .partner-with h2 {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 40px;
  }

  .success-frame {
    width: 100%;
    padding-top: 25px;
  }

  .success .success-image {
    width: 100%;
  }

  .card-item {
    width: 100%;
  }

  .card-text {
    padding: 25px 22px;
  }

  .card-text h2 {
    font-size: 20px;
  }

  .card-text p {
    font-size: 15px;
  }

  /* partner with  */
  .partner-with {
    width: 100%;
    margin: auto;
  }

  .partner-with h1 {
    text-align: left;
    padding: 0;
  }

  .partner-with-text p {
    text-align: left;
    padding: 0;
    font-size: 15px;
  }

  .footer-logo {
    max-width: 148px;
    width: 100%;
    height: 56px;
  }

  .footer-link a {
    font-size: 10px;
  }
}



/***

.form-img:before {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  background: rgb(0, 0, 0, 0.3);
}
.video__icon{
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
cursor: pointer;
flex-direction: column;
}
.video__icon span{
color: #fff;
  margin-top: 10px;
  font-weight: 300;
}
.video__icon img{
object-fit: unset;
width: 100px;
height: 100px;
}
.popup {
display: none; 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); 
z-index: 9999;
}

.popup-content {
  position: relative;
  background-color: white;
  margin: 14% auto;
  padding: 20px;
  max-width: 900px;
  border-radius: 8px;
  text-align: center;
  margin-top: 100px;
}


#closePopup {
cursor: pointer;
  max-width: 30px;
  width: 100%;
  display: unset;
  margin: unset;
  text-align: unset;
  font-family: unset !important;
  font-size: 15px;
  font-style: unset;
  font-weight: unset;
  height: 30px;
  line-height: unset;
  padding: unset;
  border-radius: 50%;
  background: #f01;
  border-color: #f01 !important;
  position: absolute;
  top: -15px;
  right: -15px;
  color: #fff;
}
body.popup-active {
overflow: hidden;
}
@media (max-width: 1024px) {
.popup-content {
  margin-left: 15px;
  margin-right: 15px;
}
.popup-content{
  padding:15px 15px 9px 15px
}
}



body.page-id-717 .space-xl {
  padding: 20px 0;
}
body.page-id-717 .space-lg {
  padding: 20px 0;
}
body.page-id-717 .ready-to-take-next{
margin: 40px auto 150px;
}
body.page-id-717 .design-for-high-wrapper{
margin: 100px auto 85px;
}
body.page-id-717 .design-for-high-wrapper h2, body.page-id-717 .ready-to-take-next h2, body.page-id-717 .success h2{
margin-bottom: 10px;
}
body.page-id-717 .frame-wrapper .frame{
margin-top: 0px;
gap: 30px;
}
body.page-id-717 footer.footer {
  padding: 20px 0;
}
body.page-id-717 footer.footer .footer_logo{
margin-bottom: 0px;
}
body.page-id-717 .row .banner-title h1, body.page-id-717 .banner-title h1 span{
padding-top: 0px;
font-size: 44px;
line-height: 1.41;
font-weight: 300;
}

@media (max-width: 1024px) {
body.page-id-717 .ready-to-take-next {
  margin: 0 auto 150px;
}
body.page-id-717 .ready-to-take-next {
  margin: 0 auto 60px;
  padding-top: 30px;
}
body.page-id-717 .design-for-high-wrapper {
  margin: 73px auto 73px;
}
body.page-id-717 .space-md {
  padding: 20px;
}
.partner-with{padding:0 40px}
.ready-to-take-next .form-wrapper{
  gap: 20px;
}
}

@media (max-width: 767px) {
body.page-id-717 .ready-to-take-next {
  margin: 0 auto 150px;
}
body.page-id-717 .ready-to-take-next {
  margin: 0 auto 60px;
}
body.page-id-717 .design-for-high-wrapper {
  margin: 30px auto 30px;
}
    .content-text .content-box {
      max-width: 100%;
      width: 100%;
  }
}


body.page-id-717 .ready-to-take-next form {
  max-width: calc(50% - 30px);
  width: 100%;
  border: 2px solid #747474;
  padding: 40px 40px 25px 40px;
}
body.page-id-717 .ready-to-take-next label {
  color: #747474;
  font-size: 16px;
}
body.page-id-717 .ready-to-take-next form .infusion-field-input-container input {
  border: 1px solid #d2d2d2;
  width: 100% !important;
  padding: 8px 15px;
  height: 40px;
  font-size: 13px;
  background-color: #fafafa !important;
  color: #666 !important;
}
body.page-id-717 .ready-to-take-next form button,
body.page-id-717 .btn-blue{
  width: 100%;
  height: unset;
  transition: all ease-in-out 0.3s;
  background-color: unset;
  border: 2px solid #747474 !important;
  color: #747474;
  font-weight: 500;
  padding: 13px 29px;
  line-height: 17px;
  font-size: 14px;
max-width: 100%;
text-transform: none;
}
body.page-id-717 .btn-blue{
  max-width:300px;
background-color: unset !important;
padding: 20px 25px;
  line-height: 25px;
  font-size: 24px;
font-weight: 400;
}
body.page-id-717 .ready-to-take-next form button:hover,
body.page-id-717 .btn-blue:hover{
  background-color: #fff !important;
  color: #2c2d84 !important;
}
body.page-id-717 .ready-to-take-next form .infusion-field-required-errorMessage {
  font-size: 13px;
  color: red;
  margin-top: 0px;
}
body.page-id-717 .banner-content h2{
 font-size: 32px;
  font-weight: 300;
  line-height: 1.21;
}
body.page-id-717 .transfer-your-life-wrapper h3{
color:#333333;
font-size: 32px;
  font-weight: 300;
  line-height: 1.21;
}
body.page-id-717 .transfer-your-life-wrapper h6,
body.page-id-717 .design-for-high-wrapper p{
 font-size: 20px;
  font-weight: 600;
  line-height: 1.21 !important;
  color: #333333;
}
body.page-id-717 .content-text p,
body.page-id-717 .why-myhome-title p{
 line-height: 2 !important;
  font-size: 16px!important;
}

body.page-id-717 .transfer-your-life-wrapper p, 
body.page-id-717 .partner-with p,
body.page-id-717 .ready-to-take-next p{
 line-height: 2 !important;
  font-size: 16px!important;
color: #747474 !important;
}
body.page-id-717 .ready-to-take-next h2,
body.page-id-717 .design-for-high-wrapper h2, 
body.page-id-717 .success h2,
body.page-id-717 .partner-with h2{
 font-size: 44px;
  font-weight: 300;
  line-height: 1.41;
  color:#333333!important;
}
body.page-id-717 .why-myhome-title h2{
      margin-bottom: 16px;
      font-size: 44px;
      font-weight: 300;
      line-height: 1.41;
  }
body.page-id-717 .design-for-high-wrapper li,
body.page-id-717 .transform-left p,
body.page-id-717 .success-text p,
body.page-id-717 .card-text p{
 line-height: 2 !important;
  font-size: 16px!important;
}
body.page-id-717 .video-text-inner h2, 
body.page-id-717 .transform-left h2,
body.page-id-717 .card-text h2{
 font-size: 28px;
  font-weight: 300;
  line-height: 1.41;
}
body.page-id-717 .video-content-text h2+p {
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
body.page-id-717 .video-content-text h4{
 font-size: 20px;
      line-height: 30px;
max-width: 400px;
  margin: auto;
}
body.page-id-717 .video-content-text{
 display:flex;
}
body.page-id-717 .footer-email a {
  color: #333333 !important;
  font-size: 16px;
  transition-property: color, background-color, border-color;
  transition-duration: .2s;
  transition-timing-function: linear;
}
body.page-id-717 .footer-email a:hover{
 color: #b6b6b6!important;
}

@media (max-width: 1280px) {
  body.page-id-717 .ready-to-take-next .form-wrapper {
      flex-wrap: unset;
  }
}
@media (max-width: 767px) {
  body.page-id-717 .ready-to-take-next .form-wrapper {
      flex-wrap: wrap;
  }
body.page-id-717 .ready-to-take-next form {
  max-width: 100%;
}
body.page-id-717 .design-for-high-wrapper h2,
body.page-id-717 .ready-to-take-next h2,
body.page-id-717 .why-myhome-title h2,
body.page-id-717 .success h2,
body.page-id-717 .partner-with h2{
  font-size: 32px;
  line-height: 1.21;
}
}
@media (max-width: 1599px) {
  .banner-title {
      max-width: 700px;
  }
}


**/