@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Poppins:400,700,900,500,600,500italic,400italic|Inter:400");
/* The following line is used to measure usage of this code in production. For more info see our usage billing page */
@import url("https://px.animaapp.com/629a1f7743645130dc791c46.629a1f797bd7328a6f168b4c.bOXiIz6.hcp.png");


/* screen - how-it-works */
html, body {
  overflow-x: inherit !important;
  overflow-y: inherit !important;
}
#input_1_5{
	float: right !important;
}
#input_1_4 {
	float: left !important;
}
#gform_submit_button_2 {
	left: auto !important;
}
.how-it-works {
  align-items: center;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: fit-content;
  /* width: 1440px; */
}

.how-it-works .header {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  height: 63px;
  margin-left: 16.0px;
  margin-top: 29px;
  min-width: 1378px;
  z-index: 1;
}

.how-it-works .flex-row {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  min-width: 962px;
}

.how-it-works .executive-search-dating-1 {
  cursor: pointer;
  height: 61px;
  width: 246px;
}

.how-it-works .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin-left: 414px;
  min-height: 30px;
  width: 103px;
}

.how-it-works .how-it-works-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
}

.how-it-works .rectangle-26 {
  background-color: var(--trinidad);
  border: 1px none;
  border-radius: 2.5px;
  height: 5px;
  width: 103px;
}

.how-it-works .locations {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 6px;
  margin-left: 15px;
  min-height: 24px;
  min-width: 78px;
}

.how-it-works .angle-down-solid-1-1 {
  height: 19px;
  margin-bottom: 7px;
  margin-left: 4px;
  width: 12px;
}

.how-it-works .about-us {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 6px;
  margin-left: 17px;
  min-height: 24px;
  min-width: 73px;
}

.how-it-works .flex-col-1 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 57px;
  width: 386px;
}

.how-it-works .call-us-today-1-833-551-0221 {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 2px;
  min-height: 30px;
  min-width: 296px;
}

.how-it-works .navbar-link-container {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  height: 24px;
  min-width: 386px;
}

.how-it-works .navbar-link-success-stories {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 130px;
}

.how-it-works .navbar-link-faq {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 32px;
}

.how-it-works .navbar-link-dating-advice {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 113px;
}

.how-it-works .navbar-link-place {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
}

.how-it-works .hero-image {
  align-items: flex-start;
  display: flex;
  height: 360px;
  justify-content: center;
  margin-right: 2.0px;
  /* margin-top: 26px; */
  min-width: 100%;
  z-index: 5;
}

.how-it-works .mask-group {
  height: 360px;
  width: 100%;
  display: flex;
  flex-direction: column;
  max-width: 100% !important;
  background-repeat: no-repeat;
  position: relative;
  background-position-y: 25%;
  margin: 15px;
  border-radius: 25px;
  background-size: cover;
  border-radius: 25px;
}

.how-it-works .side_button {
	align-items: flex-start;
	cursor: pointer;
	display: flex;
	height: 223px;
	left: 1355px;
	min-width: 111px;
	position: fixed;
	top: 488px;
	z-index: 7;
}
.how-it-works .overlap-group9 {
	align-items: flex-start;
	background-color: #F66828;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	min-height: 223px;
	padding: 21px 37px;
	width: 95px;
	position: fixed;
	right: -5px;
}
.how-it-works .price {
	height: 17px;
	letter-spacing: 0;
	line-height: normal;
	text-align: center;
	width: 13px;
	word-wrap: break-word;
}
.how-it-works .overlap-group2-item {
	height: 17px;
	letter-spacing: 0;
	line-height: normal;
	margin-top: 5px;
	text-align: center;
	width: 13px;
}
.how-it-works .n {
	height: 17px;
	letter-spacing: 0;
	line-height: normal;
	margin-top: 13px;
	text-align: center;
	width: 13px;
}

.how-it-works .how-it-works-2 {
  height: 57px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 1.0px;
  margin-top: 65px;
  text-align: center;
  width: 949px;
  z-index: 4;
}

.how-it-works .experience-the-feeli {
  height: 52px;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 1.0px;
  margin-top: 8px;
  text-align: center;
  width: 709px;
  z-index: 3;
  margin-bottom: 40px;
  font-family: 'Poppins';
  font-size: 18px;
  color: #2F3231;
}

