/* Extended mobile styles - REPLACE your existing mobile media query with this */

@media only screen and (min-width: 360px) and (max-width: 501px) {

	.section1-cont{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		width: 100%;
		height: 100%;
		margin-top: 0%;
		margin-left: 0%;
		gap:50px;
	}

	.section1{
		width: 100%;
		height: 100%;
		background-image: url('../images/forexsniper-bg.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.section1-card h1{
		font-size: 12vw;
		margin-top: 40%;
		margin-left: 0%;
		color: white;
		line-height: 55px;
		text-align: center;
	}

	.section1-card p{
		margin-left: 8%;
		color: white;
		width: 95%;
		margin-top: 6%;
		font-size: 18px;
		text-align: center;
		margin-left: 2.5%;
		font-size: 4.4vw;
	}

	.section1-btns{
		display: flex;
		gap: 20px;
		width: 90%;
		margin-top: 11%;
		margin-left: 5%;
	}

	#trader-img{
		width: 70%;
		margin-left: 15%;
		z-index: 999;
		margin-top: -30%;
	}

	.trading-img1-cont{
		position: absolute;
		width: 60%;
		margin-top: 1%;
	}

	.trading-img2-cont{
		position: absolute;
		width: 30%;
		margin-top: 26%;
		margin-left: 70%;
	}

	.section2 h1{
		text-align: center;
		font-size: 6vw;
		margin-top: 6%;
	}

	.section2 h6{
		text-align: center;
		font-weight: 500;
		opacity: 0.6;
		margin-top: 2%;
		font-size: 2.94vw;
		width: 95%;
		margin-left: 2.5%;
	}

	.section2-cont{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		width: 95%;
		height: 100%;
		margin-top: 1%;
		margin-left: 2.5%;
		gap:50px;
	}

	#section2-card-right{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap:5px;
		width: 90%;
		margin-trim: 5%;
		margin-left: 5%;
	}

	.section3{
		width: 100%;
		height: 100%;
		margin-top: 10%;
		background: 
			linear-gradient(rgba(23, 24, 22, 0.8), rgba(23, 24, 22, 0.8)),
			url('../images/forexsniper-bg.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.section3-head{
		width: 200px;
		height: 50px;
		border-radius: 50px;
		margin-top: 22%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-weight: 800;
		font-size: 20px;
		background: #32719c;
		background: linear-gradient(90deg,rgba(50, 113, 156, 1) 0%, rgba(0, 153, 255, 1) 100%);
		font-family: sans-serif;
		margin: auto;
		opacity: 0;
	}

	.section3-card h1{
		margin-top: 6%;
		font-size: 15vw;
		color: white;
		line-height: 85px;
		font-family: sans-serif;
		padding-bottom: 20px;
		text-align: center;
	}

	.section3-cont{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		width: 90%;
		height: 100%;
		margin-top: 6%;
		margin-left: 5%;
		gap:50px;
	}

	.section3-features{
		width: 100%;
		height: 100%;
		margin-top: 0%;
		margin-left: 0%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 80px;
		padding-top: 20px;
		padding-bottom: 50px;
	}

	.blob {
		width: 30vw;
		height: 30vw;
		max-width: 120px;
		max-height: 120px;
		min-width: 120px;
		min-height: 120px;
		background: #252525;
		border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: auto;
	}

	.section3-features-card h2{
		color: white;
		opacity: 0.8;
		margin-top: 3%;
		font-size: 4vw;
		text-align: center;
	}

	#section4-icon{
		width: 40%;
		margin-left: 30%;
		margin-top: 3%;
	}

	.section4 h1{
		text-align: center;
		font-size: 40px;
		margin-top: 0%;
	}

	.section4 h2{
		text-align: center;
		font-weight: 200;
		color: #2386c9;
		width: 95%;
		margin: auto;
		margin-top: 0%;
	}

	.section4-cont{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		width: 90%;
		margin-top: 10%;
		margin-left: 5%;
		gap:50px;
	}

	.section4-line{
		display: none;
	}

	.section5-card{
		/* From https://css.glass */
		background: rgba(0, 0, 0, 0.3);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(20px);
		border: 1px solid rgba(255, 255, 255, 0.05);
		width: 90%;
		height: auto;
		margin-left: 5%;
	}

	.section5 h1{
		font-size: 8vw;
		text-align: center;
		color: white;
		margin-top: 15%;
		width: 99%;
		margin-left: 1%;
	}

	.section5 p{
		text-align: center;
		color: white;
		padding-top: 1%;
		padding-bottom: 2%;
		margin: auto;
		width: 95%;
		font-size: 15px;
		line-height: 40px;
	}

	.section5-btn{
		width: 60%;
		height: 50px;
		background-color: #2386c9;
		border-radius: 20px;
		margin-top: 7%;
		margin-left: 20%;
	}

	.counter-cont{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: 95%;
		margin-top: 5%;
		margin-left: 2.5%;
		gap:30px;
	}

	#border-section{
		border-right: 0px solid #626262;
	}

	.section7 h1 {
		text-align: center;
		color: #2386c9;
		font-size: 8.5vw;
		font-weight: 700;
		text-shadow: 0 2px 4px rgba(0,0,0,0.1);
		margin-top: 2%;
	}

	.section7 p {
		text-align: center;
		font-size: 4.5vw;
		margin-top: 0%;
		margin-bottom: 30px;
		width: 95%;
		margin-left: 2.5%;
		margin-top: 0%;
	}

	.section8-cont{
		margin-left: 0%;
		margin-top: 10%;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap:50px;
	}

	.section8-card h1{
		color: white;
		margin-left: 10%;
		margin-top: 15%;
		font-size: 7vw;
		font-weight: 900;
	}

	.section8-card p{
		color: white;
		margin-left: 5%;
		margin-top: 3%;
		font-size: 4.5vw;
		text-align: center;
		width: 90%;
	}

	.section8-btns{
		display: block;
		gap: 30px;
		width: 99%;
		margin-top: 5%;
		margin-left: 1%;
	}

	.section8-btns a{
		text-decoration: none;
		width: 95%;
		height: 120px;
		background-color: white;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 15px;
		margin-top: 10%;
		margin-left: 2.5%;
	}

	.footer-cont{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		width: 90%;
		height: 100%;
		margin-top: 0%;
		margin-left: 5%;
		gap:50px;
	}

	.social-links{
		display: flex;
		justify-content: flex-start;
		margin-top: 5%; 
		margin-left: 5%;
	}

	.section9-head{
		width: 95%;
		height: 100%;
		margin-left: 2.5%;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}

	.section9 h1{
		font-size: 18px;
		color: #2386c9;
		margin-left: 0%;
		text-align: center;
	}

	.section9-head-card h2{
		font-size: 40px;
		margin-top: 1%;
		text-align: center;
	}

	.section9-head-card p{
		width: 100%;
		font-size: 17px;
		margin-top: 3%;
		text-align: center;
	}

	/* REVIEWS SLIDER MOBILE STYLES - ADDED TO YOUR MEDIA QUERY */
	.reviews-container {
		padding: 40px 10px !important;
		width: 100% !important;
		margin: 0 !important;
		max-width: 100vw !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	.reviews-content {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 30px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.reviews-left,
	.reviews-right {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
	}

	.reviews-slider-wrapper {
		width: 100% !important;
		max-width: 100% !important;
		overflow: hidden !important;
		margin: 0 !important;
	}

	.reviews-slider {
		width: 100% !important;
		display: flex !important;
		transition: transform 0.5s ease !important;
		box-sizing: border-box !important;
	}

	.review-slide {
		flex: 0 0 100% !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.review-card {
		padding: 15px !important;
		min-height: 200px !important;
		margin: 0 5px !important;
		width: calc(100% - 10px) !important;
		max-width: calc(100vw - 30px) !important;
		box-sizing: border-box !important;
	}

	.reviews-title {
		font-size: 1.6rem !important;
		margin-bottom: 15px !important;
	}

	.review-text {
		font-size: 0.95rem !important;
		margin-bottom: 15px !important;
	}

	.reviews-nav-btn {
		width: 40px !important;
		height: 40px !important;
		font-size: 1.2rem !important;
	}

	.reviews-navigation {
		padding: 15px 5px 10px !important;
		gap: 10px !important;
	}

	.reviewer-avatar {
		width: 40px !important;
		height: 40px !important;
		font-size: 1rem !important;
	}

	.reviews-dots {
		gap: 8px !important;
	}

	.review-dot {
		width: 10px !important;
		height: 10px !important;
	}

	/* Ensure section10 doesn't inherit conflicting styles */
	.section10 {
		width: 100% !important;
		margin-left: 0 !important;
	}
	
	#reviewsSection {
		width: 100% !important;
		margin-left: 0 !important;
	}
}