html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body{ margin:0; padding:0;   font-family: "Poppins", sans-serif; background:#fff; }
a{ margin:0; padding:0; text-decoration:none !important;  outline:none !important; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}
a:hover{ color:#fff;}
::selection{ background:#fff; color:#010101;}
::-moz-selection{background:#fff; color:#010101;}
::-webkit-selection{background:#fff; color:#010101;};
img{ max-width:100%; height:auto;}
ul{ margin:0; padding:0; list-style-type:none;}
li{ margin:0; padding:0;}
p{ padding:0; margin:0 0 15px 0; font-weight: normal;
  font-size: 15px;

color:#010101;

   }
h1, h2, h3, h4, h5, h6{ margin:0; padding:0;    font-family: "Poppins", sans-serif;}

.offcanvas{
background: #fff!important;
.offcanvas-header .btn-close{
	opacity: 1;
    padding: 0;
    width: auto;
    height: auto;
    position: relative;
    right: 7px;
}
.offcanvas-header .btn-close i{
	color: #010101;
	font-size: 25px;
}
.headerMainFlexMobile{
	ul{
		margin: 0;
		padding: 0;
		li{
			a{
				font-weight: 500;
      font-size: 20px;
      color: #010101;
	  display: block;
	  padding-bottom: 13px;
	  &:hover{
		color: #D55261;
	  }
			}
		}
	}


}
}

.logoFooter{
	img{
		 @media (max-width: 767px) {
width: 161px;
		 }
	}
}
.mainContainer{
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 50px;
	position: relative;
	    @media (max-width: 767px) {
	padding: 0 20px;
		}
}
.termsConditonBgSec{
	padding: 80px 0px 0px;
  background: #010101;
   @media (max-width: 1200px) {
	padding: 50px 0px 0px;
   }
  	h3{
		font-size: 48px;
      font-family: "Prompt", sans-serif;
      color: rgb(255, 255, 255);
      font-weight: 900;
      text-transform: uppercase;
	  margin-bottom: 30px;
      font-style: italic;position: relative;
   @media (max-width: 1200px){
font-size: 35px;
margin-bottom: 16px;

	}
	   @media (max-width: 570px){
font-size: 24px;
	}
 
 
	}
	span{
		font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #FEFEFE;
    text-align: left;
	margin-bottom: 20px;
	display: block;
	  @media (max-width: 570px) {
font-size: 16px;
	  }
	}

	ul{
		margin: 0;
		padding: 0 0 30px;
		li{
		color: #fff;
      padding-bottom: 10px;
      font-weight: 300;
      font-size: 15px;
      position: relative;
      padding-left: 20px;
			&::before{
				position: absolute;
				left: 0;
			top: 6px;
				width: 10px;
				height: 10px;
				background: #D55261;
				content: "";
				border-radius: 50%;

			}
		}
	}

	 	h4{
		font-size: 24px;
      color: rgb(255, 255, 255);
      font-weight: 700;
      text-transform:capitalize;
	  margin-bottom: 10px;
  position: relative;

 	  @media (max-width: 570px) {
	font-size: 19px;
	  }
	}
  p{
font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #FEFEFE;

    text-align: left;
	  @media (max-width: 570px) {
font-size: 14px;
	  }
	&:last-child{
		margin-bottom: 0px;
	}
  }
}
.flexTermcontact{
	display: flex;
	gap:23px;
	 @media (max-width: 570px) {
flex-direction: column;
gap: 17px;
	 }
}
.flexMainFooterPhn{
	display: flex;
  gap: 12px;
  align-items: center;
  span{
	margin-bottom: 0px;
  }
  a{
color: #D55261;
  }
}

.termsConditionBanner{
	background: url(../img/banner-terms.jpg) no-repeat ;
	background-size: cover;
	height: 100vh;
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;

 @media (max-width: 570px) {
height: 243px;
 }
	.overLayLayer{
position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
background: #01010180;
    z-index: -1;
    content: "";
	}
		h3{
		font-size: 48px;
      font-family: "Prompt", sans-serif;
      color: rgb(255, 255, 255);
      font-weight: 900;
      text-transform: uppercase;
      font-style: italic;position: relative;
  @media (max-width: 570px) {
	font-size: 30px;
  }
	}
}
.accordion-button:focus{
	box-shadow: none!important;
	border-color: none!important;
}
.bgVdomain{
	position: relative;
	z-index: 1;
	overflow: hidden;
	display: block;
	img {
		width: 100%;
		height: auto;
		display: block;
		object-fit: cover;
		object-position: center;
		@media (max-width: 767px) {
			width: 100%;
			height: 400px;
			object-fit: cover;
			object-position: center top;
		}
		@media (max-width: 570px) {
			width: 100%;
			height: 350px;
			object-fit: cover;
			object-position: center top;
		}
		@media (max-width: 400px) {
			height: 300px;
		}
	}
	.overLayLayer{
		position: absolute;
		left: 0;
		top:0;
		height: 100%;
		width: 100%;
		background: #01010180;
		z-index: 100;
		content: "";
		@media (max-width: 767px) {
			height: 400px;
		}
		@media (max-width: 570px) {
			height: 350px;
		}
		@media (max-width: 400px) {
			height: 300px;
		}
	}
.flexButtonStore{
	display: flex;
	gap:7px;
	button{
		border: none;
		background: transparent;
		img{
		  @media (max-width: 1200px) {
			width: 114px;
		  }
		}
	}
}
	.bannerTxtMain{
		position: absolute;
		left: 0;
		top:30%;
		z-index: 1000000;
		width: 100%;
		  @media (max-width: 767px) {
			top: auto;
			bottom:20px;
		  }
		.flexTxtmainall{
	backdrop-filter: blur(20px);
      border: 1px solid #FEFEFE1F;
      border-radius: 30px;
      display: inline-block;
      padding: 8px 15px;
	  margin-bottom: 12px;
	    @media (max-width: 767px) {
display: none;
			  }
	  label{
		color: #fff;
		font-weight: 400;
		font-size: 16px;
				  @media (max-width: 1200px) {
font-size: 14px;
				  }
				  
	  }

		}
		h1{
			font-size: 72px;
		  font-family: "Prompt", sans-serif;
			color: #fff;
			font-weight: 900;
			text-transform: uppercase;
			font-style: italic;
			max-width: 557px;
			 @media (max-width: 1200px) {
font-size: 34px;
			 }
			   @media (max-width: 767px) {
font-size: 24px;
			  }
		
			 
		}
		p{
			font-size: 16px;
			font-weight: 400;
			color: #fff;
			max-width: 557px;
			line-height: 23px;
			margin-bottom: 30px;
			 @media (max-width: 1200px) {
font-size: 14px;
	margin-bottom: 20px;
			 }
			  @media (max-width: 767px) {
display: none;
			  }
		}
	}


}
.mobileBtn{
	display: none;
	cursor: pointer;
	i{
		color: #000;
		font-size: 30px;
	}
	  @media (max-width: 1200px) {
	display: block;

  }
}
.faqBannerSec{
	display: flex;

	justify-content: space-between;
	background: url(../img/banner-terms.jpg) no-repeat ;
	background-size: cover;
	height: 100vh;
	position: relative;
	z-index: 1;
align-items: center;
	text-align: center;

 @media (max-width: 570px) {
height: 403px;
 }
 .inputDivMain{
	background: #FEFEFE1A;
	border: 1px solid #FEFEFE;
	max-width: 666px;
	border-radius: 8px;
	margin: 0 auto;
	display: flex;
	gap:5px;
	padding: 9px 18px;


	input{
		width: 100%;
		background: transparent;
		border: none;
		color: #fff;
		font-weight: 400;
		font-size: 16px;
	outline: none;
      box-shadow: none;
	}

 }
.flexButtonStore{
	display: flex;
	gap:16px;
	justify-content: center;
	margin: 0;
	padding: 0;
 @media (max-width: 570px) {
flex-direction: column;
 }
	.viewBtnmain{
	background: #D55261;
	}
	.joinNowBtn{
		border: 1px #fff solid;
	}
	button{
		border: none;
		background: transparent;
		width: 242px;
		height: 52px;
		border-radius: 8px;
		color: #fff;
		font-weight: 600;
		font-size: 16px;
	 @media (max-width: 570px) {
	width: 150px;
	font-size: 13px;
	 }
		img{
		  @media (max-width: 1200px) {
			width: 114px;
		  }
		}
	}
}
 p{
	font-size: 16px;
      font-weight: 400;
      color: #fff;
      max-width: 443px;
      line-height: 23px;
	  margin: 0 auto 30px;
 }

 .maxWidthmainFaqBanner{
max-width: 706px;
 }
	.overLayLayer{
position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
background: #01010180;
    z-index: -1;
    content: "";
	}
		h3{
		font-size: 72px;
      font-family: "Prompt", sans-serif;
      color: rgb(255, 255, 255);
      font-weight: 900;
      text-transform: uppercase;
      font-style: italic;position: relative;
	    @media (max-width: 1200px) {
font-size: 45px;
		}
  @media (max-width: 570px) {
	font-size: 24px;
  }
	}
}


header{
  position:fixed;

  transition: all 0.4s ease;
  width: 100%;
  padding: 28px 0px;
  z-index:100 ;
  background: #fff;
  	 @media (max-width: 1200px) {
  padding: 14px 0px;
	 }
    @media (max-width: 767px) {
  padding: 15px 0px;
	}
}
header.sticky {
  position:fixed;
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    z-index:100;

}

.headerMainFlex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	 @media (max-width: 570px) {
gap:30px;
	 }
	.logoImg{
		width: 260px;
		 @media (max-width: 570px) {
width: 200px;
		 }
	}
	button{
		border-radius: 8px;
		width: 160px;
		height: 52px;
		display: flex;
		justify-content:center;
		align-items:center;
		color: #fff;
		font-weight: 600;
		font-size: 16px;
		background: #D55261;
		border: none;
		transition: 0.4s;
		&:hover{
			background: #fff;
			color: #D55261;
		}

			  @media (max-width: 1200px) {
				display: none;

			  }

	}
	ul{
		margin: 0;
		padding: 0;
		display: flex;
			gap:32px;
		align-items: center;
		  @media (max-width: 1200px) {
display: none;
  }
		a{
		
			font-weight: 400;
			font-size: 16px;
			color: #000;
			&:hover{
				color: #D55261;
			}
		}
	}
}

.componyLogoSlider{
padding: 80px 0px 0px;
  background: #010101;
  margin-top: -5px;
  .owl-carousel .owl-item img{
	width: auto;
	 @media (max-width: 992px) {
margin: 0 auto;

	 }
  }
  	  @media (max-width: 1200px) {
padding: 30px 0px 0px;
	  }
}
.footerMain{
padding: 60px 0px 30px;
  background: #010101;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
 @media (max-width: 992px) {
padding: 40px 0px 20px;
 }
 .footerContent {
   margin-bottom: 40px;
   @media (max-width: 992px) {
     margin-bottom: 30px;
   }
 }
 .footerColumn {
   margin-bottom: 0;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   @media (max-width: 992px) {
     text-align: center;
     margin-bottom: 40px;
     align-items: center;
   }
 }
 .footerLogoSection {
   margin-bottom: 25px;
   .logoImg {
     filter: brightness(0) invert(1);
     max-width: 200px;
     height: auto;
     @media (max-width: 992px) {
       margin: 0 auto;
     }
   }
 }
 .socialMediaLinks {
   h4 {
     font-size: 22px;
     font-weight: 600;
     color: #FEFEFE;
     margin-bottom: 20px;
     margin-top: 0;
     text-align: left;
     @media (max-width: 992px) {
       text-align: center;
     }
   }
   .socialIcons {
     display: flex;
     gap: 15px;
     flex-wrap: wrap;
     @media (max-width: 992px) {
       justify-content: center;
     }
     a {
       width: 45px;
       height: 45px;
       display: flex;
       align-items: center;
       justify-content: center;
       background: rgba(255, 255, 255, 0.1);
       border-radius: 50%;
       color: #FEFEFE;
       font-size: 18px;
       transition: all 0.3s ease;
       text-decoration: none;
       flex-shrink: 0;
       &:hover {
         background: #D55261;
         color: #fff;
         transform: translateY(-3px);
       }
     }
   }
 }
h3{
	font-size: 22px;
	font-weight: 600;
	color: #FEFEFE;
	margin-bottom: 20px;
	margin-top: 0;
	text-align: left;
	 @media (max-width: 992px) {
text-align: center;
margin-top: 0;
	 }
  }
  .footerLinks {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	list-style: none;
	@media (max-width: 992px) {
		align-items: center;
	}
	li{
		list-style: none;
		margin-bottom: 10px;
		width: 100%;
		a{
			font-size: 16px;
			font-weight: 400;
			color: rgba(255, 255, 255, 0.8);
			padding-bottom: 0;
			display: block;
			transition: all 0.3s ease;
			text-decoration: none;
			&:hover{
				color: #D55261;
				padding-left: 5px;
				@media (max-width: 992px) {
					padding-left: 0;
				}
			}
		}
	}
  }
  .contactInfo {
	margin-top: 0;
	p {
		color: rgba(255, 255, 255, 0.8);
		font-size: 16px;
		margin-bottom: 15px;
		display: flex;
		align-items: center;
		gap: 12px;
		line-height: 1.5;
		@media (max-width: 992px) {
			justify-content: center;
		}
		i {
			color: #D55261;
			font-size: 18px;
			width: 20px;
			flex-shrink: 0;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
  }
  .footerBottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 25px;
	text-align: center;
	p {
		color: rgba(255, 255, 255, 0.6);
		font-size: 14px;
		margin: 0;
	}
  }
}

.faqsubBgSec{
		padding: 160px 0px 0px;
  background: #010101;	
   @media (max-width: 1200px) {
padding: 50px 0px 0px;
   }
  	.accordionEverthing{
		.accordion-item{
border-radius: 0px;
        margin-bottom: 12px;
   border: 1px solid #FEFEFE29;
        background: transparent;

			border-radius: 16px;
			&:last-child{
				margin-bottom: 0px;
			}
		}
		.accordion-button{
			background: transparent;
padding: 24px 20px;
color: #fff;
font-size: 20px;
font-weight: 600;
			box-shadow: none;
			 @media (max-width: 1200px) {
font-size:18px;
			 }
			&::after{
				background-image: url(../img/pluse-button.png);
				background-repeat: no-repeat;
			}
		}
		.accordion-button:not(.collapsed)::after{
				background-image: url(../img/minus.png);
				background-repeat: no-repeat
		}
		.accordion-body{
			padding-top: 0px;
			
			p{
				font-size: 16px;
        font-weight: 400;
        color: #fff;
    
        line-height: 23px;
        text-align: left;
        margin-bottom: 0px;
			}
		}
	}
h3{
	font-size: 48px;
    font-family: "Prompt", sans-serif;
    color: rgb(255, 255, 255);
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-style: italic;
    position: relative;
	   @media (max-width: 1200px) {
font-size: 35px;
margin-bottom: 20px;
	   }
	     @media (max-width: 570px) {
font-size: 24px;
	   }
}
.accordionSectionDiv{
	margin-bottom: 100px;
	  @media (max-width: 1200px) {
margin-bottom: 40px;
	  }
}


}
  .maxWidthFaqBanner1{
	max-width: 938px;
  }

  .needHelpBg{
	background: url(../img/need-help-bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 90px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	 @media (max-width: 570px) {
padding: 50px 0px;
	 }
	h4{
		font-size: 48px;
    font-family: "Prompt", sans-serif;
    color: rgb(255, 255, 255);
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom:5px;
    font-style: italic;
    position: relative;
		 @media (max-width: 992px) {
font-size: 24px;
		 }
	}
button{
	background: rgb(213, 82, 97);
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        font-size: 16px;
        width: 186px;
        height: 52px;
        color: rgb(255, 255, 255);
        border-radius: 8px;
        border: medium;
        transition: 0.4s;
		margin: 0 auto;
		i{
			margin-left: 10px;
			margin-top: 4px;
		}
		&:hover{
			background: #fff;
			color: rgb(213, 82, 97);
		}
}
	p{
		font-size: 16px;
        font-weight: 400;
        color: #fff;
        line-height: 23px;
        text-align: left;
        margin-bottom: 30px;
			 @media (max-width: 992px) {
font-size: 15px;
margin-bottom: 20px;
text-align: center;
			 }
	}
	&::before{
	
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: #010101a8;
	
	
  }
}

.upcomongTounamentsBgSec{
	padding: 145px 0px 100px;
background: #F5F7FC;
   @media (max-width: 1200px) {
padding: 100px 0px 30px
   }


   .pressRelaeaseBoxWrapper{
	box-shadow: 7px 0px 4px 0px #00000040;
		border-radius: 44px;
	overflow: hidden;
	height: 100%;
	   @media (max-width: 767px) {
border-radius: 25px;
	   }
	&:hover .pressRelaeseImg img{
		transform: scale(1.1);
	}
.pressRelaeseImg{

	overflow: hidden;

	img{
		width: 100%;
		transition: 0.4s;
	}
}
.pressTxtmain{
	padding: 30px 50px;
		   @media (max-width: 767px) {
padding: 20px 14px;
		   }
	h4{
		font-size: 20px;
        text-align: left;
        font-weight: 700;
        margin-bottom: 14px;
	}
	p{
		font-size: 17px;
        line-height: 27px;
        font-weight: 400;
        margin-bottom: 0px;
		color: #000;
		text-align: left;
	}
}
   }
  .upcomingNewsDivCommon{
	border-radius: 32px;
	padding: 40px;
	margin-bottom: 24px;
	 @media (max-width: 1200px) {
padding: 20px;
	margin-bottom: 16px;
	 }
	&:last-child{
		margin-bottom: 0px;
	}
	.flexMainNewWrapper{
		display: flex;
		justify-content: space-between;
		align-items: center;
		 @media (max-width: 1200px) {
flex-direction: column;
align-items: start;
gap:20px
		 }
		.contentmainall{
			h4{
				font-size: 32px;
 
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    text-align:left;
    margin-bottom: 24px;
	 @media (max-width: 570px) {
font-size: 24px;
margin-bottom: 16px;
	 }
			}

			.datemainNav{
				margin: 0;
				padding: 0;
				display: flex;
				gap:40px;
				 @media (max-width: 570px) {
flex-direction: column;
gap:10px;
				 }
				li{
						display: flex;
						gap:8px;
						p{
							font-size: 16px;
							font-weight: 400;
							color: #FEFEFE;
							margin-bottom: 0px;
							   @media (max-width: 570px) {
font-size: 12px;
							   }
						}
				}
			}
		}
	}
  }
  .buttonSecitonmain{
	display: flex;
	gap:16px;
			 @media (max-width: 570px) {
flex-direction: column;
width: 100%;
			 }
	.vieDetailsBtn{
		border: 1px solid #FEFEFE;
		&:hover{
					background: #D55261;
						border: 1px solid #D55261;
		}
	}
	.registerBtn{
		background: #D55261;
	&:hover{
					background: #fff;
						border: 1px solid #fff;
						color: #D55261;
		}
	}
 button {
      border: none;
      background: transparent;
      width: 164px;
      height: 52px;
      border-radius: 8px;
      color: #fff;
      font-weight: 600;
      font-size: 16px;
	  transition: 0.4s;
	  cursor: pointer;
	   @media (max-width: 570px) {
width: 100%;
	   }
 }
  }
  .newSectionBg1{
	border: 1px solid #FEFEFE14;
	background-image: linear-gradient(to right top, rgb(1, 1, 1), rgb(13, 7, 24), rgb(21, 13, 38), rgb(27, 17, 53), rgb(36, 17, 67));
  }
  .newSectionBg2{
	border: 1px solid #FEFEFE14;
background-image: linear-gradient(to right top, #010101, #171c24, #193341, #0c4d59, #066867);
  }
  .newSectionBg3{
	border: 1px solid #FEFEFE14;
	  background-image: linear-gradient(to right top, #010101, #0f0a17, #1a1023, #27122f, #371138);
  }
h3{
	font-size: 48px;
   
      color: #000;
      font-weight: 700;
      text-transform: uppercase;
      font-style: italic;
text-align: center;
      margin-bottom: 16px;
	     @media (max-width: 1200px) {
	font-size:35px;
		 }
		      @media (max-width: 570px) {
	font-size:24px;
		 }
}
p{
font-size: 16px;
      font-weight: 400;
      color: #fff;

      line-height: 23px;
	  text-align:center;
	  margin-bottom: 30px;
	    @media (max-width: 1200px) {
font-size: 14px;
margin-bottom: 20px;
		}
	    @media (max-width: 992px) {
			max-width: 100%;
		}
}
.flexMainTab{
	display: flex;
	justify-content: space-between;
		margin-bottom: 40px;
		align-items: center;
		 @media (max-width: 570px) {
			margin-bottom: 30px;
flex-direction: column;
gap:30px
		 }
	.form-select:focus{
		box-shadow: none;
	}
	.formMainSelect{
		width: 167px;
	  background: #010101 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center;
	border: 1px solid #FEFEFE3D;
	 background-size: 14px; 
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	height: 52px;

	}
	.tabMainallTab{
		display: flex;
		gap:16px;
		align-items: center;
	
		.nav-link{
			color: #fff;
			font-size: 16px;
			font-weight: 600;
				padding: 14px 31px;
				border-radius: 8px;
				   @media (max-width: 570px) {
padding: 9px 19px;
				   }
		}
		.nav-link.active{
			background-color: #fff!important;
			color: #333!important;
		
		}
	}
}
}

.everthingYouNeed{
	padding: 160px 0px 0px;
  background: #010101;	
   @media (max-width: 1200px) {
padding: 50px 0px 0px;
   }
  .gridMainEverthing{
	display: grid;
	grid-template-columns: 1fr 1fr;
		 @media (max-width: 992px) {
display: block;
		 }
	.accordionEverthing{
		.accordion-item{
border-radius: 0px;
        margin-bottom: 12px;
   border: 1px solid #FEFEFE29;
        background: transparent;

			border-radius: 16px;
			&:last-child{
				margin-bottom: 0px;
			}
		}
		.accordion-button{
			background: transparent;
padding: 24px 20px;
color: #fff;
font-size: 20px;
font-weight: 600;
			box-shadow: none;
			 @media (max-width: 1200px) {
font-size:18px;
			 }
			&::after{
				background-image: url(../img/pluse-button.png);
				background-repeat: no-repeat;
			}
		}
		.accordion-button:not(.collapsed)::after{
				background-image: url(../img/minus.png);
				background-repeat: no-repeat
		}
		.accordion-body{
			padding-top: 0px;
			
			p{
				font-size: 16px;
        font-weight: 400;
        color: #fff;
    
        line-height: 23px;
        text-align: left;
        margin-bottom: 0px;
			}
		}
	}
.contentTxtmain{
	max-width: 373px;
		 @media (max-width: 992px) {
max-width: 100%;
margin-bottom: 20px;
		 }
h3{
	font-size: 48px;
      font-family: "Prompt", sans-serif;
      color: #fff;
      font-weight: 900;
      text-transform: uppercase;
      font-style: italic;
      max-width: 498px;
      margin-bottom: 16px;
	     @media (max-width: 1200px) {
	font-size:35px;
		 }
		      @media (max-width: 570px) {
	font-size:24px;
		 }
}
p{
font-size: 16px;
      font-weight: 400;
      color: #fff;
      max-width: 350px;
      line-height: 23px;
	  text-align: left;
	  margin-bottom: 30px;
	    @media (max-width: 1200px) {
font-size: 14px;
margin-bottom: 20px;
		}
	    @media (max-width: 992px) {
			max-width: 100%;
		}
}
button{
background: #D55261;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 600;
      font-size: 16px;
      width: 186px;
      height: 52px;
      color: #fff;
      border-radius: 8px;
      border: none;
      transition: 0.4s;	
	  	&:hover{
			background: #fff;
			color: #D55261;
		}
		svg{
			margin-left: 5px;
		}
}
}
  }
}

.bannerInnovation{
	padding: 160px 0px 0px;
  background: #010101;
   @media (max-width: 1200px) {
	padding: 50px 0px 0px;
   }
  .bannermainallBottom{
background-image: linear-gradient(to left top, #241141, #1d1136, #180f2c, #140b21, #0d0717, #0d0717, #0d0718, #0d0718, #140c23, #180f2d, #1d1138, #241143);
    border: 1px solid #241143;
    border-radius: 32px;
padding:40px 0px 0px 60px;
    display: flex;
    justify-content: space-between;
	overflow: hidden;
  margin-bottom: 0px;
	   @media (max-width: 992px) {
	padding: 29px 20px 0px 29px;
        gap: 17px;
		margin-bottom: 0px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	   }

.bannerTopPadding{
	padding-top: 15px;
		   @media (max-width: 992px) {
padding-top: 0px;
text-align: center;
		   }
}
	h3{
		font-size: 48px;
      font-family: "Prompt", sans-serif;
      color: #fff;
      font-weight: 900;
      text-transform: uppercase;
      font-style: italic;
      max-width: 498px;
	  margin-bottom: 16px;
	   @media (max-width: 1200px) {
	font-size: 35px;
	   }
	      @media (max-width: 992px) {
max-width: 100%;
		  }
	      @media (max-width: 570px) {
	font-size: 24px;
	   }
	}
	p{
	font-size: 16px;
      font-weight: 400;
      color: #fff;
      max-width: 449px;
      line-height: 23px;
      margin-bottom: 30px;
	  text-align: left;
	     @media (max-width: 992px) {


margin: 0 auto 20px;
text-align: center;
		 }
		  @media (max-width: 570px) {
font-size: 14px;
		  }
	}
	button{
		background: #D55261;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 600;
		font-size: 16px;
		width: 186px;
		height: 52px;
		color: #fff;
		border-radius: 8px;
		border: none;
		transition: 0.4s;
		   @media (max-width: 992px) {
margin: 0 auto;
		   }
		&:hover{
			background: #fff;
			color: #D55261;
		}
		svg{
			margin-left: 5px;
		}

	}
  }
}
.getStartMainBgSec{
	padding: 160px 0px 0px;
  background: #010101;
  @media (max-width: 1200px) {
padding: 50px 0px 0px;
  }
    @media (max-width: 992px) {
padding: 0px 0px 0px;
  }
  .owl-dots{
	display: none!important;
  }
  .sliderTwoBg{
background-image: linear-gradient(to right top, #010101, #171c24, #193341, #0c4d59, #066867)!important;
  }

    .sliderThreeBg{
  background-image: linear-gradient(to right top, #010101, #0f0a17, #1a1023, #27122f, #371138)!important;
  }
    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
width: 100%;
    text-align: center;
    display: flex !important;
    justify-content: center;
    gap: 20px;
    margin-top: 28px;
  }
  .owl-nav{
	margin: 0 auto;
    width: 100%;
    text-align: center;
	display: flex!important;
	 justify-content: center;
	 margin-top: 30px;
	 gap:20px;
	  .owl-next{
	width: 58px;
	height: 58px;
	border: 1px solid #FEFEFE!important;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.4s;
	  @media (max-width: 767px) {
	width: 48px;
	height:48px;

	  }
	
	&:hover{
	background: #D55261;
		border: 1px solid #D55261!important;
	}
	span{
		font-size: 0;
		background: url(../img/right-arrow.png) no-repeat center center; 
		width: 21px;
        height: 20px;
	}
  }
  	  .owl-prev{
	width: 58px;
	height: 58px;
	border: 1px solid #FEFEFE!important;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
		transition: 0.4s;
  @media (max-width: 767px) {
	width: 48px;
	height:48px;

	  }
		&:hover{
	background: #D55261;
	border: 1px solid #D55261!important;
	}
	span{
		font-size: 0;
		background: url(../img/left-arrow.png) no-repeat center center; 
		width: 21px;
        height: 20px;
	}

  }
  }
  .bannermainallBottom1{
	background-image: linear-gradient(to left top, #241141, #1d1136, #180f2c, #140b21, #0d0717, #0d0717, #0d0718, #0d0718, #140c23, #180f2d, #1d1138, #241143);
    border: 1px solid #241143;
    border-radius: 32px;
padding: 40px 40px 0px 60px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
.owl-carousel .owl-item img{
	width: auto!important;
		  @media (max-width: 767px) {
margin: 0 auto; width: 100%;
		  }
}
	  @media (max-width: 992px) {
padding: 29px 20px 0px 29px;
gap: 17px;
	  }
	    @media (max-width: 767px) {
flex-direction: column;
justify-items: center;
align-items: center;
padding: 29px 29px 0px 29px;
		}
  }

  .bannerTopStart{
	padding-top: 15px;
	   @media (max-width: 767px) {
padding-top: 0px;
text-align: center;
	   }
		h3{
		font-size: 48px;
      font-family: "Prompt", sans-serif;
      color: #fff;
      font-weight: 900;
      text-transform: uppercase;
      font-style: italic;
      max-width: 498px;
	  margin-bottom: 16px;
	    @media (max-width: 1200px) {
font-size: 35px;
		}
		  @media (max-width: 570px) {
font-size: 24px;
margin-bottom: 10px;
		}
	}
	p{
	font-size: 16px;
      font-weight: 400;
      color: #fff;
      max-width: 449px;
      line-height: 23px;
      margin-bottom: 0px;
	  text-align: left;
	     @media (max-width: 1200px) {
font-size: 14px;
		}
		 @media (max-width: 767px) {
margin: 0 auto 20px;
display: block;
text-align: center;

		 }

	}
	button{
		background: #D55261;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 600;
		font-size: 16px;
		width: 186px;
		height: 52px;
		color: #fff;
		border-radius: 8px;
		border: none;
		transition: 0.4s;
		&:hover{
			background: #fff;
			color: #D55261;
		}
		svg{
			margin-left: 5px;
		}

	}
}

}



.strikeCommunity{
	padding: 160px 0px 0px;
  background: #010101;
   @media (max-width: 1200px) {
	padding:50px 0px 0px;

   }

  	button{
		background: #D55261;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 600;
		font-size: 16px;
		width: 186px;
		height: 52px;
		color: #fff;
		border-radius: 8px;
		border: none;
		transition: 0.4s;
		margin: 20px auto 0px;
		
		&:hover{
			background: #fff;
			color: #D55261;
		}
		svg{
			margin-left: 5px;
		}

	}
  .spaceMarginBottom{
margin-bottom: 16px;
  }
	.imgWrappermain{
			overflow: hidden;
  border-radius: 36px;
  &:hover img{
	transform: scale(1.2);
  }
  img{
	  border-radius: 36px;
	  transition: 0.4s;
	   @media (max-width: 992px) {
width: 100%;
	   }
  }
  
		}
  h3{
	font-size: 48px;
        font-family: "Prompt", sans-serif;
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        font-style: italic;
    text-align: center;
        margin-bottom: 60px;
		   @media (max-width: 1200px) {
	font-size: 35px;
	margin-bottom: 20px;
		   }
		      @media (max-width: 570px) {
	font-size: 24px;
		   }
  }

}

.appStoriesBgSec{
		padding: 160px 0px 0px;
  background: #010101;
  overflow: hidden;
    @media (max-width: 1200px) {
	padding: 50px 0px 0px;
	}
	 @media (max-width: 570px) {
padding: 50px 10px 0px;
	 }
  .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
width: 100%;
    text-align: center;
    display: flex !important;
    justify-content: center;
    gap: 20px;
    margin-top: 28px;
  }
  .owl-nav{
	margin: 0 auto;
    width: 100%;
    text-align: center;
	display: flex!important;
	justify-content: center;
	align-items: center;
	gap:15px;
	margin-top: 20px;
	  .owl-next{
	width: 58px;
	height: 58px;
	border: 1px solid #FEFEFE!important;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.4s;
	  @media (max-width: 570px) {
	width: 48px;
	height:48px;

	  }
	&:hover{
	background: #D55261;
		border: 1px solid #D55261!important;
	}
	span{
		font-size: 0;
		background: url(../img/right-arrow.png) no-repeat center center; 
		width: 21px;
        height: 20px;
	}
  }
  	  .owl-prev{
	width: 58px;
	height: 58px;
	border: 1px solid #FEFEFE!important;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
		transition: 0.4s;
		  @media (max-width: 570px) {
	width: 48px;
	height:48px;

	  }
		&:hover{
	background: #D55261;
	border: 1px solid #D55261!important;
	}
	span{
		font-size: 0;
		background: url(../img/left-arrow.png) no-repeat center center; 
		width: 21px;
        height: 20px;
	}

  }
  }

    h3{
	font-size: 48px;
        font-family: "Prompt", sans-serif;
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        font-style: italic;
    text-align: center;
        margin-bottom: 60px;

		    @media (max-width: 1200px) {
	font-size: 35px;
	margin-bottom: 20px;

			}

			    @media (max-width: 570px) {
	font-size: 24px;

				}
  }
  .sliderOneBg{
	background-image: linear-gradient(to right top, #010101, #0d0718, #150d26, #1b1135, #241143);
  }
  .sliderTwoBg{
background-image: linear-gradient(to right top, #010101, #171c24, #193341, #0c4d59, #066867);
  }

    .sliderThreeBg{
  background-image: linear-gradient(to right top, #010101, #0f0a17, #1a1023, #27122f, #371138);
  }


  .appStoriesCommonDiv{
	border: 1px solid #FEFEFE1F;
	border-radius: 32px;
	padding: 20px;
	
		ul{
		margin: 0;
		padding: 0;
		display: flex;
		gap:4px;
		margin-bottom: 10px;
	}
	p{
		font-size: 14px;
      font-weight: 400;
      color: #fff;
      max-width: 316px;
      line-height: 23px;
	  text-align: left;
	   @media (max-width: 570px) {
 max-width: 100%;

	   }
	}

	.borderTopProfile{
	border-top: 1px solid #FEFEFE1A;
	padding-top: 20px;
	margin-top: 20px;

		.profileFlex{
			display: flex;
			gap:10px;
			align-items: center;

			p{
				margin-bottom: 0px;
				font-size: 16px;
				font-weight: 400;
				color: #fff;
			}
			.imgCricle{
				border-radius: 50%;
				overflow: hidden;
			}
		}
	}
  }
}

.contactUsBgSec{
	max-width: 700px;
	margin: 0 auto;
border-radius: 32px;
    padding: 40px;
	border: 1px solid #FEFEFE14;
    background-image: linear-gradient(to right top, rgb(1, 1, 1), rgb(13, 7, 24), rgb(21, 13, 38), rgb(27, 17, 53), rgb(36, 17, 67));
   @media (max-width: 570px) {
    padding: 20px;
   }
input{
border: 1px solid rgba(254, 254, 254, 0.24);
      border-radius: 8px;
      font-size: 16px;
      font-weight: 600;
      color: rgb(255, 255, 255);
padding: 0 20px;
      height: 52px;
	  width: 100%;
	  background: transparent;
	  margin-bottom: 20px;
}
textarea{
	border: 1px solid rgba(254, 254, 254, 0.24);
      border-radius: 8px;
      font-size: 16px;
      font-weight: 600;
      color: rgb(255, 255, 255);
padding: 10px 20px;
   
	  width: 100%;
	  background: transparent;
	  margin-bottom: 20px;
	  resize: none;
}
button{
	border-radius: 8px;
    width: 160px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #D55261;
    font-weight: 600;
    font-size: 16px;
    background: #fff;
    border: none;
    transition: 0.4s;
	margin: 0 auto;
	&:hover{
		  background: #D55261;
		  color: #fff;
		     
	}
}
}

.subpageMainall{
	height: 50vh;
}
.aboutHomeMainsec{
	padding: 40px 0px;
	p{
		color: #000;
		font-size: 20px;
		line-height: 27px;
		font-weight: 500;
		margin-bottom: 0px;
		   @media (max-width: 570px) {
font-size: 17px;
		   }
	}
}

.homeGalleryMainSec{
	background: #F5F7FC;
	padding: 100px 0px;
	overflow: hidden;

	  @media (max-width: 992px) {
padding: 40px 0px;

	  }
	.headerFlexMain{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 54px;
	}
	.carousel-app-stories{
		.owl-nav{
			display: none!important;
		}
	}
	.galleryContainer{
	
		padding-left: 50px;
		  @media (max-width: 992px) {

padding: 0px 20px 0px;
		  }
		.carousel-app-stories{
			.galleryImgWrapper{
	padding-top: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        &:hover {
          transform: translateY(-5px);
          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
          .galleryImageTitle {
            opacity: 1;
            transform: translateY(0);
          }
        }
				img{
	width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          object-fit: cover;
          cursor: pointer;
          transition: transform 0.3s ease;
				}
        .galleryImageTitle {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.5) 50%, transparent 100%);
          padding: 20px 15px 15px;
          opacity: 0;
          transform: translateY(10px);
          transition: opacity 0.3s ease, transform 0.3s ease;
          @media (max-width: 767px) {
            opacity: 1;
            transform: translateY(0);
          }
          h4 {
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            margin: 0;
            text-align: center;
            font-family: "ABeeZee", sans-serif;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            line-height: 1.3;
            @media (max-width: 767px) {
              font-size: 16px;
            }
          }
        }
			}
		}
		.circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px #0000001a;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
  position: relative;
  right: 20px;
  &::before{
position: absolute;
        left: -37px;
        top: -35px;
        content: "";
        width: 119px;
        height: 214px;
        background: url(../img/curvedTxt.png) no-repeat;
        background-size: 56px;
		   @media (max-width: 767px) {
display: none;
		   }
	
}
}

.pulse {
  animation: ripple 1.5s linear infinite;
--bg-1: rgba(154, 158, 148, 0.5);
      --bg-2: rgba(141, 195, 77, 0);
}


	}
}

/* Global title-underline class - can be used anywhere */
.title-underline {
  font-size: 48px !important;
  font-weight: 600 !important;
  font-family: "ABeeZee", sans-serif !important;
  font-style: italic !important;
  position: relative;
  display: inline-block;
  color: #090D26 !important;
  margin-bottom: 60px !important;
  max-width: none !important;
  text-align: left !important;
    @media (max-width: 767px) {
font-size: 37px !important;
	}
}

/* Yellow underline */
.title-underline::before,
.title-underline::after {
  content: "";
  position: absolute;
  height: 4px;
  background: #FFC72C; /* yellow color */
  border-radius: 4px;
}

.title-underline::before {
  width: 70%;
  left: 0;
transform: rotate(-3deg);
bottom: -3px;
}

.title-underline::after {
  width: 25%;
  left: 0;
  transform: rotate(-3deg);
  bottom: -14px;
}



@keyframes ripple {
  0% {
    box-shadow: 
      0 0 0 0 var(--bg-1), 
      0 0 0 1px var(--bg-1), 
      0 0 0 3px var(--bg-1), 
      0 0 0 5px var(--bg-1);
  }
  100% {
    box-shadow: 
      0 0 0 0 var(--bg-1), 
      0 0 0 4px var(--bg-1), 
      0 0 0 20px var(--bg-2), 
      0 0 0 30px var(--bg-2);
  }
}

.pressBgSecMain{
	background: #F5F7FC;
  padding: 50px 0px;
  overflow: hidden;
   	   @media (max-width: 1199px) {
text-align: center;
	   }
  h3:not(.title-underline){
color: #090D26;
    font-weight: 700;
    font-size: 38px;
    margin-bottom: 60px;
	  @media (max-width: 1199px) {
font-size: 30px;
   margin-bottom: 30px;
	  }
  }
  .flexPressReleaseDiv{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap:100px;
	   @media (max-width: 1199px) {
	grid-template-columns: 1fr ;
	gap: 40px;
	  }
	img{
		
		 @media (max-width: 1199px) {
margin: 0 auto;

		 }
		 	 @media (max-width: 570px) {
max-width: 100%;
width: 100%;
		 }
	}
	.pressTxtmain{
		max-width: 409px;
			 @media (max-width: 1199px) {
margin: 0 auto;
max-width: 100%;
		 }
		h5{
			color: #090D26;
    font-weight: 700;
    font-size: 50px;
    margin-bottom:10px;
	 @media (max-width: 1199px) {
font-size: 30px;
	 }
		}
		p{
			font-size: 20px;
			line-height: 27px;
			font-weight: 400;
			margin-bottom: 0px;
			 @media (max-width: 1199px) {
font-size: 17px;
			 }
		}
	}
  }
}

.bridgeBtweenSecMain{
		background: #F5F7FC;
  padding: 50px 0px;
  overflow: hidden;
  .flexPressReleaseDiv{
	display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 155px;
			 @media (max-width: 1199px) {
    grid-template-columns: 1fr ;
	gap:20px;
			 }
	img{
	

		 @media (max-width: 1199px) {
max-width: 100%;
width: 100%;
		 }
	
	}
  }
  h3:not(.title-underline){
	color: #090D26;
        font-weight: 700;
        font-size: 50px;
        margin-bottom: 0px;
		max-width: 359px;
			 @media (max-width: 1199px) {
max-width: 100%;
margin: 0 auto;
text-align: center;
font-size: 40px;
			 }
			 	 @media (max-width: 767px) {
font-size: 30px;
				 }
  }
  .title-underline {
    margin-bottom: 60px !important;
    @media (max-width: 1199px) {
      margin-bottom: 30px !important;
    }
  }
}

.testMonialMainBgSec{
	padding: 40px 0px;
	 background: #fff;
	 svg{
		margin: 0 auto 20px;
		display: block;
	 }
	 p{
	text-align: center;
    max-width: 612px;
    margin: 0 auto 0px;
    line-height: 40px;
    font-size: 30px;
    color: #000;
	 @media (max-width: 767px) {
 font-size: 20px;
	 }
	 }
}



.lightboxpreview {
   transition: all .3s linear;
padding-top:60%;
  cursor:pointer;
  background-size:cover;
}
   
.lightbox-content {
max-height:75svh;
  height:75svh;
}

.lightbox-close { 
  cursor:pointer;
    margin-left: auto;
  position:absolute;
  right:-30px;
  top:-30px;
  color:white;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;}

.modalscale {transform:scale(0);
opacity:0;}



.lightbox-container, .lightbox-btn, .lightbox-image-wrapper, .lightbox-enabled{transition:all .4s ease-in-out;}
.lightbox_img_wrap {padding-top:65%;
  position:relative;
  overflow:hidden;
}
.lightbox-enabled:hover {
  transform:scale(1.1)
}
.lightbox-enabled {width:100%;
height:100%;
  position:absolute;
  top:0;
object-fit:cover;
cursor:pointer;}

.lightbox-container {width:100svw;
height:100svh;
position:fixed;
top:0;
left:0;
  display:flex;
  align-items:center;
  justify-content:center;
background-color:rgba(0,0,0,.6);
z-index:9999;
opacity:0;
pointer-events:none;
}

.lightbox-container.active {
  opacity:1;
  pointer-events:all;
}
.lightbox-image-wrapper {
  display:flex;
  transform:scale(0);
  align-items:center;
  justify-content:center;
  max-width:90vw;
  max-height:90vh;
  position:relative;
}
.lightbox-container.active .lightbox-image-wrapper {transform:scale(1);}
.lightbox-btn, #close {
  color:white;
  z-index:9999999;
 cursor:pointer; 
  position:absolute;
  font-size:50px;
}

.left {left:50px;}
.right {right:50px;}
#close {top:50px;
right:50px;}

.lightbox-image {
  width:100%;
  max-height:95vh;
  object-fit:cover;
 }

@keyframes slideleft {
  33% {transform:translateX(-300px);
  opacity:0;
  }
  66% {transform:translateX(300px);
  opacity:0;
  }
}


.slideleft {
   animation-name: slideleft;
 animation-duration: .5s; 
 animation-timing-function: ease; 
}
@keyframes slideright {
  33% {transform:translateX(300px);
  opacity:0;}
  66% {transform:translateX(-300px);
  opacity:0;}
}


.slideright{
   animation-name: slideright;
 animation-duration: .5s; 
 animation-timing-function: ease; 
}
	
.gallerySectionmain{
	padding: 145px 0px 100px;
  background: #F5F7FC;
   @media (max-width: 767px) {
	padding: 100px 0px 50px;
   }
  .lightbox-btn{
	img{
		width: 30px;
	}
	
  }
  .material-symbols-outlined{
			img{
		width: 30px;
	}
	}
  .nav-pills{
	display: flex;
	justify-content: center;
	align-items: center;
  }
.nav-link.active{
background: #000!important;
color: #fff!important;
}
  .nav-link{
	color: #AFAFAF!important;
	font-size: 20px;
	font-weight: 500;
	 @media (max-width: 767px) {
	font-size: 17px;
	 }

  }
  h3{
	font-size: 48px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    text-align: center;
    margin-bottom: 16px;
	 @media (max-width: 767px) {
font-size: 30px;
	 }
  }
}

	   .spaceBottom{
	margin-bottom: 20px;
   }


   .timlineFlexDiv1{
	display: flex;
	justify-content: end;
	display: flex;
  justify-content: end;
  margin-bottom: 94px;
   @media (max-width: 767px) {
margin-bottom: 20px;
   }
.bordedrLeftmaoin{
	border-left: 3px #333 solid;
	position: relative;
	   padding-left: 35px;
	&::before{
	position: absolute;
      top: 50%;
      width: 25px;
      height: 25px;
      content: "";
      background: #000;
      border-radius: 50%;
      left: -13px;
	}

		&::after{
	position: absolute;
      top: 51%;
      width: 11px;
      height: 11px;
      content: "";
      background: #fff;
      border-radius: 50%;
      left: -6px;
	}
}
	.pressRelaeaseBoxWrapper{
	max-width: 481px;
 
	.pressTxtmain{
		padding: 20px 30px;
		 @media (max-width: 570px) {
	padding: 20px 10px;
		 }
		span{
		background: #000;
        color: #fff;
        border-radius: 30px;
        font-size: 15px;
        padding: 6px 15px;
        display: inline-block;
        width: auto;
        min-width: fit-content;
        white-space: nowrap;
        text-align: center;
        margin-bottom: 9px;
		}
	}
		
	}

   }

   .timlineFlexDiv2{
		display: flex;
		margin-bottom: 94px;
   @media (max-width: 767px) {
margin-bottom: 20px;
   }
		.pressRelaeaseBoxWrapper{
	max-width: 481px;
  
	.pressTxtmain{
		padding: 20px 30px;
		span{
		background: #000;
        color: #fff;
        border-radius: 30px;
        font-size: 15px;
        padding: 6px 15px;
        display: inline-block;
        width: auto;
        min-width: fit-content;
        white-space: nowrap;
        text-align: center;
        margin-bottom: 9px;
		}
	}
		
	}

	.bordedrRightmaoin{
	border-right: 3px #333 solid;
	position: relative;
	    padding-right: 35px;
		   @media (max-width: 570px) {
	border-right:none;
	border-left: 3px #333 solid;
	    padding-right: 0px;
		  padding-left: 35px;
		   }
	&::before{
	position: absolute;
      top: 50%;
      width: 25px;
      height: 25px;
      content: "";
      background: #000;
      border-radius: 50%;
      right: -13px;
	    @media (max-width: 570px) {
 left: -13px;
 right: 0;
		}
	}

		&::after{
	position: absolute;
      top: 51%;
      width: 11px;
      height: 11px;
      content: "";
      background: #fff;
      border-radius: 50%;
      right: -6px;
	    @media (max-width: 570px) {
 left: -6px;
 right: 0;
		}
	}
}
   }
   .maxWidthTimline{
max-width: 1035px;
  margin: 0 auto;
   }

   .timelineBgSec{
	padding-bottom: 30px;
   }


   .profile-section {
  display: flex;
  width: 100%;
  min-height: 100vh;
  background: #fff;
  overflow: hidden;
  position: relative;
      @media (max-width: 1199px) {
flex-direction: column;

	  }
}

/* Left Content Area */
.content-box {
position: relative;
  width: 56%;
  padding: 39px 47px;
  background: #fff;

  z-index: 2;
  display: flex;
  flex-direction: column;
        @media (max-width: 1199px) {
width: 100%;
background: #F5F7FC;
padding: 0px;
		}
}

.image-boxMobile{
	display: none;
	position: relative;
  padding: 20%;
	img{
object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	}
	     @media (max-width: 1199px) {
display: block;
		 }
}
.content-box h1 {
  font-size: 38px;
  font-weight: 800;
  margin-bottom: 20px;
    @media (max-width: 1199px) {
  font-size: 25px;
  margin-bottom: 10px;
	}
	   @media (max-width: 1199px) {
  font-size: 20px;
  margin-bottom: 10px;
	}
}

.content-box p {
  line-height: 1.9;
  margin-bottom: 20px;
  color: #222;
  font-size: 16px;
  text-align:left;
}

/* Back Button */
.back-btn {
  position: absolute;
  top: 20px;
  left: 20px;
  border: none;
  background: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  cursor: pointer;
  font-size: 18px;
  transition: .3s ease;
}
.back-btn:hover {
  transform: scale(1.1);
}

/* Right Side Image */
.image-box {
  width: 45%;
  height: 100vh;
  overflow: hidden;
   @media (max-width: 1199px) {
display: none;
   }
}

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

/* Gallery Group Cards */
.gallery-groups {
  margin-bottom: 60px;
}

.gallery-groups h4 {
  font-size: 32px;
  font-weight: 600;
  color: #010101;
  margin-bottom: 32px;
  letter-spacing: 0.02em;
  @media (max-width: 767px) {
    font-size: 24px;
    margin-bottom: 22px;
  }
}

.gallery-group-card {
  text-decoration: none;
  display: block;
  color: inherit;
  transition: transform 0.25s ease, filter 0.25s ease;
  filter: drop-shadow(0 14px 40px rgba(9, 13, 38, 0.08));
}

.gallery-group-card:hover {
  text-decoration: none;
  color: inherit;
  transform: translateY(-6px);
  filter: drop-shadow(0 24px 60px rgba(9, 13, 38, 0.14));
}

.gallery-group-card-wrapper {
  border-radius: 24px;
  overflow: hidden;
  background: radial-gradient(circle at top left, #ffffff, #f3f4ff);
  border: 1px solid rgba(255, 255, 255, 0.9);
}

.gallery-group-cover {
  position: relative;
  padding-top: 70%;
  overflow: hidden;
}

.gallery-group-cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 0.4s ease;
}

.gallery-group-card:hover .gallery-group-cover img {
  transform: scale(1.08);
}

.gallery-group-overlay {
  position: absolute;
  inset: auto 0 0 0;
  background: linear-gradient(to top, rgba(9, 13, 38, 0.96) 0%, rgba(9, 13, 38, 0.6) 55%, transparent 100%);
  padding: 22px 24px 20px;
  color: #fff;
}

.gallery-group-info h5 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #fff;
  letter-spacing: 0.01em;
}

.gallery-group-info p {
  font-size: 15px;
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
}

.gallery-group-cover.no-image {
  padding-top: 75%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-group-cover.no-image .gallery-group-info {
  text-align: center;
  color: #fff;
}

.gallery-group-cover.no-image .gallery-group-info h5 {
  color: #fff;
}

.gallery-group-cover.no-image .gallery-group-info p {
  color: rgba(255, 255, 255, 0.9);
}

.back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #010101;
  font-weight: 500;
  margin-bottom: 20px;
  transition: color 0.3s ease;
}

.back-link:hover {
  color: #D55261;
  text-decoration: none;
}

.back-link i {
  font-size: 16px;
}

.photo-title-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  padding: 15px;
  color: #fff;
}

.photo-title-overlay p {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}