.top_header_block{
    background-image: url(../images/bg-dating-app.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.banner_section{
    padding: 135px 0 80px 0;
}
.banner_section_inner h1{
    color:#F1EDE6;
    font-size:74px;
    font-weight: bold;
    font-family: "Playfair Display", serif;
    line-height: 82px;
}
.banner_section_inner h1 span{
    display:block;
}
.banner_section_inner p{
    margin-top:28px;
    color:#B2B2B2;
    font-size:24px;
    line-height: 32px;
    font-family: "DM Sans", sans-serif;
}
.banner_section_inner p span{
       display:block;
}
.hero_banner_button{
    margin-top:72px;
}
.hero_banner_button_holder{
    height:44px;
    width:233px;
    color:#fff;
    border-radius: 2px;
    border:2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:18px;
    font-family: "Playfair Display", serif;
}
.common_width_block{
    width:93%;
    margin:0 auto;
}
.everyone_gets_inner h5{
    text-align: center;
    font-family: "DM Sans", sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    text-transform: uppercase;
    color:#A48374;
}
.everyone_gets_block_left, .exclusivity_feel_left_inner{
    display:flex;
    align-items: center;
    height:100%;
}
.everyone_gets_block_left_inner h2{
color:#3A2D28;
font-size:60px;
font-weight: bold;
line-height: 68px;
font-family: "Playfair Display", serif;
}
.everyone_gets_block_left_inner h2 span{
   display: block; 
}
.everyone_gets_block_left_inner p{
color:#4A3A34;
font-size:21px;
line-height: 30px;
margin-top:28px;
font-family: "DM Sans", sans-serif;
}
.accomplished_gentlemen{
    background-image: url(../images/red-section-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.accomplished_gentlemen_inner h3,  .space_built_inner h3{
color:#fff;
font-size:60px;
line-height:68px;
font-family: "Playfair Display", serif;
}
.accomplished_gentlemen_inner h3 span, .exclusivity_feel_left h3 span, .space_built_inner h3 span{
    display:block;
}
.exclusivity_feel_left h3{
color:#3A2D28;
font-size:60px;
line-height:68px;
font-family: "Playfair Display", serif;
}
.exclusivity_feel_left_ul, .exclusivity_feel_left_ul ul{
    margin-top:24px;
}
.exclusivity_feel_left_ul p{
    color:#4A3A34;
    font-size:21px;
    line-height:30px;
    font-family: "DM Sans", sans-serif; 
}
.exclusivity_feel_left_ul ul li{
    margin-bottom:10px;
    color:#4A3A34;
    font-size:21px;
    font-family: "DM Sans", sans-serif;
    position: relative; 
    padding-left:28px;
}
.exclusivity_feel_left_ul ul li::after{
  font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f219";
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 15px;
}
.exclusivity_feel_left_ul ul li:last-child{
    margin-bottom: 0;
}
.space_built{
    background-image: url(../images/section-design-a-space-on-intention.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top:145px;   
}
.space_built_inner p{
color:#B2B2B2;
font-size:21px;
line-height: 30px;
margin-top:32px;
}
.space_built_inner p span{
    display:block;
}
.app_download{
    margin-top:64px;
}
.app_download_button{
    border:3.2px solid #fff;
    border-radius: 3.2px;
    font-size:28px;
    font-family: "Playfair Display", serif;
    color:#fff;
    width:250px;
    height:70px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.app_download_button:hover{
    background-color:#fff;
    color:#000;
}
.app_download_button i{
    font-size:30px;
    color:#fff;
}
.app_download_button:hover i{
        color:#000;
}
.space_built_inner_img{
    margin-top:40px;
}
.app_download_button2{
    margin-left:48px;
}
.space_built {
  scroll-margin-top: 170px;
}
.hero_banner_button_holder:hover{
    background-color:#fff;
    color:#000;
}
.real_stories_inner h3{
text-align: center;
color:#3A2D28;
font-size:60px;
font-weight: bold;
font-family: "Playfair Display", serif;
}
.real_stories_inner h3 span{
    display:block;
}
.real_stories .owl-carousel .owl-item img{
width: unset;
}
.real_stories_slider_body p{
color:#000;
font-size:24px;
font-family: "Playfair Display", serif;
line-height:32px;
margin-top:28px;
}
.real_stories_slider_body p span{
    display:block;
}
.custome_slide{
    margin-top:52px;
}
.slider_bottom{
    margin-top:24px;
}
.slider_bottom h5{
color:#000000;
font-size:36px;
font-weight: bold;
font-family: "Playfair Display", serif;
}
.slider_bottom h6{
    color:#000000;
font-size:20px;
font-family: "Playfair Display", serif;
}
.real_stories .owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:36px;
}

.real_stories .owl-carousel .owl-dot span {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #D9D9D9;
  border-radius: 50%;
  margin: 5px;
}

.real_stories .owl-carousel .owl-dot.active span {
  background-color: #000000 !important;
}
.join_circle{
     background: linear-gradient(
      to right,
      rgba(187, 19, 19, 1) 0%,
      rgba(187, 19, 19, .8) 53%,
      rgba(187, 19, 19, 1) 100%
    );
    width:80%;
    margin:0 auto;
}
.join_circle_text h5{
    color:#fff;
    font-size:60px;
    line-height: 68px;
    font-family: "Playfair Display", serif;
}
.join_circle_text h5 span{
    display:block;
}
.join_the_exceptional{
     width:87%;
    margin:0 auto;
}
.join_the_exceptional_left{
    display:flex;
    height:100%;
    align-items: center;
}
.join_the_exceptional_left h5{
color:#3A2D28;
font-size:60px;
font-weight: bold;
font-family: "Playfair Display", serif;
}
.join_the_exceptional_left h5 span{
   display:block; 
}
.join_the_exceptional_right{
    border:1px solid #A48374;
    border-radius: 6px;
    padding: 41px 36px;
}
.join_the_exceptional_right h5{
    color:#3A2D28;
    font-size:24px;
    font-family: "DM Sans", sans-serif;
    font-weight: 800; 
    text-align: center;
}
.dating_control{
    height:44px;
    border:1px solid #A48374;
}
.exceptional_input{
    margin:34px 0;
}
.gender-group {
  display: flex;
  align-items: center;
  gap: 30px; 
}

.gender-label {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  margin: 0;
}

.form-check-input {
  width: 20px;
  height: 20px;
  border: 2px solid #A67C52; 
  border-radius: 50%;
  margin-top: 0;
  margin-right: 8px;
}

.form-check-input:checked {
  background-color: #A67C52;
  border-color: #A67C52;

}

.form-check-label {
  color: #888888; 
  font-weight: 600;
  font-size: 16px;
}
.dating_label{
    color:#000000;
    font-size:20px;
    font-weight: 600;
}
.birth_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin-top: 10px;
}
.from_submit_button_holder{
    height:46px;
    background-color: #3A2D28;
    font-size:16px;
    font-weight: bold;
    font-family: "Playfair Display", serif;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color:#fff !important;
}
.footer_section{
    background-color:#120805;
}
.follow_us{
    margin:45px 0;
}
.follow_us h5{
    color:#fff;
    font-size:24px;
    font-family: "Playfair Display", serif;
}
.follow_us ul{
    margin-top:30px;
    display: flex;
    align-items: center;
}
.follow_us ul li{
    margin-left:40px;
}
.follow_us ul li:first-child{
    margin-left:0;
}
.download_our_app h5{
    color:#fff;
    font-size:24px;
    font-weight: bold;
    font-family: "Playfair Display", serif;
}
.footer_playstore_appstore{
    margin-top:23px;
}
.footer_playstore_button, .footer_appstore_button{
    height:55px;
    width: 188px;
    border:2.5px solid #fff;
    border-radius: 2.5px;
    font-size:22px;
    font-family: "Playfair Display", serif;
    color:#fff;
}
.footer_playstore_button:hover, .footer_appstore_button:hover{
background-color:#fff;
color:#000;
border:2.5px solid #000;
}
.footer_appstore_button{
    margin-left:20px;
}
.footer_section_right{
    margin-left: 100px;
}
.footer_section_right_left h5{
    color:#fff;
    font-size:24px;
    font-weight: bold;
    font-family: "Playfair Display", serif;
}
.footer_section_right_left ul{
    margin-top:36px;
}
.footer_section_right_left ul li a{
    font-family: "DM Sans", sans-serif;
    color:#F1EDE6;
    font-size:20px;
}
.footer_section_right_left ul li{
    margin-bottom:16px;
}
.your_privacy{
    margin-top:90px;
}
.your_privacy h5{
    color:#F1EDE6;
    font-family: "DM Sans", sans-serif;
    font-size:18px;
    font-weight: bold;
}
.your_privacy p{
    margin-top:23px;
    color:#F1EDE6;
        font-family: "DM Sans", sans-serif;
    font-size:16px;
    line-height:24px;
}
.your_privacy p span{
    display:block;
}
.your_privacy h6{
   margin-top:11px;
    color:#F1EDE6;
    font-size:12px;
        font-family: "DM Sans", sans-serif;
    line-height:20px; 
    font-weight: bold; 
}
.join_the_exceptional {
    scroll-margin-top: 130px;
}
.your_privacy_mobile{
    display:none;
}
.your_privacy_destop{
    margin-top: 44px;
    border-top: 1px solid #E2E2E2;
    padding-top: 44px;
}
.new_section {
  opacity: 0;
  transform: translateY(50px) scale(0.95);
  transition: 
    opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.new_section.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .footer_section_right{
        margin-left:0;
    }
    .exclusivity_feel_left{
        width: 100%;
    }
    .exclusivity_feel_left h3{
        text-align: center;
    }
.everyone_gets_block_left_inner h2 span, .accomplished_gentlemen_inner h3 span, .join_the_exceptional_left h5 span, .your_privacy p span {
    display: unset;
}
.everyone_gets_block_right{
    text-align: center;
    margin-top: 30px;
}
.everyone_gets_block_left_inner h2{
    text-align: center;
}
.everyone_gets_block_left_inner p{
    text-align: center;
}
.accomplished_gentlemen_inner h3{
    font-size:56px;
    line-height: 64px;
}
.exclusivity_feel_right{
    text-align: center;
    margin-top:30px;
}
.join_circle{
    width:100%;
}
.join_the_exceptional_left h5 {
    text-align: center;
}
.join_the_exceptional_right{
    margin-top: 30px;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .your_privacy_destop{
        display:none;
    }
    .your_privacy_mobile{
    display:block;
     margin-top: 44px;
    border-top: 1px solid #E2E2E2;
    padding-top: 44px;
}
    .footer_section_right{
        margin-left:0;
        margin-top:0px;
    }
    .join_the_exceptional_left h5 {
    text-align: center;
    font-size:50px;
    line-height: 58px;
}
.join_the_exceptional_right{
    margin-top: 30px;
}
    .exclusivity_feel_left{
        width: 100%;
    }
    .exclusivity_feel_left h3{
        text-align: center;
    }
    .banner_section_inner h1{
        font-size:66px;
        line-height: 74px;
    }
    .common_width_block{
        width:100%;
    }
    .everyone_gets_block_right{
    text-align: center;
    margin-top: 30px;
}
.everyone_gets_block_left_inner h2 span, .accomplished_gentlemen_inner h3 span, .join_the_exceptional_left h5 span, .your_privacy p span {
    display: unset;
}
.everyone_gets_block_left_inner h2{
    font-size:40px;
    line-height: 48px;
    text-align: center;
}
.everyone_gets_block_left_inner p{
    text-align: center;
}
.accomplished_gentlemen_inner h3{
    font-size:45px;
    line-height: 53px;
}
.exclusivity_feel_right{
    text-align: center;
    margin-top:30px;
}
.join_circle{
    width:100%;
}
.follow_us {
    margin: 20px 0;
}
.footer_section_right_left{
        border-top: 1px solid #fff;
    padding-top: 20px;
    }
}
@media only screen and (max-width:767px) {
      .your_privacy_destop{
        display:none;
    }
       .your_privacy_mobile{
    display:block;
     margin-top: 44px;
    border-top: 1px solid #E2E2E2;
    padding-top: 44px;
}
    .footer_section_right_left ul li a{
        font-size:16px;
    }
    .footer_section_right_left{
        border-top: 1px solid #fff;
    padding-top: 20px;
    }
    .footer_section_right{
        margin-left:0;
        margin-top:0px;
    }
    .dating_label{
        font-size:18px;
    }
    .join_the_exceptional{
        width:100%;
    }
    .form-check-inline{
        margin-bottom:0;
    }
    .gender-group{
        gap:10px;
    }
    .join_the_exceptional_right{
    margin-top: 30px;
    padding: 20px 10px;
}
    .join_the_exceptional_left h5 {
    text-align: center;
    font-size:32px;
    line-height: 40px;
}
   .top_header_block{
    background-image: url(../images/bg-dating-mobile.webp); 
   }
   .banner_section{
    padding: 70px 0 58px 0;
}
.banner_section_inner h1{
    font-size:52px;
    line-height: 60px;
}
.banner_section_inner p{
    font-size:19px;
    line-height: 27px;
    margin-top:20px;
}
.banner_section_inner p span{
    display: unset;
}
.hero_banner_button {
    margin-top: 52px;
}
.everyone_gets_inner h5{
    font-size:17px;
    line-height: 25px;
}
.everyone_gets_block_left_inner h2{
    font-size:36px;
    line-height: 44px;
    text-align: center;
}
.everyone_gets_block_left_inner h2 span, .accomplished_gentlemen_inner h3 span, .join_the_exceptional_left h5 span, .your_privacy p span{
    display:unset;
}
.everyone_gets_block_left_inner p{
    font-size:17px;
    line-height: 25px;
     text-align: center;
}
 .everyone_gets_block_right{
    text-align: center;
    margin-top: 30px;
}
.accomplished_gentlemen_inner h3{
    font-size:36px;
    line-height: 44px;
}
.exclusivity_feel_left h3{
    font-size:36px;
    line-height: 44px;
    text-align: center;
}
.exclusivity_feel_left_ul p{
    font-size:17px;
    line-height: 25px;
    text-align: center;
}
.exclusivity_feel_left_ul ul li{
    font-size:17px;
    line-height: 25px; 
}
.exclusivity_feel_right{
    text-align: center;
    margin-top:30px;
}
.space_built{
    background-image: url(../images/mobile-a-space-built-on-intention-mobile.webp);
    background-position: unset;
}
.space_built_inner h3{
    font-size:50px;
    line-height: 58px;
}
.space_built_inner p span{
    display: unset;
}
.common_width_block{
    width:100%;
}
.app_download_button{
    width:160px;
    height: 44px;
    font-size:18px;
}
.app_download_button i{
    font-size:20px;
}
.real_stories_inner h3{
    font-size:36px;
    line-height: 44px;
}
.real_stories_slider_body p span{
    display:unset;
}
.real_stories_slider_body p{
    font-size: 18px;
    line-height: 26px;
}
.slider_bottom h5{
    font-size:20px;
}
.slider_bottom h6{
    font-size:14px;
}
.join_circle{
    width:100%;
}
.join_circle_text h5{
    font-size:36px;
    line-height: 44px;
}
}
@media only screen and (max-width:500px) {
.space_built{
    background-position: center;
    padding-top:90px;
}
.footer_playstore_appstore{
    display:flex;
    flex-direction: column;
}
.footer_appstore_button{
    margin-left:0;
    margin-top:20px;
}
}
@media only screen and (max-width:420px) {
.space_built_inner h3{
    font-size:36px;
    line-height: 44px;
}
}
@media only screen and (max-width:370px) {
.birth_grid{
    grid-gap:10px;
}
}
@media only screen and (max-width:360px) {
.app_download_button2{
    margin-left:16px !important;
}
}
@media only screen and (max-width:354px) {
.gender-label, .form-check-label, .dating_label{
    font-size:14px;
}
.dating_control_new{
    padding: .375rem .25rem .375rem .25rem;
}
}
@media only screen and (max-width:343px) {
    .join_the_exceptional_left h5 {
        text-align: center;
        font-size: 29px;
        line-height: 37px;
    }
}
@media only screen and (max-width:340px) {
    .banner_section_inner h1 {
        font-size: 45px;
        line-height: 53px;
    }
}