.how-it-works .overlap-group10 {
  position: relative;
  width: 1398px;
  z-index: 2;
}

.how-it-works .overlap-group5 {
  height: 3005px;
  left: 23px;
  position: absolute;
  top: 21px;
  width: 1374px;
}

.line-2 {
  height: auto;
  left: 700px;
  position: absolute;
  width: 10px;
  top: 50px;
}
#content-loop:last-child{
  margin-bottom: 40px;
}
.ellipse-36 {
  background-color: var(--athens-gray);
  border: 1px none;
  border-radius: 107.5px;
  height: 215px;
  left: 600px;
  position: absolute;
  top: -80px;
  transform: rotate(-180.00deg);
  width: 215px;
}

.how-it-works .overlap-group {
  background-size: 100% 100%;
  height: 537px;
  left: -30px;
  position: absolute;
  top: 2502px;
  width: 1421px;
}

.how-it-works .rectangle-27 {
  background-color: #00000080;
  border: 1px none;
  border-radius: 26px;
  height: 477px;
  left: 30px;
  mix-blend-mode: multiply;
  position: absolute;
  top: 26px;
  width: 1362px;
}

.how-it-works .find-your-match {
  height: 57px;
  left: 533px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  /*top: 99px;*/
  width: 378px;
}

.how-it-works .rectangle-7 {
  background-color: var(--orange);
  border: 1px none;
  border-radius: 25px;
  height: 50px;
  left: 649px;
  position: absolute;
  top: 381px;
  width: 151px;
}

.how-it-works .rectangle-6 {
 /*  background-color: var(--white);
  border: 1px solid; */
  border-color: var(--geyser);
  border-radius: 10px;
  height: 50px;
  left: 464px;
  position: absolute;
  top: 243px;
  width: 522px;
}

.how-it-works .rectangle-8 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--geyser);
  border-radius: 10px;
  height: 50px;
  left: 464px;
  position: absolute;
  top: 305px;
  width: 255px;
}


.how-it-works .rectangle-13 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--geyser);
  border-radius: 10px;
  height: 50px;
  left: 731px;
  position: absolute;
  top: 305px;
  width: 255px;
}

.how-it-works .get-a-free-consultat {
  height: 57px;
  left: 460px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #FFFFFF;
  top: 160px;
  width: 529px;
}

.how-it-works .full-name {
  height: 22px;
  left: 482px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 257px;
  width: 145px;
}

.how-it-works .email-address {
  height: 22px;
  left: 482px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 319px;
  width: 145px;
}

.how-it-works .phone-number {
  height: 22px;
  left: 749px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 319px;
  width: 145px;
}

.how-it-works .start-now {
  height: 22px;
  left: 684px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 395px;
  width: 82px;
}

.how-it-works .description_0 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 15px;
  width: 552px;
  font-family: 'Poppins';
  font-size: 18px;
  color: #2F3231;
}

.how-it-works .description_3 {
  height: 182px;
  left: 54px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 1395px;
  width: 553px;
}

.how-it-works .description_2 {
  height: 164px;
  left: 827px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 989px;
  width: 620px;
}

.how-it-works .description_5 {
  height: 101px;
  left: 88px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 2259px;
  width: 551px;
}

.how-it-works .description_4 {
  height: 54px;
  left: 818px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 1863px;
  width: 552px;
}

.how-it-works .description_1 {
  height: 236px;
  left: 54px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 510px;
  width: 552px;
}

.how-it-works .title_0 {
  letter-spacing: 0;
  line-height: normal;
  top: 142px;
  width: 542px;
}

.how-it-works .title_4 {
  height: 36px;
  left: 818px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 1813px;
  width: 577px;
}

.how-it-works .overlap_4 {
  height: 48px;
  left: 746px;
  position: absolute;
  top: 1806px;
  width: 66px;
}

.how-it-works .ellipse {
  background-color: #F66828;
  border: 1px none;
  border-radius: 24px;
  height: 48px;
  left: 9px;
  top: 0;
  width: 48px;
  margin: auto;
}

.how-it-works .number {
  height: 29px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 48px;
}

.how-it-works .title_5 {
  height: 65px;
  left: 88px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 2172px;
  width: 486px;
}

.how-it-works .overlap_5 {
  height: 48px;
  left: 16px;
  position: absolute;
  top: 2168px;
  width: 66px;
}

