@media only screen and (max-width: 1200px) {

	.stickyscrol-section .scroll-section .sticky-wrapper .leftvideo {

		width: 40vw;

	}

	.stickyscrol-section .scroll-section .sticky-wrapper .right-stick-text {

		width: 50vw;

	}

	.overlay-text h5 {

		font-size: 32px;

		line-height: 40px;

	}



}



@media only screen and (max-width: 1100px) {



	.stickvdo-desc .stickvdo-desc-inner h5,

	.right-stick-text .overlay-text h5 {

		font-size: 28px;

		line-height: 36px;

	}

	.sticky-wrapper {

		top: 0;

	}

	.stickyscrol-section .scroll-section .sticky-wrapper .leftvideo {

		width: 50vw;

	}

	.stickyscrol-section .scroll-section .sticky-wrapper .right-stick-text {

		width: 40vw;

	}

	.right-stick-text .overlay-text hr {

		width: 200px;

	}



	.stickvdo-desc .stickvdo-desc-inner p,

	.right-stick-text .overlay-text p {

		font-size: 16px;

		line-height: 26px;

	}



	.text-section h2 {

		font-size: 40px;

		line-height: 50px;

	}



	.comingsoon-sec button {

		font-size: 50px;

		padding: 25px 25px;

	}



	.footlogo img {

		width: 45%;

	}



	.forminnerfields .form-desc h5 {

		font-size: 28px;

		line-height: 42px;

	}



	.forminnerfields .form-desc p {

		font-size: 15px;

		line-height: 26px;

	}

}



@media only screen and (max-width: 992px) {

	br {

		display: none;

	}



	.banner-video-inner .banlogo>img {

		width: 60px;

	}



	.banner-video-inner .bancta {

		bottom: 45px;

	}



	.banner-video-inner .bancta button {

		padding: 12px 15px;

	}



	.slidecontainer {

		width: 100%;

		height: 100%;

		flex-wrap: wrap;

	}



	.text-section h2 br,

	.right-stick-text br {

		display: block;

	}



	.carousel::before {

		content: none;

	}

	.text-column {

		overflow: hidden;

		overflow-y: auto;

		height: 100vh;

	}



	.text-section,

	#carousel {

		min-width: 100%;

	}



	.text-section {

		padding-bottom: 0;

	}



	.text-secinner {

		height: 160px;

	}



	.text-section h2 {

		text-align: center;

	}



	.text-column .section {

		height: 100vw;

	}



	.stickysec-inner {

		flex-wrap: wrap;

		height: 100vw;

	}



	.scroll-carousel {

		padding: 0;

		margin-bottom: 50px;

	}



	.video-column,

	.text-column {

		width: 100%;

	}



	.video-column video {

		width: 80%;

	}



	.comingsoon-sec {

		padding: 100px 40px;

	}

	.thankyoumodal .modal-content .modal-body {

		padding: 80px 30px;

	}

	.form-step.step1 .form-group {

		padding: 0px 10px;

	}

	.form-group {

		padding-left: 10px !important;

	}

	.cardstack-sec {

		padding: 0 40px !important;

	}

}





@media only screen and (max-width: 768px) {

	.banvideo .desktop {

		display: none;

	}



	.banvideo .mobile {

		display: block;

	}



	.banner-video-sec .banner-video-inner {
		/* height: 640px; */
		height: 100vh;
		padding: 0;

	}



	.banner-video-sec .banlogo {

		text-align: center;

	}



	.banner-video-inner .banlogo>img {

		width: 70%;

		margin: 0 auto;

	}



	.banner-video-inner .bancta {

		bottom: 60px;

	}



	.stickyscrol-section .scroll-section .sticky-wrapper .leftvideo {

		text-align: center;

	}



	#mainVideo {

		width: 80vh;

		height: 80vh;

		margin-bottom: 45px;

	}



	.stickvdo-desc .stickvdo-desc-inner hr,

	.right-stick-text .overlay-text hr {

		margin: 15px auto;

		width: 80%;

	}

	.text-section h2 {

		font-size: 35px;

		line-height: 46px;

	}

	.modalformbuttons {

		flex-wrap: wrap;

		gap: 0;

	}

	.modalformbuttons button {

		padding: 10px 25px;

	}

	.modalformbuttons>button {

		padding: 10px 25px;

		width: 70%;

		margin: auto;

	}

	.forminnerfields .toformflex {
		flex-wrap: wrap;
	}

	.forminnerfields .toformflex .formrow {
		width: 100%;
	}



}



