@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaInseratLTStd-Roman.otf') format('otf');
        
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf') format('ttf');
        .form_row select
    font-weight: normal;
    font-style: normal;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    font-family: "Ariel";	    
    background: #FCFAFA;
}


.header_main{
	margin-top:2px;
    display:grid;
    grid-template-columns: 22% 56% 22%;
    
    
}

.center_text {
    text-align: center;
   /* background-color: #FFD1D1;*/
    display: flex;
    align-items: center;
    justify-content: center;
   /* border-radius: 150px 150px 0 0;  */
    position: relative;
    padding: 20px;
    width: 100%; /* Adjust width */
     /* Adjust height */
}

/* Left Triangle Curve */
/*
.center_text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -45px;
    width: 150px;
    height: 150px;
    background-color: #FFD1D1;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

/* Right Triangle Curve */
/*
.center_text::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -45px; 
    width: 150px;
    height: 150px;
    background-color: #FFD1D1; 
    clip-path: polygon(0 0, 100% 100%, 0 100%);
}*/
.center_text h2{
    /*font-family: "Ariel";*/
    color: #C6213E;
    font-size: 56px;
}



.logo_div{
    display: flex;
    justify-content: end;
  padding-right:90px;
}

.logo_div img{
   max-width: 140px;
 
    
 
}
.socialicons_div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.social_div i{
    background-color: #FEEAF0;
    padding: 10px;
    border-radius: 50%;
    color: #F15E8C;
}

.banner_main{
    width: 100%;
    display: grid;
       grid-template-columns: 50% 50%;
    /*border-radius: 20px;
	background:#FFD1D1;*/
    padding: 50px 20px ;
    margin: auto;
    position: relative;
    
}
.heart1{
    position:absolute;
    right:30px;
    top:20px;
}
.heart2{
    position:absolute;
    right:30px;
    top:50%;
}
img.heart3 {
    width: 13px;
    position: absolute;
    right: 65px;
    bottom: 26px;
    transform: rotate(313deg);
}

.arrow_right{
    position:absolute;
    right:10px;
    top:150px;
}