.how-it-works .mask-group-1 {
  height: 402px;
  top: 0;
  width: 665px;
}
.back_img{
  height: 360px !important;
  width: 100% !important;
  flex-direction: column;
  max-width: 100% !important;
  background-repeat: no-repeat;
  position: relative !important;
  background-position-y: 25%;
  border-radius: 25px;
  background-size: cover;
  border-radius: 25px;
  left: auto !important;
  top: auto !important;
}

.how-it-works .mask-group-3 {
  height: 402px;
  left: -45;
  position: absolute;
  top: 847px;
  width: 665px;
}

.how-it-works .mask-group-4 {
  height: 402px;
  left: 778px;
  position: absolute;
  top: 1262px;
  width: 665px;
}

.how-it-works .mask-group-6 {
  height: 402px;
  left: 730px;
  position: absolute;
  top: 2068px;
  width: 665px;
}

.how-it-works .mask-group-2 {
  height: 402px;
  left: 801px;
  position: absolute;
  top: 405px;
  width: 665px;
}

.how-it-works .mask-group-5 {
  height: 402px;
  left: 0;
  position: absolute;
  top: 1665px;
  width: 663px;
}

.how-it-works .overlap_0 {
  height: 48px;
  width: 66px;
}

.how-it-works .title_1 {
  height: 30px;
  left: 56px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 463px;
  width: 570px;
}

.how-it-works .overlap_1 {
  height: 48px;
  left: -19px;
  position: absolute;
  top: 453px;
  width: 66px;
}

.how-it-works .title_3 {
  height: 30px;
  left: 56px;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 1347px;
  white-space: nowrap;
  width: 570px;
}

.how-it-works .title_2 {
  height: 36px;
  left: 827px;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 941px;
  white-space: nowrap;
  width: 547px;
}

.how-it-works .overlap_3 {
  height: 48px;
  left: -19px;
  position: absolute;
  top: 1340px;
  width: 66px;
}

.how-it-works .overlap_2 {
  height: 48px;
  left: 755px;
  position: absolute;
  top: 934px;
  width: 66px;
}

.how-it-works .footer {
  align-items: flex-start;
  display: flex;
  margin-left: 2.0px;
  margin-top: 51px;
  min-width: 1442px;
  z-index: 6;
}

.how-it-works .overlap-group1 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--alto);
  display: flex;
  height: 84px;
  min-width: 1440px;
  padding: 29px 37px;
}

.how-it-works .x2022-copyright-exe {
  align-self: center;
  height: 19px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 1.0px;
  width: 737px;
}

.how-it-works .facebook-1 {
  height: 24px;
  margin-left: 413px;
  width: 24px;
}

.how-it-works .twitter-1 {
  height: 24px;
  margin-left: 19px;
  width: 24px;
}

.how-it-works .instagram-1 {
  height: 24px;
  margin-left: 18px;
  width: 21px;
}

.how-it-works .linkedin-1 {
  height: 24px;
  margin-left: 22px;
  width: 21px;
}

.how-it-works .youtube-1 {
  height: 24px;
  margin-left: 21px;
  width: 28px;
}
body .gform_wrapper .gform_footer input[type=submit] { 
  background-color: var(--orange);
  border: 1px none;
  border-radius: 25px;
  height: 50px;
  position: relative;
  margin: auto;
  width: 151px;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 700;
  color: white;		
}
#input_1_1{
  margin: auto;
}
#input_1_4{
  float: right;
}
.gform_button{
  padding-left: 0em !important;
}
body .gform_wrapper .gform_body input[type=email] { 
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--geyser);
  border-radius: 10px;
  height: 50px;
}
body .gform_wrapper .gform_body input[type=text] { 
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--geyser);
  border-radius: 10px;
  height: 50px;
}
body .gform_wrapper .gform_body input[type=tel] { 
  background-color: var(--white);
  border: 1px solid;	
  border-color: var(--geyser);
  border-radius: 10px;
  height: 50px;
}