@media only screen and (max-width: 676px) {

	.seccommongap {

		margin: 50px 0;

	}



	.banner-video-inner .bancta {

		bottom: 60px;

		width: 90%;

		left: 50%;

		transform: translate(-50%, 0);

		text-align: center;

	}



	.video-column video {

		width: 100%;

	}



	.text-secinner {

		height: 140px;

	}



	.text-section h2 {

		font-size: 26px;

		line-height: 38px;

	}



	.comingsoon-sec {

		padding: 100px 20px;

	}



	.comingsoon-sec button {

		font-size: 30px;

		padding: 25px 25px;

		width: 90%;

	}



	#mainVideo {

		width: 100%;

		height: 100%;

		margin-bottom: 10px;

	}



	/* .scroll-section {

		height: calc(100vh * 4);

	} */



	.overlay-text {

		padding: 0;

		top: 50%;

		transform: translate(0, 0);

	}

	.stickyscrol-section {

		background: url(https://beyondage-data.s3.ap-south-1.amazonaws.com/images/bgmob.jpg) no-repeat;

		background-size: cover;

		/* padding: 70px 20px; */
		padding: 0px;

		background-attachment: fixed;

		background-position: top center;

		/* background: none;

		position: relative; */

	}



	.stickyscrol-section .scroll-section .sticky-wrapper .leftvideo {

		width: 60vw;

	}

	.stickyscrol-section .scroll-section .sticky-wrapper .right-stick-text {

		width: 30vw;

	}



	.stickvdo-desc .stickvdo-desc-inner h5,

	.right-stick-text .overlay-text h5 {

		font-size: 22px;

		line-height: 36px;

	}



	.stickvdo-desc .stickvdo-desc-inner p,

	.right-stick-text .overlay-text p {

		font-size: 16px;

		line-height: 28px;

	}

	.stickyscrol-section .scroll-section .sticky-wrapper {

		align-items: flex-start;

		flex-direction: column;

	}

	#mainVideo {

		aspect-ratio: 1;

		height: 95vw;

		width: 100%;

	}

	.stickyscrol-section .scroll-section .sticky-wrapper .leftvideo {

		width: 100%;

	}

	.stickyscrol-section .scroll-section .sticky-wrapper .right-stick-text {

		width: 100%;

		margin-top: 35px;

	}



	/* .scroll-section {

		height: 300vh;

	} */



	.right-stick-text br {

		display: none;

	}



	footer {

		padding: 25px;

	}



	.footerinner h5 {

		font-size: 26px;

	}



	.footerinner p {

		font-size: 14px;

	}



	.footlogo {

		margin-top: 45px;

	}



	.footlogo img {

		width: 85%;

	}



	.form-container {

		padding: 15px 0;

	}



	.forminnerfields .form-desc h5 {

		font-size: 24px;

		line-height: 32px;

	}



	.form-step.step1 .form-group,

	.modalformbuttons {

		padding: 0;

	}



	.forminnerfields .form-group>h5 {

		font-size: 16px;

	}



	.forminnerfields .form-group {

		padding: 20px 0px;

	}



	.modalformbuttons>button {

		padding: 10px 25px;

	}



	.footerinner form input {

		width: 90%;

	}

	.sticky {

		flex-direction: column;

		height: 100vh;

	}



	.left-text,
	.right-images {

		width: 100%;

		/* height: 50vh;  */

	}


	.fake-slide {
		opacity: 0 !important;
		pointer-events: none;
	}

	.scroll-carousel .scrollcar-inner {

		/* height: 500vh; */
		position: relative;
		/* height: 400vh; */
		height: calc(80vh * 5);
	}

	.left-text .text-slide {

		top: 0;

		left: 0;

	}

	.left-text {

		max-height: 160px;

	}

	.carousel-img img {

		width: 100%;

		height: 100%;

		object-fit: cover;

	}

	.thankyoumodal .modal-content .modal-body {

		padding: 80px 15px;

	}

	.thankyoumodal .modal-content .modal-body {

		font-size: 20px;

		line-height: 32px;

	}

	.stickycard-video.desktop {

		display: none;

	}



	.stickycard-video.mobile {

		display: block;

	}

	.stickycard-video video {

		aspect-ratio: auto !important;

	}

	.cardstack-sec {

		padding: 0 20px !important;

	}

}

@media only screen and (max-width: 425px) {
	.banner-video-sec {
		height: 100vh;
	}
}