.banner_left{
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner_left img{
    width: 100%;
}

.banner_right{
    /* background-color: white; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width:638.01px;
	width:100%;
    position: relative;
}
.sub-div-right {
    position: relative;
    max-width: 638px;
}
.banner_right_top_div{
	width:100%;
    background-color: white;
    border-radius: 20px;
    padding: 32px 32px 40px 32px;
    text-align: center;
}

.banner_right_top_div h3{
   /* font-family: "Helvetica";*/
    font-weight: bold;
    font-size: 48px;
}
.banner_right_top_div p{
  /*  font-family: "Montserrat";*/
    
    font-size: 18px;
    font-weight: 500;
    color: #909090;
    margin-top: 15px;
}

.banner_right_top_form_div{
	width:100%;
    background-color: white;
    border-radius: 20px;
    margin-top: 20px;
    padding: 60px 20px;
}
.banner_right_top_form_div img{
   margin-right: 5px;
}
.form_row{
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 10px 0;
}
.form_row div{
    margin: 5px;
}
.form_row label{
    margin-bottom: 5px;
    display: flex;
    align-items:center;
    color:#909090;
    font-size: 14px;
}

.form_row input{
    background-color: #FCFAFB;
    border-radius: 10px;
    border: none;
    padding: 10px 20px;
    border: 1px solid #E6E6E6;
    width: 100%;
    margin-top:4px;
    
}
.form_row input::placeholder{
    color: black;
   /* font-family: "Montserrat";*/
}

.form_row select{
    background-color: #FCFAFB;
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 10px 20px;
    border: 1px solid #E6E6E6;
   /* font-family: "Montserrat";*/
}

.form_row_btn button{
    width: 100%;
    border-radius: 10px;
    background-color: #F15E8C;
    border: none;
    padding: 15px 10px;
    color: white;
  /*  font-family: "Montserrat";*/
}

.about_section{
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 20px;
}

.about_section img{
    width: 100%;
}

.about_content_div{
	width:100%;
	max-width:758px;
    border-radius: 0 72px 0 72px;
    padding: 56px;
    background-color: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.icons_div{
    display: flex;
    align-items: center;
}

.icons_div img{
    width: 80px;
    margin-right: 10px;
}
.icons_div h2 {
    font-size: 48px;
   /* font-family: "Helvetica";*/
    font-weight: 800;
    line-height: 50px;
	margin-bottom:10px;
}

.about_right p {
    color: #909090;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 27px;
}

.about_usbtn_div a{
    background-color: #F15E8C;
    border-radius: 20px;
    color: white;
    padding: 10px;
    display: flex;
    justify-content: center;
    width: 250px;
}
.about_usbtn_div img{
    margin-left: 10px;
    width: 20px;
}

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

.connecter_div1{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
left: 56px;
    top: 32%;

}


.connecter_div1 .circle_top{
    width:20px;
    height: 20px;
    border-radius: 50%;
    background-color: #F15E8C;
}
.connecter_div1 .circle_bottom{
    width:20px;
    height: 20px;
    border-radius: 50%;
    background-color: #F15E8C;
}
.connecter_div1 .line{
    width: 3px;
    height: 50px;
    background-color: #F15E8C;
}


.connecter_div2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 56px;
    top: 32%;
    
    }

.connecter_div2 .circle_top{
    width:20px;
    height: 20px;
    border-radius: 50%;
    background-color: #F15E8C;
}
.connecter_div2 .circle_bottom{
    width:20px;
    height: 20px;
    border-radius: 50%;
    background-color: #F15E8C;
}
.connecter_div2 .line{
    width: 3px;
    height: 50px;
    background-color: #F15E8C;
}
.hero-div{
	background-image: url('/assets/images/background.png');	
	background-repeat: no-repeat;
    background-size: 100% 100%;
	 background-position: center top !important;
    width: 100% !important;
    height: 100% !important;
}
.container {
    max-width: 1920px;
    margin: auto;
	padding:0 10px;
}
i.fa-brands.fa-facebook-f {
    padding: 10px 13px;
}
.form_row_btn>button,
.banner_right_top_form_div label,
.banner_right_top_form_div input,
.banner_right_top_form_div select{
    font-size: 18px;
    font-family: ariel;
}
.form_row_btn>button{
    font-weight:600;
}
 
@media (max-width: 1460px) {
	.center_text h2 {   
    font-size: 50px;
}
.logo_div img {
    width: 100px;
	height:100px;
}
.banner_right_top_div h3,
.icons_div h2 {  
    font-size: 36px;
    line-height:36px;
}
.connecter_div1,
.connecter_div2 {
  
    top: 25%;
}
}
@media (max-width: 1263px) {
    .center_text h2 {
    font-size: 40px;
}
    .connecter_div1, .connecter_div2 {
    top: 25% !important;
}
.banner_right_top_div h3, .icons_div h2 {
    font-size: 32px;
    line-height: 34px;
}
}
@media (max-width: 1144px) {
    .connecter_div1, .connecter_div2 {
    top: 28% !important;
}
}
@media (max-width: 1024px) {
   .form_row_btn>button,
.banner_right_top_form_div label,
.banner_right_top_form_div input,
.banner_right_top_form_div select{
    font-size: 16px;
}
		.hero-div {
    background-image: url('/assets/images/mobile-background.png');
    background-size: cover;
}
	.center_text h2 {   
    font-size: 36px;
}
.logo_div {    
    padding-right: 40px;
}
.banner_main{  
    padding: 30px 20px ;
}
.logo_div img {
    width: 100px;
    height: 100px;
}
}

}
@media (max-width: 992px) {
    .logo_div img {
    width: 80px;
    height: 80px;
}
    .connecter_div1, .connecter_div2 {
    top: 34% !important;
}
	.center_text h2 {
    font-size: 30px;
}
		.hero-div {
   
    background-size: contain;
}

.banner_main {
    padding: 30px 20px;
    background: #ffd1d1;
    border-radius: 30px;
}
}
@media (max-width: 768px) {
    i.fa-brands.fa-facebook-f {
    padding: 8px 11px;
}
.social_div i {
   
    padding: 8px;
    
}
	.banner_main {
    border-radius: 30px;
    background: #ffd1d1;
  
}
	.hero-div {
    
    background-size: contain;
}
.container {    
    padding: 0;
}
.logo_div img {
    width: 50px;
    height: 50px;
}
	.logo_div {   
    padding-right: 35px;
}

.banner_main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.about_section {
    display: block;  
}
.center_text h2 {
    font-size: 22px;
}
.social_div {
    margin-bottom: 12px;
}

.connecter_div1 {
    left: 56px;
    top: 24% !important;
}
.connecter_div2{   
    right: 56px;
  top: 24% !important;
    
    }
	.about_content_div {   
    padding: 26px;
	 border-radius: 0 30px 0 30px;
}
.banner_right_top_div h3, .icons_div h2 {
    font-size: 26px;
    line-height: 30px;
}
.social_div i {
    font-size: 10px;
    padding: 5px;
   
}
i.fa-brands.fa-facebook-f {
    padding: 5px 6px;
}
 
}
@media (max-width: 520px) {
    .banner_right_top_div p {
    
    font-size: 14px;
  
}
.banner_right_top_div h3, .icons_div h2 {
    font-size: 24px;
    line-height: 24px;
}
.banner_right_top_div {
    
    padding: 32px 20px;
}
    .social_div {
    margin-bottom: 0px;
}
     .banner_right_top_form_div label, .banner_right_top_form_div input, .banner_right_top_form_div select {
    font-size: 12px;
}
    .center_text h2 {
    font-size: 16px;
}
.logo_div {
    padding-right: 30px;
}
.logo_div img {
    width: 40px;
    height: 40px;
}
.social_div i {
    font-size: 10px;
    padding: 5px;
   
}
i.fa-brands.fa-facebook-f {
    padding: 5px 6px;
}
.center_text {
   
    padding: 12px;
}
.connecter_div1,
.connecter_div2 {
   
    top: 20% !important;
}
}
@media (max-width: 398px) {
    .banner_right_top_div h3, .icons_div h2 {
    font-size: 20px;
    line-height: 24px;
}
.banner_right_top_div p {
    font-size: 12px;
    margin-top:10px;
}
 .social_div i {
    padding: 3px;
    margin-bottom: 8px;
}
i.fa-brands.fa-facebook-f {
    padding: 3px 4px !important;
}
.logo_div img {
    width: 35px;
    height: 35px;
}
.logo_div {
    padding-right: 0;
}
.social_div {
    margin-bottom: 10px;
}
.header_main {
    grid-template-columns: 17% 60% 23%;
}
}

.ferror{
    color: red;
    text-align:center;
}
.fsuccess{
    color: green;
    text-align: center;
}