.fancybox-button svg {
    color: #fff;
}
.fancybox-button{
    background-color: var(--orange);
}
.valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#start-now .rectangle-7 {
    background-color: var(--orange);
    border: 1px none;
    border-radius: 25px;
    cursor: pointer;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 151px;
}
#start-now .start-now {
    height: 22px;
    left: 35px;
    letter-spacing: 0;
    line-height: normal;
    position: absolute;
    top: 14px;
    width: 82px;
}
#start-now{
    border-radius: 25px;
}
#start-now .free-consultation {
    height: 57px;
    letter-spacing: 0;
    line-height: normal;
    margin-top: 11px;
    margin-bottom: 15px;
    text-align: center;
    width: 522px;
}
#start-now .overlap-group4 {
    align-items: flex-start;
    background-color: var(--athens-gray);
    border: 1px solid;
    border-color: var(--geyser);
    border-radius: 10px;
    display: flex;
    height: 50px;
    margin-top: 20px;
    min-width: 522px;
    padding: 13px 17px;
}
#start-now .overlap-group-container {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    margin-top: 12px;
    min-width: 522px;
}
#start-now  .overlap-group {
    align-items: flex-start;
    background-color: var(--athens-gray);
    border: 1px solid;
    border-color: var(--geyser);
    border-radius: 10px;
    display: flex;
    height: 50px;
    min-width: 276px;
    padding: 13px 17px;

}
#start-now .overlap-group2 {
    border-radius: 25px;
    height: 50px;
    margin-right: 1.0px;
    margin-top: 26px;
    position: relative;
    width: 151px;
    margin-left: auto;
    margin-right: auto;
}  
#start-now .start-now {
    height: 22px;
    left: 35px;
    letter-spacing: 0;
    line-height: normal;
    position: absolute;
    top: 14px;
    width: 82px;
} 
#thank-you .overlap-group1  {
    align-items: center;
    background-color: var(--white);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    left: 374px;
} 
#thank-you .place-1{
    height: 57px;
    letter-spacing: 0;
    line-height: normal;
    margin-top: 38px;
    text-align: center;
    width: 522px;
}
#thank-you .overlap-group-1{
    height: 86px;
    margin-right: 4.0px;
    margin-top: 34px;
    position: relative;
    width: 566px;
}
#thank-you .rectangle-85 {
    background-color: #d4edda;
    border: 1px solid;
    border-color: #c3e6cb;
    border-radius: 5px;
    height: 86px;
    left: 43px;
    position: absolute;
    top: 0;
    width: 485px;
}
#thank-you .your-form-has-been-s {
    color: #155724;
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-l);
    font-weight: 400;
    height: 49px;
    left: 0;
    letter-spacing: 0;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 566px;
}
#thank-you {
    border-radius: 25px;
}
@media only screen and (max-width: 990px){
    #gform_submit_button_1 {
      margin-top: 15px !important;
    }
    body .gform_wrapper .gform_footer input[type=submit] { 
        left: 0px;
    }
    .overlap-group1 .poppins-semi-bold-black-45px{
      font-size: 25px;
    }
    .gform_wrapper.gravity-theme #field_2_1{
      /* width: 250px; */
      left: 0px;
    }
}
#content-loop{
    display:flex;
    gap: 50px;
    margin-top: 50px;
}
#cont-title{
    display:flex;
    gap: 12px;
    margin-top: 8%;
}
.overlap{
    position: relative;
}
#lp-image, #lp-description{
    width:50%
}
.right-img{
    margin-left:50px;
}
.right-content{
    margin-left:20px;
}
#lp-image img{
    width: 100%;
    height: 356px;
    border-radius: 25px;
    width: 100%;
    object-fit: cover;
}
.sign-up-form{
    align-items: flex-start;
    display: flex;
    height: 478px;
    margin-left: 14.0px;
    margin-top: 80px;
    margin-bottom: 50px;
}
.overlap-group5{
    background-size: 100% 100%;
    height: 537px;
    margin-top: -26px;
    position: relative;
    width: 1421px;
    margin: auto;
}
.overlap-group{
    background-size: 100% 100%;
    height: 537px;
    margin-top: -40px;
    position: relative;
    width: 1421px;
}
.rectangle-27{
  height: 537px;
  mix-blend-mode: multiply;
  position: absolute;
}
.find-your-match{
    height: 57px;
    left: 533px;
    letter-spacing: 0;
    line-height: normal;
    position: absolute;
    /*top: 99px;*/
    width: 378px;
}
#find-match{
    border-color: var(--geyser);
    border-radius: 10px;
    height: 50px;
    left: 464px;
    position: absolute;
    top: 243px;
    left: 32%;
    width: 37% !important;
}