/* @media only screen and (max-width: 576px) {

 .stickyscrol-section .scroll-section .sticky-wrapper {

        flex-direction: column;

        align-items: center;

        height: auto;

    }



    .stickyscrol-section .scroll-section .sticky-wrapper .leftvideo,

    .stickyscrol-section .scroll-section .sticky-wrapper .right-stick-text {

        width: 100%;

    }



    .sticky-wrapper {

        position: relative; //override sticky on mobile

        height: auto;

    }



    #mainVideo {

        height: auto;

        max-height: 50vh;

    }



    .overlay-text {

        position: relative;

        transform: none;

        top: auto;

        left: auto;

        padding: 20px;

        text-align: center;

    }



	 .overlay-text h5 {

        font-size: 24px;

        line-height: 32px;

    }



    .overlay-text p {

        font-size: 16px;

        line-height: 26px;

    }



    .overlay-text hr {

        width: 80%;

    }

} */



@media only screen and (max-width: 345px) {

	.forminnerfields .form-desc h5 {

		font-size: 20px;

		line-height: 30px;

	}



	.forminnerfields .form-desc p {

		font-size: 14px;

		line-height: 24px;

	}



	.forminnerfields .formrow label {

		font-size: 15px;

	}



	.modalformbuttons>button {

		padding: 8px 20px;

		font-size: 12px;

	}



	.forminnerfields .form-group>h5 {

		font-size: 14px;

	}



	.forminnerfields .formrow input,

	.forminnerfields .formrow select {

		padding: 8px 15px;

	}



	.forminnerfields .formrow label {

		font-size: 14px;

	}



	.stickvdo-desc .stickvdo-desc-inner h5,

	.right-stick-text .overlay-text h5 {

		font-size: 18px;

		line-height: 30px;

	}



	.stickvdo-desc .stickvdo-desc-inner p,

	.right-stick-text .overlay-text p {

		font-size: 14px;

		line-height: 26px;

	}

}

/* @media (max-width: 768px) {

	.mobile-swiper {
		position: relative;
		height: 100vh;
		overflow: hidden;
	}

	.scroll-carousel-mobile .swiper-slide .text-slide,
	.scroll-carousel-mobile .swiper-slide .carousel-img {
		position: static !important;
		opacity: 1 !important;
		height: auto !important;
		width: 100% !important;
		transform: none !important;
	}

	.scroll-carousel-mobile .swiper-slide {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
		padding: 20px 0;
		box-sizing: border-box;
		margin-top: 60px;
	}

	.scroll-carousel-mobile .carousel-img img {
		width: 100%;
		height: 80vh;
		object-fit: cover;
		display: block;
	}

	.swiper-container.mobile-swiper {
		width: 100%;
		overflow: hidden;
	}

	.swiper-pagination {
		text-align: center;
		margin-top: 10px;
	}

	.swiper-pagination-mob {
		position: absolute;
		bottom: 0px !important;
		left: 50% !important;
		transform: translateX(-50%);
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 10px;
		z-index: 10;
	}

	.swiper-pagination-mob .swiper-pagination-bullet {
		width: 22%;
		height: 4px;
		border-radius: 20px;
		background-color: white;
		opacity: 1;
		transition: background-color 0.3s ease;
	}

	.swiper-pagination-mob .swiper-pagination-bullet-active {
		background-color: #003921;
	}
} */

@media (max-width: 768px) {

	.mobile-swiper {
		position: relative;
		height: 90vh;
		overflow: hidden;
	}

	.scroll-carousel-mobile .swiper-slide .text-slide,
	.scroll-carousel-mobile .swiper-slide .carousel-img {
		position: static !important;
		opacity: 1 !important;
		height: auto !important;
		width: 100% !important;
		transform: none !important;
	}

	.scroll-carousel-mobile .swiper-slide {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
		padding: 0px 0;
		box-sizing: border-box;
		/* margin-top: 60px; */
		height: 100vh;
	}

	.scroll-carousel-mobile .carousel-img img {
		width: 100%;
		height: 80vh;
		object-fit: cover;
		display: block;
	}

	.swiper-container.mobile-swiper {
		width: 100%;
		overflow: hidden;
		height: 100vh;
	}

	.swiper-pagination {
		text-align: center;
		margin-top: 10px;
	}

	.swiper-pagination-mob {
		position: absolute;
		bottom: 0px !important;
		left: 50% !important;
		transform: translateX(-50%);
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 10px;
		z-index: 10;
	}

	.swiper-pagination-mob {
		display: none !important;
	}

	.swiper-pagination-mob .swiper-pagination-bullet {
		width: 22%;
		height: 4px;
		border-radius: 20px;
		background-color: white;
		opacity: 1;
		transition: background-color 0.3s ease;
	}

	.swiper-pagination-mob .swiper-pagination-bullet-active {
		background-color: #003921;
	}
}

/* @media screen and (orientation: landscape) and (max-height: 500px) {
	.banvideo {
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.banvideo video {
		height: auto;
		aspect-ratio: 16 / 9;
		object-fit: contain;
	}
} */