.close-btn {
    position: absolute;
    top: 25px;
    left: 25px;
    font-size: 4rem;
    line-height: 0.5;
    cursor: pointer;
    color: black;
}

.hero {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 87vh;height: 670px;   z-index: -1;*/
    height: 790px;
 
}
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); 
}
.hero-overlay-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.58) 100%);
}

.hero-top-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* or 1366px if fixed width is required */
  height: 290px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(84, 84, 84, 0) 100%);
  opacity: 0.58;
  pointer-events: none;
  z-index: 1;
}
 
.hero-bottom-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; /* or 1366px if fixed width */
  height: 395px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(84, 84, 84, 0) 100%);
  opacity: 0.58;
  pointer-events: none;
  z-index: 1;
}

.homepage .hero{background: url(/images/happy-couple.webp?v=0.1) no-repeat center center / cover; height: 735px;}
.sikhdating .hero{background: url(/images/sikh-couple-festival.webp?v=0.2) no-repeat center center / cover;}
.hindudating .hero{background: url(/images/hindu-couple-laughing.webp?v=0.2) no-repeat center center / cover;}
.success_stories .hero-success{background: url(/images/couple-under-city-lights.webp?v=0.3) no-repeat center center / cover; /*height: 65vh;*/ height:600px; background-position-x: 1%;}


/* Navbar inside Hero Section */
.hero-content-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}
.hero-text-slide {
	margin-top: 289px /*390px;400px;*/

}
.hero-content {
    position: relative;
    width: 100%;
    height: 735px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}
.hero-text {
	margin-top: 433px; /*70*/
}
.hero-form {
    background: rgba(255, 255, 255);
    border-radius: 15px;
	color: #000;
	text-align:left;
	/* width: 60%; */width: 440px;
    margin: auto;
	padding: 34px 37px 0;
	
}
.hero-form label, .hero-form p {
   font-family: 'TitilliumWeb Light';
	
}
.home-continue {
  margin-top:35px;
}
.heroinner{
	height: 635px;/*735*/
	border-radius: unset!important;
}
.success_stories .heroinner{  height: 500px; }
.success_stories .heroinner.topbar{  height: 440px; }
.age-range { margin: 20px 0; }

.search-form-container{
	/*transform: translate(-50%, -58%) !important;*/
	top: 100px;
    left: 0;
    right: 0;
    margin: auto;
}
.landing-form.selected {
  color: black !important;
}

.success_stories .hero-content{height:500px;}
	
main {
	position:relative;
	text-align:center;
}
#mainnavbar
{
	
	padding-top: 40px;
}
	
.hero-content h1, .hero-content-slide h1 {
   /* font-size: 3.75rem;
  	font-family:'TitilliumWeb Bold';
	line-height:1.2;*/
	font-size: 3.75rem;
  	font-family:'TitilliumWeb ExtraBold';
	line-height:1.2;
	padding-right: 1rem ;
    padding-left: 2rem ;
	color: #fff;
}

.hero-content h2, .hero-content-slide h2{
    font-size: 1.5rem;
    margin-bottom: 40px;
	font-family:'TitilliumWeb Light';
	font-weight: normal;
	color: #fff;
}

.hero-content h3,.hero-content-slide h3  {
    font-size: 1.25rem;
    font-family: 'TitilliumWeb Bold';
}

.success_stories .hero-text {
	margin-top: 315px;
} 
#Continuebtn {padding: 6px 20px 10px 24px;}