.get-a-free-consultat {
		position: sticky;
		text-align: center;
		padding-top: 37px;
		margin: auto;
		width: 326px;
		font-family: 'Poppins', Helvetica;
		font-size: 16px !important;
		font-style: normal!important;
		font-weight: 400 !important;
	}
/* Find your match */
.sign-up-form {
  margin-left: 0px;
  width: 100%;
}
.overlap-group5 {
  margin: auto;
  width: 100%;
  margin: 15px;
}
.overlap-group {
  width: 100%;
  border-radius: 25px;
  background-size: cover;
  background-position-y: 25%;
}
.rectangle-27 {
  width: 100%;
}
.find-your-match {
  position: initial;
  width: 100%;
  text-align: center;
  padding-top: 150px;
  z-index: 10;
  position: sticky;
}
.get-a-free-consultat {
  position: initial;
  text-align: center;
  padding-top: 37px;
  margin: auto;
  position: sticky;
  z-index: 10;
  width: 428px;
}
#find-match {
  left: auto;
  width: 100%;
  top: 283px;
}
.gform_wrapper.gravity-theme .gform_fields {
  grid-column-gap: 0.5% !important;
}
.ellipse-36 {
  top: 2px;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* Find your match */
@media only screen and (max-width: 1400px){
  #lp-image img {
    width: 90%;
  }
  .right-content {
    margin-left: 0px;
  }
  .how-it-works .title_0 {
    width: auto;
  }
  .how-it-works .description_0 {
    width: auto;
  }
  #desc{
    width: 80%;
  }
  .right-img {
    margin-left: 0px; 
  }
  .line-2 {
    left: 48%;
  }
  #find-match {
      left: 25% !important;
      width: 55% !important;
  }
}
@media only screen and (max-width: 1350px){
  #desc{
    width: 70%;
  }
  #lp-image img {
    width: 80%;
  }
  #content-loop {
    gap: 0px;
  }
  .line-2 {
    left: 46%;
  }
}
@media only screen and (max-width: 1300px){
  #desc{
    width: 60%;
  }
  #lp-image img {
    width: 70%;
  }
  .line-2 {
    left: 45%;
  }
}
@media only screen and (max-width: 1250px){
  .line-2 {
    left: 44%;
  }
}
@media only screen and (max-width: 1200px){
  #desc{
    width: 50%;
  }
  #lp-image img {
    width: 60%;
  }
  .line-2 {
    left: 42%;
  }
/*   .poppins-normal-white-20px {
    color: var(--white);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
    position: fixed;
    margin: auto;
    text-align: center;
    left: 30%;
    margin-top: -2%;
} */
}
@media only screen and (max-width: 1150px){
  #desc{
    width: 100%;
  }
  #lp-image img {
    width: 100%;
  }
  .line-2 {
    left: 50%;
  }
  #content-loop {
    gap: 100px;
  }
  .center-line{
    border-left: 10px solid var(--athens-gray);
    height: 80000px;
    position: absolute;
    left: 50%;
    top: 0;
    width: 10px;
    z-index: 5;
  }
  .line-2 {
    display: none;
  }
}
@media only screen and (max-width: 990px){
  .overlap-group {
    background-position-x: center;
	}
  #content-loop {
    border-radius: 30px;
    --z-index: 7;
    background-color: #ffffff;
    border: 1px solid;
    border-color: #d9d9d9;
    padding: 20px;
    z-index: 10;
    position: relative;
  }
  .how-it-works .experience-the-feeli {
    margin-bottom: 0px;
  }
  #lp-image img {
    height: 190px;
    width: 100%;
  }
  #lp-image, #lp-description {
    width: 100%;
  }
  #cont-title {
    width: 100%;
    margin: auto;
    display: block;
  }
  .how-it-works .number {
    width: 100%;
  }
  .right-content {
    margin-left: 0px;
  }
  .how-it-works .hero-image {
    height: auto;
  }
  .how-it-works .how-it-works-2 {
    margin-top: 20px;
    color: #000000;
    font-family: 'Poppins', Helvetica;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    height: 19px;
    width: 361px
  }
  #content-loop {
    display: block;
    gap: 0px;
  }
  .screen{
    margin: 15px;
  }
  .overlap{
    margin: 15px;
  }
  .title_0{
    margin-top: 15px;
    margin-bottom: 15px;
  }
	.how-it-works .mask-group {
		height: 390px;
		margin-top: 0px;
		width: 941px;
	}
  .how-it-works .experience-the-feeli {
    --z-index: 4;
    background-color: transparent;
    color: #2f3231;
    font-family: 'Poppins', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 78px;
    left: 14px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    text-align: center;
    top: 320px;
    width: 100%;
  }
  .how-it-works .overlap-group10 {
    width: 100%;
  }
  .how-it-works .mask-group-1 {
		height: auto;
		left: 1px;
		position: absolute;
		margin-left: 260px;
		width: 63%;
	}
  .how-it-works .mask-group-1 {
    width: 100%;
    /*margin: auto;*/
    max-height: 218px;
    margin-right: 0px;
  }
  .back_img {
    margin-left: 0px !important;
    position: relative !important;
  }
	.how-it-works .mask-group-2 {
		height: auto;
		left: 1px;
		position: absolute;
		top: 750px;
		margin-left: 260px;
		width: 63%;
	}
	.how-it-works .mask-group-3 {
		height: auto;
		left: 1px;
		position: absolute;
		top: 1650px;
		margin-left: 260px;
		width: 63%;
	}
	.how-it-works .mask-group-4 {
		height: auto;
		left: 1px;
		position: absolute;
		top: 2520px;
		margin-left: 260px;
		width: 63%;
	}
	.how-it-works .mask-group-5 {
		height: auto;
		left: 265px;
		position: absolute;
		top: 3465px;
		width: 63%;
	}
	.how-it-works .mask-group-6 {
		height: auto;
		left: 265px;
		position: absolute;
		top: 4325px;
		width: 63%;
	}
	.how-it-works .title_0 {
    background-color: transparent;
    color: #000000;
    font-family: 'Poppins', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    left: 13px;
    letter-spacing: -0.6px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    text-align: center;
    top: 733px;
    width: 100%;
	}
  .swap-img{
    display: grid !important;
  }
  .swap-img #lp-description {
    order: 2;
  }
  .swap-img #lp-image{
    order: 1;
  }
  .right-img {
    margin-left: 0px;
  }
  .how-it-works .overlap_0 {
    left: auto;
    top: 476px;
    width: 100%;
    margin: auto;
  }
	.how-it-works .title_1 {
		height: 30px;
		left: 444px;
		letter-spacing: 0;
		line-height: normal;
		position: absolute;
		top: 1340px;
		width: 542px;
		text-align: center;
	}
	.how-it-works .title_2 {
		height: 36px;
		left: 492px;
		letter-spacing: 0;
		line-height: 32px;
		position: absolute;
		top: 2275px;
		white-space: nowrap;
		width: 475px;
		text-align: center;
	}
	.how-it-works .title_3 {
		height: 30px;
		left: 428px;
		letter-spacing: 0;
		line-height: 32px;
		position: absolute;
		top: 3150px;
		white-space: nowrap;
		width: 570px;
		text-align: center;
	}
	.how-it-works .title_4 {
		height: 30px;
		left: 424px;
		letter-spacing: 0;
		line-height: normal;
		position: absolute;
		top: 4133px;
		width: 577px;
		text-align: center;
	}
	.how-it-works .title_5 {
		height: 30px;
		left: 449px;
		letter-spacing: 0;
		line-height: normal;
		position: absolute;
		top: 5008px;
		width: 577px;
		text-align: center;
	}
	.how-it-works .overlap_1{
		height: 48px;
		left: 680px;
		position: absolute;
		top: 1280px;
		width: 66px;
	}
	.how-it-works .overlap_2 {
		height: 48px;
		left: 675px;
		position: absolute;
		top: 2204px;
		width: 66px;
	}
	.how-it-works .overlap_3 {
		height: 48px;
		left: 675px;
		position: absolute;
		top: 3070px;
		width: 66px;
	}
	.how-it-works .overlap_4 {
		height: 48px;
		left: 675px;
		position: absolute;
		top: 4040px;
		width: 66px;
	}
	.how-it-works .overlap_5 {
		height: 48px;
		left: 675px;
		position: absolute;
		top: 4900px;
		width: 66px;
	}
	.how-it-works .description_0 {
		left: 433px;
		letter-spacing: 0;
		line-height: normal;
		top: 610px;
    width: 100%;
    margin: auto;
    left: auto;
		text-align: center;
	}
	.how-it-works .description_1 {
		height: 236px;
		left: 433px;
		letter-spacing: 0;
		line-height: normal;
		position: absolute;
		top: 1400px;
		width: 634px;
		text-align: center;
	}
	.how-it-works .description_2 {
		height: 164px;
		left: 433px;
		letter-spacing: 0;
		line-height: normal;
		position: absolute;
		top: 2309px;
		width: 620px;
		text-align: center;
	}
	.how-it-works .description_3 {
		height: 182px;
		left: 433px;
		letter-spacing: 0;
		line-height: normal;
		position: absolute;
		top: 3230px;
		width: 553px;
		text-align: center;
	}
	.how-it-works .description_4 {
		height: 54px;
		left: 433px;
		letter-spacing: 0;
		line-height: normal;
		position: absolute;
		top: 4200px;
		width: 552px;
		text-align: center;
	}
	.how-it-works .description_5 {
		height: 101px;
		left: 433px;
		letter-spacing: 0;
		line-height: normal;
		position: absolute;
		top: 5100px;
		width: 552px;
		text-align: center;
	}
	.how-it-works .overlap-group {
		background-size: 100% 100%;
		height: 537px;
		left: -30px;
		position: absolute;
		top: 5550px;
		width: 1421px;
	}
	.how-it-works .ellipse-36 {
		background-color: var(--athens-gray);
		border: 1px none;
		border-radius: 107.5px;
		height: 215px;
		left: 570px;
		position: absolute;
		top: 5457px;
		transform: rotate(-180.00deg);
		width: 268px;
	}

  .sign-up-form {
    margin-left: 0px;
    min-width: 100%;
    width: 100%;
  }
  .overlap-group5 {
    width: 100%;
  }
  .overlap-group {
    width: 100%;
  }
  .rectangle-27 {
    width: 100%;
  }
  .find-your-match {
    position: sticky;
    width: 100%;
    text-align: center;
    padding-top: 70px;
    font-family: 'Poppins', Helvetica;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 600 !important;
  }
  .get-a-free-consultat {
    position: sticky;
    text-align: center;
    padding-top: 70px;
    margin-top: -11%;
    width: 326px;
    font-family: 'Poppins', Helvetica;
    font-size: 16px !important;
    font-style: normal!important;
    font-weight: 400 !important;
  }
  #find-match {
    left: auto;
    width: 100%;
    top: 203px;
  }
  .ellipse-36 {
    top: 2;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media only screen and (min-device-width: 360px) and (max-device-width: 1024px){
	.how-it-works .side_button {
		position: absolute;
		width: 53.68px;
		height: 126px;
		left: 270px;
		top: 230px;
	}
	.how-it-works .overlap-group9 {
		align-items: flex-start;
		background-color: #F66828;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		min-height: 140px;
		padding: 10px 24px;
		width: 70px;
		position: fixed;
		right: -14px;
		top: 274px;
		font-family: 'Poppins';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
    height: 20px;
	}
	.how-it-works .price {
		height: 9px;
		letter-spacing: 0;
		line-height: normal;
		text-align: center;
		width: 13px;
		word-wrap: break-word;
	}
	.how-it-works .overlap-group2-item {
		height: 9px;
		letter-spacing: 0;
		line-height: normal;
		margin-top: 5px;
		text-align: center;
		width: 13px;
	}
	.how-it-works .n {
		height: 9px;
		letter-spacing: 0;
		line-height: normal;
		margin-top: 13px;
		text-align: center;
		width: 13px;
	}
}
@media only screen and (max-width: 990px) and (orientation:landscape){
  #lp-image img {
    height: 400px;
  }
}
@media only screen and (min-width: 500px) and (max-width: 990px) and (orientation:portrait){
  #lp-image img {
    height: 400px;
  }
}
@media only screen and (max-width: 900px) {
	.how-it-works .description_0 {
		font-size: 14px;
	}
}
.rectangle-27{
  backdrop-filter: blur(7px);
  background-color: #4d4d4d;
  opacity: 0.5;
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  border-radius: 20px;
  height: 100%;
}