.info-section {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 80px 20px 100px;
	background-color  :white;
}
.info-section h3 {
     font-size: 1.25rem;
	 color:#EE2C57;
	 margin-bottom:0px;
	 font-family:'TitilliumWeb ExtraBold';
}
.info-section h2   {
     font-size: 2.8rem;
	 font-family:'TitilliumWeb SemiBold';
	 color:#000;
	 line-height: 1.35;
} 
.info-section img
{
	  
}
.video-section img{/*width:100%;*/  }
/*.videoframe {
 border-radius:15px;
   margin-bottom:25px;
}*/
.videoframe{    
width: 100%;
    max-width: 702px;
    aspect-ratio: 16 / 9;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: inset 0px 1px 3px #00000029;  }
.success-info {
    display: flex;
    /* align-items: anchor-center; */
    justify-content: space-around;
    padding: 50px 30px 100px 30px ;
    background-color: white;
}
.success-info h2 {
     font-size: 2.18em;
	 color:#000;
	 margin-bottom:10px;
	 font-family:'TitilliumWeb SemiBold';
}
.success-info p   {
     font-size: 1.5rem;
	 font-family:'TitilliumWeb Light';
	 color:#000;
	 line-height: 1.5;
	 text-align:left;
} 
.share-your-story p   {
     font-size: 1.25rem;
	
}  
.banner-section{     height: 600px;}
.homepage .banner-section{background: url(/images/romantic-couple-smiling.webp?v=0.1) no-repeat center top;  background-size: cover;}
.sikhdating .banner-section{background: url(/images/sikh-couple-yellow-fields.webp) no-repeat center top;  background-size: cover;}
.hindudating .banner-section{background: url(/images/hindu-couple-in-kitchen.webp) no-repeat center top;  background-size: cover;}
.success_stories .banner-section{background: url(/images/dating-success-happy-couple.webp) no-repeat center top;  background-size: cover; 
	height:500px; display: flex;
    align-items: end;
    justify-content: center;
}

.banner-section2{height: 500px;}
.homepage .banner-section2{background: url(/images/romantic-indian-wedding-couple.webp) no-repeat center top;background-size: cover;background-position: 80%;}
.sikhdating .banner-section2{background: url(/images/sikh-bride-and-groomsmiling.webp) no-repeat center top;background-size: cover;background-position: 80%;}
.hindudating .banner-section2{background: url(/images/couple-laughing-holi-festival.webp) no-repeat center top;background-size: cover;background-position: 80%;}


.banner-section3{ height: 500px;}
.homepage .banner-section3{background: url(/images/romantic-city-night.webp) no-repeat center top;background-size: cover;}
.sikhdating .banner-section3{background:url(/images/festive-smiles-sikh.webp) no-repeat center top;background-size: cover;}
.hindudating .banner-section3{background:url(/images/young-couple-smiling.webp) no-repeat center top;background-size: cover;}

.banner-section4{height: 500px;}
.banner-section5{
	/*height: 400px;
	position:relative;display: flex;
    align-items: center;
    justify-content: left;*/
}
.homepage .banner-section4, .hindudating .banner-section4{background: url(/images/camping-couple-laughing.webp) no-repeat center top; background-size: cover;}
.sikhdating .banner-section4{background: url(/images/punjabi-wedding-celebration.webp) no-repeat center top;background-size: cover;}


.sikhdating .banner-section5{background: url(/images/sikh-dating.webp) no-repeat center top;background-size: cover;padding: 0px 30px 0px;}
.hindudating .banner-section5{background: url(/images/romantic-indian-wedding-couple.webp) no-repeat center center;background-size: cover;padding: 0px 30px 0px; }


.success_stories .banner-section5{background: url(/images/happy-couple-laughing.webp?v=0.1) no-repeat center center / cover;padding: 0px 30px 0px;}



.video-section {
   background-color: white;
   padding: 52px 30px 100px;
    display: flex;
   /* align-items: center;padding: 52px 0px 0px 78px;*/
    justify-content: space-around;
   
	background-color  :white;
}
.video-section h2{
    font-size: 2.8rem;
	color:#EE2C57;
	margin-bottom:20px;
	font-family:'TitilliumWeb SemiBold';
}
/*
.video-section button {
    background: #000;
    color: white;
    font-size: 1.25rem;
    cursor: pointer;
}*/
.video-section p {
     font-size: 1.56rem;
	 font-family:'TitilliumWeb Light';
	 color:#000;
	 line-height: 1.5;
	 text-align: left;
	 
}
 .video-section img {
   /* transform: translate(-50px, -130px) scale(1.3);*/
}
 .watch-video {
   margin-top:33px;
   padding: 8px 30px 8px !important;
}
.infotext {
     font-size: 1.5rem !important;
	 font-family:'TitilliumWeb Light' !important;
	 padding-top:0px !important;
	 color:#000;
	 line-height: 1.5;
	 text-align: left;
}
.video-container {
   /* position: relative;
    padding-bottom: 56.25%;  16:9 Aspect Ratio 
    height: 0;
    overflow: hidden;*/
    max-width: 100%; 
}

.videoframe iframe{
   width: 100%;
    height: 100%;
    border: none;
}

.success-story {
   background:#000;
   /*padding:50px 16% 136px;*/
   padding: 50px 30px 100px;
}
.success-story h2 {
   font-size: 2.8rem;
   color: white;
   font-family:'TitilliumWeb SemiBold';
   text-align:center;
   margin-bottom:20px;
}
 
.success-story h4 {
   font-size: 1.5rem;
   color: #EE2C57;
   line-height: 1.2;
   font-family:'TitilliumWeb SemiBold';
}
.success-story p {  font-size: 1.25rem;     font-family: 'TitilliumWeb Light';}
.success_stories .banner-section h2{
	font-size:3.75rem;
	color:white;
	font-family:'TitilliumWeb Bold';
	margin-bottom:70px;
}
.success-stories {
	  background:#DDDDDD;
	   padding:100px 30px 40px;
}
.success-story-item { 
	display: flex;
    align-items: flex-start;
    margin-bottom: 60px;
   /* background-color: #f0f0f0;  Gray background for entire section */
    
}
.success-story-item h4{ 
	font-size: 2rem;
    color: #EE2C57;
    font-family: 'TitilliumWeb SemiBold';
}
.success-story-item p, .success-story-item span {  font-size: 1.25rem; }
.success-story-itembox {   
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.success-story-item img {
	border-radius: 18px 0px 0px 15px;
}
.image-container {
    width: 350px; /* Fixed width */
    flex-shrink: 0; /* Prevents resizing */
}

 

.text-wrapper {
    flex-grow: 1; /* Ensures the text area expands */
    display: flex;
}

.text-box {
    background: white;
    padding: 20px;
	height: 350px;
    width: 100%; /* Allows expansion */
    border-radius: 0px 15px 15px 0px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.text-box h2 {
    color: #d40032;
    margin-top: 0;
}
.storyimage {
        height: auto!important;
		border-radius: 0px 8px 8px!important;
		min-height: 350px;
    }

.morecontent span {
    display: none;
}
.dummyimage
{
	width: 350px;
    background: url(/images/red-bg.webp);
    height: 350px;
}


#heroCarousel.carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity 3s ease-in-out; /* adjust fade speed here */
}

#heroCarousel.carousel-fade .carousel-item.active,
#heroCarousel.carousel-fade .carousel-item-next.carousel-item-start,
#heroCarousel.carousel-fade .carousel-item-prev.carousel-item-end {
  opacity: 1;
  transition: opacity 3s ease-in-out; /* smooth fade */
}


.carousel-control-next, .carousel-control-prev {
	opacity:1;
}
.carousel {
    background-color: white;
	border-radius: 15px;
   
}
.carousel-item {
  /*   display: flex;border-radius: 15px 0 0 15px;*/
	justify-content: center;
	align-items: center;
}

.carousel-fade .carousel-item {
	 /* transition: opacity 2s ease-in-out;  default is 0.6s */
}
 
 
.carousel-inner { border-radius: 15px; }
.carousel-text { padding:1rem 36px 31px 40px;  background-color:white;}
 
.carousel-control-prev, .carousel-control-next {
	background: #EE2C57;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
/* 	filter: invert(1);*/
	width: 30px;
	height: 30px;
	font-weight:bold;
}
.carousel-control-next {
    right: -25px;
	width: 49px;
    height: 49px;
}
.carousel-control-prev {
    left: -25px;
	width: 49px;
    height: 49px;
}
.carousel-indicators {
    position: absolute;
    bottom: -60px; /* Moves indicators further down */
}

.carousel-indicators [data-bs-target] {
    background-color: white; /* Change to white for visibility */
    width: 8px; /* Adjust size */
    height: 8px;
    border-radius: 50%; /* Make them circular */
    opacity: 0.2;
}

.carousel-indicators .active {
    opacity: 1; /* Make active indicator more visible */
}
.success-story-box	
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
}
.btn-more-event {
   padding:5px 54px 10px !important;
}
.events-section {
    /*display: flex;
    flex-wrap: wrap;
    background: #fff;*/
	background: linear-gradient(to right, #ffffff 50%, #EE2C57 50%);
    width: 100%;
    padding: 55px 30px 101px;
}

.event-row {
  background: linear-gradient(to right, #ffffff 50%, #EE2C57 50%);
  width: 100%;padding: 30px 30px 100px;
  paddingx: 46px 56px 101px;
}


.event-row-inner {
  max-width: 1246px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 100px;
  color: #000;
}
.event-left {
  background-color: #fff;
}

.event-right {
  background-color: #EE2C57;
  color: #fff;
  text-align: left;
}
.event-box, .event-box2 {
	width:50%;
   /* flex: 1;
    min-width: 300px;
    paddingx: 4% 4%;
	padding: 55px 56px 101px;*/
}
.event-box2 {
	padding-left:52px;
}
.event-left,
.event-right {
  width: 50%;
  /*padding: 0 20px;*/
  box-sizing: border-box;
}

.event-left p ,.event-box p {
    font-size:1.25rem;
	font-family:'TitilliumWeb ExtraLight';
	line-height: 1.3;
	font-weight:bold;
	/*font-family: 'TitilliumWeb';
    font-weight: 500;*/
}
.event-head {
    font-size: 1.56rem;
	 font-family:'TitilliumWeb SemiBold';
	 font-weight: normal;
}
.event-box.left {
    background: #ffffff;
    color: #000000;
}

.event-box2.right {
    background: #EE2C57;
    color: #fff;
   
}

.event-title {
    font-size: 2.81rem;
    font-family:'TitilliumWeb SemiBold';
    color: #e62e5c;
	 margin-top: 15px;
	margin-bottom: 0px;
}

.event-box2.right .event-title, .event-right .event-title {
    color: #fff;
}

.event-text {
    font-size: 16px;
    line-height: 1.5;
}

.event-image {
    width: 100%;
    max-width: 320px;
    
}
.event-info {
   display:flex;
   align-itemsx:center;
}
.event-extra .event-details{color:white;}
.event-details {
    font-size: 1.56rem;
    font-family:'TitilliumWeb Light';
	margin:0;
	line-height:1.35;
}


.event-box  .more-btn, .see-all-btn {
    background: #000;
    color: #fff;
}
.event-box .more-btn:hover, .see-all-btn:hover {
     background: #BBBBBB;
     color: #333;
}

.event-box2   .more-btn {
    background: #ffffff;
    color: #333;
}
.event-box2 .more-btn:hover {
    background: #000;
    color: #fff;
}


.dating-section h2 {
    color: #EE2C57;
    font-size: 2.81rem;
    margin-bottom: 5px;
	font-family:'TitilliumWeb SemiBold';
	padding: 0;
	/*line-height: 1.2;*/
}
.dating-section {
    text-align: center;
    padding: 30px 30px 100px;
    background-color: #fff;
}
.dating-section p {
    color: #000;
    font-size: 1.25rem;
    margin-bottom: 42px;
	font-family:'TitilliumWeb SemiBold';
	line-height: 1.4;
	width:75%;
	padding: 0;
} 
.dating-section h3 {
    font-size: 1.56rem;
    color: #e91e63;

    font-family: 'TitilliumWeb ExtraBold';
   /* margin-bottom: 10px;    font-weight: bold;*/
}
.dating-card p, .dating-card-2 p {
    font-size: 1.25rem;
    color: #000;
    margin-top: 5px;
	margin-bottom:0;
	font-family:'TitilliumWeb ExtraLight';
	width:auto;
	font-weight: bold;
}
.joinus-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

.banner-section5 .content-box {
    position: relative;
 
	height: 400px;
    /* position: relative;    z-index: 2;*/
    display: flex;
    flex-direction: column;
    align-items: normal;
    justify-content: center;
	/* padding-left: 60px;
    background: rgba(255, 255, 255, 0.1); */
    
   /*  text-align: center;
    border-radius: 10px; */
    /* backdrop-filter: blur(10px); */
    /* box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);  max-width: 400px; */
  
    
}
.banner-section5 .content-box h2 {
    font-size: 2.8rem;
	color:white;
	font-family:'TitilliumWeb Bold';
	line-height: 1.3;
	margin-bottom: 10px;
}
.banner-section5 .content-box p {
    font-size: 1.5rem;
	color:white;
	font-family:'TitilliumWeb Light';
	margin-bottom: 25px;
}

.breadcrumb-item.active {
    color: #000;
}
 
 
.form-note {
    font-size: 0.9rem !important;
    color: #B2B2B2;
   
 }
	

.carousel-control-prev-icon {
    background-image: url('/images/arrow.png');
    width: 15px;
    height: 23px;
	margin-left: -5px;
    transform: rotate(180deg);
}
.carousel-control-next-icon {
     background-image: url('/images/arrow.png');
    width: 15px;
    height: 23px;
	margin-right: -5px;
}

@media screen and (max-width: 1400px) and (min-width: 992px)  {
	 
}
@media screen and (max-height: 560px)  {
	.hero { height: 500px;}
	.hero-content {	height: 500px; }
	.hero-text {margin-top: 400px;}
	.success_stories .hero-success{height:400px; }
	.success_stories .hero-content{height:300px;}
	 
}
@media screen and (min-width: 1200px)  {
	/* .info-section  {  padding: 25px 20px 5vh;padding: 130px 20px 5vh;}*/
	 .photoitem {margin-left: -100px;}   
	 .textitem1 { margin-top: 130px; margin-left: 70px;margin-right: 30px; }  	
	 .event-extra {  padding-left: 41px;}
	 .video-section img {
		 /*transform: translate(-0px, -185px);*/
		 margin-top:-185px;
		 margin-left: -80px;
	 }
	 .video-section p {  padding: 0 80px 0 45px; /* transform: translate(-0px, -145px);*/}
}
@media screen and (min-width: 1400px)  {
	/* .info-section  {  padding: 15px 20px 5vh;padding: 120px 20px 5vh;}*/
}
@media screen and (min-width: 1700px)  {
	  .video-section img {
    /*transform: translate(-50px, -130px) scale(1.2);*/
}
}

@media screen and (max-width: 1199.98px) and (min-width: 992px)  {
	 .photoitem {margin-left: -120px;}   
	 .textitem1 { margin-top: 110px; margin-left: 110px;margin-right: 10px; }  	
	 .video-section {   padding: 52px 50px 100px 50px;}
	 .video-section h2{  font-size: 2.2rem;}
	 .video-section img {
		/* transform: translate(-0px, -185px);*/
		  margin-top:-185px;
		 margin-left: -68px;
		/* transform: translate(-50px, -110px) scale(1.35);*/

	 }
	 .watch-video {    margin-top: 40px; margin-bottom: 40px;	}
	  .video-section p {    /*transform: translate(-0px, -145px);*/}
	 .event-info {flex-direction:column	}
	 .event-box2.right .event-title {    text-align: center;}
	 .event-extra {  padding-top:30px}
	/*  .success-story-item .image-container img {width:250px;}
	.image-container {   width: 250px; }
	 .text-box {  height: 250px;}
	 .storyimage { min-height: 250px;    }*/
	 .success-story-item p, .success-story-item span {   font-sizex: 1rem;}
	 .dummyimage{	width: 250px;   height: 250px;}
	 .dummyimage img{	width: 200px!important;}
	 .success-story-item h4 {   font-size: 1.5rem;}
}

@media screen and (max-width: 991.98px) and (min-width:768px)  { /** md **/
	.photoitem {order: 2;/*margin-left: -120px; */}   
	.textitem1 {order: 1;margin-top: 100px; /*margin-top: 120px; margin-left: 110px;margin-right: 10px; */}  	
	/*.info-section  { padding: 190px 20px 10vh;}*/
	.info-section p {    font-size: 2.1rem;}
	
	 .watch-video {    margin-top: 40px; margin-bottom: 40px;	}
	.video-section h2{  font-size: 2rem;}
	.video-section img { /*margin-bottom: 68px; transform: translate(-50px, -110px) scale(1.25);*/ }
	.success-story-box	{flex-direction:column;	}
	.carousel-control-next ,.carousel-control-prev { display:none;} 
	.event-info {flex-direction:column	}
	.event-box2.right .event-title {    text-align: center;}
	.event-extra {  padding-top:30px}
	/*.success-story-item .image-container img {width:280px;}
	 .image-container {   width: 280px; }
		 .text-box {  height: 280px;}
	 .storyimage { min-height: 280px;    }
	*/
	 
	.success_stories .heroinner {    height: 430px;}

	
	 .success-story-item p, .success-story-item span {   font-sizex: 1rem;}
	 .dummyimage{	width: 280px;   height: 280px;}
	 .dummyimage img{	width: 200px!important;}
	 .success-story-item h4 {   font-size: 1.5rem;}
}

@media screen and (max-width: 767.98px)  and (min-width:576px)  {}


@media screen and (max-width: 767.98px)    {
	
	.hero {	/*position: absolute !important;*/ height: 860px !important;/* height: 95vh; filter: brightness(1.2); */}
	.homepage .hero{ background: url(/images/happy-couple-mobile.webp?v=0.1) no-repeat center center / cover; background-position-x: 45%;}
	.sikhdating .hero{ background: url(/images/sikh-couple-festival.webp?v=0.1) no-repeat center center / cover; background-position-x: 52%;}
	.hindudating .hero{ background: url(/images/hindu-couple-laughing.webp?v=0.1) no-repeat center center / cover; background-position-x: 52%;}
	.success_stories .hero-success{ background: url(/images/couple-under-city-lights-mobile2.webp?v=0.3) no-repeat center center / cover;height: 432px !important;  }
	#continuebtn_mob {padding:13px 35px 16px;}
	 header { padding: 10px 0;}
	 	
	.hero-content{justify-content: space-between; height: 95vh;}
	.hero-content h2, .hero-content-slide h2{ margin-bottom: 20px; font-size: 1.3rem;}
	.hero-text{margin-top: 35vh;}
	.hero-text-slide{   margin-top:450px; /*360px 40vh;*/}
	.heroinner{height: 865px /*95vh;*/}
	.success_stories .heroinner{ height: 350px;/*280px;*/}
	.success_stories .heroinner.topbar{  height: 270px; }
	.search-form-container{width:100%; /*transform: translate(-50%, -155%) !important*/}
	.hero-content h1, .hero-content-slide h1 { font-size: 2.8rem; padding: 0 35px 15px; line-height: 1.2;	}
	.signupbtn {  padding: 15px 40px; }
	.textitem1 { order: 1; }  
	.photoitem { order: 2; heightx:45vh ; padding-bottom: 40px;}   
	.item3 { order: 3; }  
	.event-title { font-size: 2.813rem;    line-height: 1.2;   text-align: left;}
	.event-image {   margin: auto;}
	.info-section {  padding: 0 0px 35px;}
	.info-section img{ width:100%; }
	.info-section h2 {  font-size: 2.19rem; padding:30px 25px 20px;}
	 
	.info-section p {    font-size: 2.19rem; padding: 40px 25px 20px;}
	.banner-section{ height: 570px;	}
	.homepage .banner-section{ background: url(/images/romantic-couple-mobile.webp) no-repeat center top;background-position-x: 55%;background-size: cover;}
	.sikhdating .banner-section{background: url(/images/sikh-couple-yellow-fields.webp) no-repeat center center;background-position-x: 65%;background-size: cover;}
	.hindudating .banner-section{background: url(/images/hindu-couple-in-kitchen.webp) no-repeat center center;background-position-x: 50%;background-size: cover;}
	
	.banner-section2{}
	.homepage .banner-section2{ background: url(/images/romantic-indian-wedding-couple-mobile.webp) no-repeat center top;background-size: cover;}
	.sikhdating .banner-section2{background: url(/images/sikh-bride-and-groomsmiling.webp) no-repeat center center;background-size: cover; background-position: 55%;}
	.hindudating .banner-section2{background: url(/images/couple-laughing-holi-festival.webp) no-repeat center center;background-size: cover; background-position: 40%;}
	
	.banner-section3{}
	.homepage .banner-section3{ background: url(/images/romantic-city-night-mobile.webp) no-repeat center top;background-size: cover;}
	.sikhdating .banner-section3{background: url(/images/festive-smiles-sikh.webp) no-repeat center top;background-position-x: 40%;}
	.hindudating .banner-section3{background: url(/images/young-couple-smiling.webp) no-repeat center top;background-position-x: 65%;}
	
	.banner-section4{	}
	.homepage .banner-section4, .hindudating .banner-section4{ background: url(/images/camping-couple-laughing-mobile.webp) no-repeat center top;background-size: cover;}
	.sikhdating .banner-section4{background: url(/images/punjabi-wedding-celebration.webp) no-repeat center top;background-size: cover;}
	
	.sikhdating .banner-section5{background: url(/images/sikh-dating.webp) no-repeat center top;background-size: cover;background-position-x: 80%;}
	.hindudating .banner-section5{ background: url(/images/romantic-indian-wedding-couple-mobile.webp) no-repeat center top;background-size: cover;}
	
	.banner-section5 .content-box {   padding: 30px;}
	.banner-section5 .content-box h2,.success_stories .banner-section h2  {  font-size: 2.5rem;}
	.banner-section5 .content-box p {font-size: 1.3rem;}
	.success_stories .banner-section {background-position-x: 60%;}
	
	.video-outer { padding: 0 25px;}
	.video-section { padding: 0;}
	.video-section h2{
		font-size: 2rem;
		padding: 40px 0px 0 0px;
		line-height: 1.2;
	}
	.video-section img{ width:100%;
		transform: none; margin-bottom:68px;
	}
	 
	.video-container {
		position: relative;
		width: 100%;
		padding-top: 56.25%; /* Maintains 16:9 aspect ratio */
	}

	.videoframe {
		max-width: 702px;    margin-bottom: 0; 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.watch-video {
    margin-top: 40px; margin-bottom: 40px;
	}
	.vimeosection h2{	padding:55px 25px 0px; }
	.vimeosectionxx div , .appsection p{	padding:0 25px; }
	.success-story h2 {   font-size: 2.1rem; } 
	.success-story {   padding: 10% 25px 20% 30px;}
	.success-story-box, .success-story-itembox	{flex-direction:column;	}
	
	.carousel-control-next ,.carousel-control-prev { display:none;} 
	.carousel-text { padding:1rem ; }
	.carousel { widthx: 360px; margin :auto }
	.ssimage img{
		/* width: 360px;
        height: 360px;max-width:360px;*/
		height:220px;
        object-fit: cover;
        object-position: center;
        display: block;
		width:400px;
		
	}
	.blog-card h3,.blog-card p
	{
       padding: 0!important;
	}
	.success_stories .hero-text {
	margin-top: 180px;
} 
	.event-row {
	    padding: 0;
		background: #fff;
	}
	.event-row-inner { flex-direction: column;	gap: 5px;}
	.event-left,.event-right {
	  width: 100%;
		padding: 35px 25px 80px;
	}
	.event-info,.events-section {flex-direction:column	}
	.event-box {          padding: 10% 30px 80px;}
	.event-box2 {          padding: 10% 30px 100px;}
	.event-box2.right .event-title {    text-align: center;}
	.event-extra {  padding-top:40px; margin: auto;}
	 .event-right .event-title {   text-align:center}
	.dating-section { padding: 26px 25px 65px;}
	.dating-section p{ width:100%;margin-bottom: 48px;}
	.dating-container p{margin-top: 7px;        margin-bottom: 42px;}
	.dating-section h2 { /* font-size: 3.3rem;*/}
	.joinus-overlay {
		width: 100%;
		background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
	}
	.success-stories {  padding: 80px 10px 60px;}
	.success-info { padding: 40px 10px 60px;}
	.success-story-item{flex-direction:column;background-color: white; border-radius: 15px;    widthx: 350px;  margin: auto;margin-bottom:50px;}
	.success-story-item img {	border-radius:15px 15px 0px 0px/*border-radius:  0px;*/}
	.image-container {  margin:auto; width: 100%; /**/ }
	.ss_image img{
		/* width: 300px;
        height: 300px;*/
        object-fit: cover;
        object-position: center;
        display: block;width: 100%;
	}
	.dummyimage
	{
		width: 300px;
		height: 300px;
	}
	.dummyimage img {
        width: 200px !important;
		height:auto;
    }
	.success-story-item h4 {  font-size: 1.5rem; }
	
	.text-box {  height: auto; background: none; box-shadow:none }
	.footer-column h3 { margin-bottom: 10px;  }
	.footer-column {  min-width: 50%; }
	.footer-column ul li {    margin-bottom: 10px;}
	.footer-column ul li a {font-size:13px;}
	
	
}
 

 /** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) { 
 
} 
/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) { 
 
}


@media screen and (max-width: 575px)    {
	.hero-content h2{font-size: 1.3rem;}
	
}

@media screen and (max-width: 465px)    {}