/* variable-declaration */

/* .fw-light{font-weight:300!important}

.fw-lighter{font-weight:lighter!important}

.fw-normal{font-weight:400!important} */

.fw-500 {

	font-weight: 500 !important

}



.fw-600 {

	font-weight: 600 !important

}



/* .fw-bold{font-weight:700!important}

.fw-bolder{font-weight:bolder!important} */

/* defined-padding-for-each-section */

.header-home {

	background-color: transparent;

}







.home .header {

	background-color: transparent;

}



.blog .header-home {

	background-color: #fff;

	box-shadow: hsla(0 0% 0% / 0.1) 0 0.5rem 1rem;

}



.home .header.active {

	position: relative;

}



.x-hidden {

	overflow-x: hidden;

}



.hero-slider {

	margin-top: -99px;

}



/* UNIVERSAL IMAGE SETTING */

img {

	width: auto;

	max-width: 100%;

}



/* .comparisonImage img{width: 100%; height: 100vh; object-fit: cover;}  */

.cloud {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	background: url(../img/clouds.png.webp)no-repeat;

	animation: animate 120s linear infinite;

	height: 100%;

	z-index: 1;

}



@keyframes animate {

	0% {

		background-position: 0px;

	}



	50% {

		background-position: -500px;

	}



	100% {

		background-position: 500px;

	}

}





/* .comparisonImage{position: relative; width: 100%; overflow-x: hidden;}  */









.comparisonSection {

	position: relative;

}



.comparisonImage {

	width: 100%;

	height: 100vh;

}



.afterImage {

	position: absolute;

	overflow: hidden;

	top: 0;

	transform: translate(100%, 0px);

}



.afterImage img {

	transform: translate(-100%, 0px);

}



.comparisonImage img {

	width: 100%;

	height: 100vh;

	position: absolute;

	top: 0;

	object-fit: cover;

	object-position: bottom;

}









/* text animation */



.text-container {

	overflow: hidden;

	/* Prevents overflow during animation */

}



.typing {

	opacity: 0;

	/* Initially hidden */

	transform: translateX(100px);

	/* Start from the right */

}















.bird {

	background-image: url('../img/bird-cells-new.svg');

	position: absolute;

	background-size: auto 100%;

	width: 88px;

	height: 125px;

	will-change: background-position;



	animation-name: fly-cycle;

	animation-timing-function: steps(10);

	animation-iteration-count: infinite;

}



.bird-one {

	animation-duration: 1.25s;

	animation-delay: -0.25s

}



.bird-two {

	animation-duration: 1.1s;

	animation-delay: -0.5s;



}



.bird-three {



	animation-duration: 1s;

	animation-delay: -0.5s;







}



.bird-four {

	animation-duration: 0.9;

	animation-delay: -0.75.s;





}



.bird-container {

	position: absolute;

	top: 10%;

	left: -3%;

	transform: scale(0) translateX(-10vw);

	will-change: transform;

	z-index: 1;

	animation-name: fly-right-one;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

}



.bird-container-one {

	animation-duration: 17s;

	animation-delay: 0;

}



.bird-container-two {

	animation-duration: 18s;

	animation-delay: 2s;

}



.bird-container-three {

	animation-duration: 16.6s;

	animation-delay: 10.5s;

}



.bird-container-four {

	animation-duration: 18s;

	animation-delay: 12.25s;

}



/* @keyframes fly-cycle {

    100%{

        background-position: -3600px 0;

    }

} */

@keyframes fly-cycle {



	100% {

		background-position: -900px 0;

	}



}



@keyframes fly-right-one {



	0% {

		transform: scale(0.3) translateX(-10vw);

	}



	10% {

		transform: translateY(2vh) translateX(10vw) scale(0.4);

	}



	20% {

		transform: translateY(0vh) translateX(30vw) scale(0.5);

	}



	30% {

		transform: translateY(4vh) translateX(50vw) scale(0.6);

	}



	40% {

		transform: translateY(2vh) translateX(70vw) scale(0.6);

	}



	50% {

		transform: translateY(0vh) translateX(90vw) scale(0.6);

	}



	60% {

		transform: translateY(0vh) translateX(110vw) scale(0.6);

	}



	100% {

		transform: translateY(0vh) translateX(110vw) scale(0.6);

	}



}



@keyframes fly-right-two {



	0% {

		transform: translateY(-2vh) translateX(-10vw) scale(0.5);

	}



	10% {

		transform: translateY(0vh) translateX(10vw) scale(0.4);

	}



	20% {

		transform: translateY(-4vh) translateX(30vw) scale(0.6);

	}



	30% {

		transform: translateY(1vh) translateX(50vw) scale(0.45);

	}



	40% {

		transform: translateY(-2.5vh) translateX(70vw) scale(0.5);

	}



	50% {

		transform: translateY(0vh) translateX(90vw) scale(0.45);

	}



	51% {

		transform: translateY(0vh) translateX(110vw) scale(0.45);

	}



	100% {

		transform: translateY(0vh) translateX(110vw) scale(0.45);

	}



}







.slider-heading {

	position: absolute;

	right: 16vw;

    top: 25vh;

    z-index: 100;

    letter-spacing: 3px;

    text-transform: uppercase;

}



.slider-heading h2 {

	font-size: var(--font-48);

	font-weight: 300;

	color: var(--darkgreen-color);

}



.slider-heading h3 {

	font-size: var(--font-58);

	font-weight: 800;

	color: var(--darkblue-color);

}



.slider-heading h4 {

	font-size: var(--font-58);

	font-weight: 700;

	color: var(--green-color);

}



/* kirti css */



/* key section */



.percentage {

	font-size: var(--font-45);

	line-height: 56.7px;

	color: var(--blue-color);

}



.key-bottom-para,

.country,

.slide-content-2 p {

	font-size: var(--font-20);

	line-height: 25.2px;

	color: var(--secondary-color);

}



/* sliding-text */



.sltxt-space {

	padding: 60px 0px 10px;

}



.first-moving-text {

	color: var(--dark-green-color);

	line-height: 100.8px;

}



.second-moving-text {

	color: var(--active-color);

	line-height: 100.8px;

}



.services-ticker-block {



	position: relative;

	display: flex;

	align-items: center;

	overflow-x: hidden;

}



.stb_line_single {

	position: relative;

	white-space: nowrap;

	padding: 0;

	will-change: transform;

}



.stb-item {

	font-size: 80px;

	margin-right: 10rem;

	display: inline-block;

}









/* unwavering-three-tab-section */



.unwavering-three-tab-section {

	/* background: linear-gradient(180deg, #2A3D60 0%, #154C44 47.82%, #136258 79.21%, #248D7C 96.6%); */

	position: relative;

	z-index: 1;

}







.tab-heading,

.division-heading {

	font-size: var(--font-40);

	line-height: 50.4px;

	color: var(--primary-color);

}



.tab-para {

	font-size: var(--font-16);

	line-height: 40px;

}



.more-detail-button {

	border-radius: 6px;

	font-size: var(--font-20);

	font-weight: 600;

}



.innovating-moving-text {

	font-size: 280px;

	line-height: 352.8px;

}







.stb_line_single,

.innov-txt-line {

	position: relative;

	white-space: nowrap;

	padding: 0;

	will-change: transform;

}



.stb-item {

	font-size: 80px;

	margin-right: 10rem;

	display: inline-block;

}



.innov-txt-line span {

	font-size: 180px !important;

	color: #fff !important;

}



.inv-block {

	padding: 180px 0px 0px;

	margin-bottom: -100px;

}









.nav-tabs .nav-link:focus,

.nav-tabs .nav-link:hover {

	border: none !important;

}



/* .blog-section*/


.our-testimonials {

	background-image: url(../img/testimonial-bg.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: bottom;

}




.blog-section {

	background-image: url(../img/blog-background-image.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: bottom;

}



.heading {

	font-size: var(--font-48);

	line-height: 60.48px;

	color: var(--primary-color);

}



.left-blog-content p,

.right-blog-content p {

	font-size: var(--font-16);

	font-weight: 500;

	line-height: 38.62px;

}



.circle {

	width: 10px;

	height: 10px;

	background-color: var(--active-color);

}



.right-blog-content {

	color: var(--active-color);

}



.bottom-blog-section-content a h3 {

	font-size: var(--font-25) !important;

	line-height: 38.62px;

	font-weight: 500;

	color: #000;

}



.blog-content img {

	border-radius: 25px;

}



.show-more p,

.three-tabs li {

	font-size: var(--font-20);

	line-height: 25.2px;

}



/* slide-1 */



.slide-1 {

	/* background: linear-gradient(180deg, #90D9DE 0%, #13A7B3 56.5%, #09393D 100%);

	min-height: 100vh; */

}



.top-slide-heading {

	padding-bottom: 100px;

}



.slider-bottom-content img {

	/* max-width: 150px;

	min-height: 150px; */

}



.slide-1-img-container {

	border: 1px dashed #fff;

}



/* slide-2 */



.slide-2 {

	/* background: linear-gradient(180deg, #AFCFFF 0%, #4B68AB 62%, #212E6A 100%);

	min-height: 100vh; */

}



.country-name {

	font-size: var(--font-25);

	line-height: 30.24px;

}



.bottom-slide-content-2 {

	border-radius: 12px;

}



.bottom-slide-content-2 {

	min-height: 140px;

}



/* slide-3 */



.slide-3 {

	/* background: linear-gradient(180deg, #62DEE7 0%, #338CA2 51.5%, #008C78 100%);

	min-height: 100vh; */

}



.slide-3-content p,

.slide-3-content span {

	font-size: var(--font-30);

	line-height: 37.8px;

}



/* slide-4 */



.slide-4 {

	/* background: linear-gradient(180deg, #8AC2E7 0%, #408ABB 51.5%, #5FDAE8 100%);

	min-height: 100vh; */

}



.submit-button {

	background-color: #13343C !important;

	font-size: var(--font-30);

	font-weight: 500;

	line-height: 30px;

	border-radius: 8px;

	padding: 16px 22px;

	box-shadow: 0px 1px 4px 0px #0000001F;

	border: none !important;

	color: #fff !important;

	width: 100% !important;

}



.slide-4-form p label,

.slide-4-form p span input::placeholder,

.slide-4-form p span input,

.slide-4-form textarea {

	font-size: var(--font-20);

	line-height: 30px;

}



.slide-4-form p span input,

.slide-4-form textarea {

	border-radius: 8px !important;

	box-shadow: 0px 1px 4px 0px #0000001F;

	padding: 16px 22px;

	border-color: transparent;

	width: 100% !important;

}



.slide-4-form textarea {

	max-height: 157px !important;

}



.slide-4-form p span input::placeholder,

.slide-4-form p span input,

.slide-4-form textarea {

	color: #6D6D6D !important;

}









/* Division Section */

.top-division-section {

	/* background: linear-gradient(180deg, #248D7C 0%, #8BC2E7 100%); */

}



.bottom-division-section {

	/* background: linear-gradient(180deg, #8BC3E8 5%, #72A7E7 33%, #5075BD 56.5%, #22295F 84%, #37438A 100%); */

}



.bottom-division-heading {

	font-size: var(--font-40);

	line-height: 50.4px;

}



.bottom-division-content {

	font-size: var(--font-16);

	line-height: 40px;

}



.bottom-division-section .more-detail-button {

	font-size: var(--font-18);

	font-weight: 600;

}



.more-detail-button img {

	margin-bottom: 2px;

}



/* advantages-section */

.advantages-section {

	background-image: url(../img/advantage-section-img.png);

	background-repeat: no-repeat;

	background-position: bottom;

	background-size: cover;

	min-height: 750px;

	position: relative;

}



.advantages-section::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 132px;

	background: rgb(55, 67, 138);

	background: linear-gradient(180deg, rgba(55, 67, 138, 1) 0%, rgba(55, 67, 138, 0.9640231092436975) 26%, rgba(55, 67, 138, 0.7959558823529411) 54%, rgba(55, 67, 138, 0) 100%);

}



.advantages-section::after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	width: 100%;

	height: 100%;

	background-color: #37438a;

	opacity: .05;

}



.advantages-heading {

	font-size: var(--font-48);

	line-height: 152.58px;

}



.advantage-heading {

	font-size: var(--font-30);

	line-height: 43.33px;

}



.advantage-content {

	font-size: var(--font-16);

	font-weight: 300;

	line-height: 40px;

	opacity: .7;

}



.advantage-section {

	background-color: rgba(0, 0, 0, .77);

	border-radius: 25px;

	margin-bottom: 1.2em;

}



.advantages-section .more-detail-button {

	font-size: var(--font-18);

	font-weight: 600;

}



@media (max-width: 992px) {

	.key-inner-section {

		display: flex;

		justify-content: center !important;

	}



	.advantages-heading {

		line-height: 60px;

	}



	.slide-3 .slider-bottom-content {

		align-items: center;

	}



	.mon-to-thrus,

	.friday {

		border-right: 0px !important;

		border-bottom: 1px solid #fff;

	}

}



@media (max-width: 768px) {

	.sltxt-space {

		padding: 0px;

	}



	.footer ul li p {

		margin: 10px 0 !important;

	}



	.hidden-text {

		display: none;

	}



	.heading {

		width: 100% !important;

	}



	.unwavering-three-tab-section .nav {

		display: flex;

		justify-content: center;

		align-items: center;

	}



	.defined-padding {

		padding: 50px 0;

	}



	





}



.division-sections {

	/* background-color: #54b2e7; */

	background: linear-gradient(to bottom, #8bc3e8 0%, #72a7e7 25%, #5075bd 50%, #22295f 75%, #37438a 100%);



}



.gradient-mixer {

	position: relative;

	min-height: 350px;

	background: linear-gradient(to bottom, #218475 0%, #8BC3E8 100%);

	width: 100%;

	top: 0px;

}



.gradient-mixer-2 {

	position: relative;

	min-height: 150px;

	background: linear-gradient(to bottom, #37438a 0%, #54b2e7 100%);

	width: 100%;

	top: 0px;

}



.three-tabs {

	position: relative;

	width: 100%;

}



.circle-clip {

	width: 100vw;

	min-height: 140%;

	background-color: #39b49e;

	background: linear-gradient(to bottom, #2a3d60 0%, #154c44 50%, #136258 82%, #248d7c 100%);

	top: -35%;

	left: 0;

	clip-path: circle(0px at 50% 50%);

	/* Start with a small circle */

	will-change: clip-path;

	/* Optimize for clip-path changes */

	position: absolute;

	/* position: relative; */

}



.dv {

	width: 100%;

	height: auto;

	overflow-x: hidden;

}





.content-wrap.active .image-container img {

	transform: rotateY(0deg);

	animation: rotateAnimation 2s linear;

}



@keyframes rotateAnimation {

	from {

		transform: rotateY(45deg);

	}



	to {

		transform: rotateY(180deg);

	}

}





/* CLIENT SECTION STARTS */

.our-client {

	min-height: 65vh;

}



.our-client .logo-slider {

	position: relative;

	padding: 40px 0;

}



.our-client .logo-slider img {

	max-width: 100%;

	height: auto;

	padding: 10px;

}



.our-client .slick-dots {

	bottom: -50px;

}



.our-client .slick-dots li button:before {

	content: "";

	display: inline-block;

	width: 12px;

	height: 12px;

	border: 2px solid#12241D;

	border-radius: 50%;

	opacity: 1;

}



.our-client .slick-dots li.slick-active button:before {

	background-color: #12241D;

	opacity: 1;

}



/* CLIENT SECTION ENDS */



/* TABS SLIDER */

.slider-container {

	margin: 0 auto;

	text-align: center;

	width: 100%;

}



.tabs {

	display: flex;

	justify-content: center;

	margin-bottom: 20px;

	text-align: left;

}



.tab {

	padding: 10px;

	color: #fff !important;

	cursor: pointer;

	margin: 0 24px;

	font-size: 18px;

	border-bottom: 2px solid rgba(118, 249, 227, .4);

	position: relative;

}



.tab.active {

	position: relative;

}



.tab::after {

	content: '';

	position: absolute;

	left: 0;

	bottom: -2px;

	width: 0;

	height: 2px;

	background-color: #76F9E3;

	transition: width 11s ease;

}



.tab.active::after {

	width: 100%;

}



.content {

	position: relative;

	overflow: hidden;

	min-height: 823px;

}



.content-wrap {

	transition: opacity 0.8s ease;

	position: absolute;

	top: 24%;

	left: 0;

	width: 50%;

	height: 100%;

	z-index: 0;

	

}



.content-wrap .item{

	opacity: 0;

	visibility: hidden;

	transition: opacity 0.8s ease;

	position: absolute;

}



.content-wrap .item.active {

	opacity: 1;

	z-index: 1;

	visibility: visible;

}



.content-wrap.fade-out {

	opacity: 0;

	z-index: 0;

	visibility: visible;

}



.content-wrap h3,

.content-wrap p {

	text-align: left;

}



.content-wrap p {

	color: #ACEEEE;

}



/* new slider home page contact-us */





.pin-spacer {

	pointer-events: inherit !important;

}



.contact-section-container .bg-orange {

	background: linear-gradient(180deg, #90D9DE 0%, #13A7B3 56.5%, #09393D 100%);

}



.contact-section-container .bg-blue {

	background: linear-gradient(180deg, #AFCFFF 0%, #4B68AB 62%, #212E6A 100%);

}



.contact-section-container .bg-red {

	background: linear-gradient(180deg, #62DEE7 0%, #338CA2 51.5%, #008C78 100%);

}



.contact-section-container .bg-yellow {

	background: linear-gradient(180deg, #8AC2E7 0%, #408ABB 51.5%, #5FDAE8 100%);

}



.contact-section-container {

	width: 400%;

	height: 100vh;

	display: flex;

	flex-wrap: nowrap;

}



.contact-section-container .panel {

	width: 100vw;

	display: flex;

	align-items: center;

	justify-content: center;

}



/* new slider home page contact-us */





/* responsive css for home page by k*/



.blog-image {

	display: block;

}



.img-block-hm img{width: 100%;

    height: 255px;

    object-fit: cover;}



.more-detail-button:hover {

	color: #fff !important;

	background-color: #0000008a !important;

	transition: all 0.7s;

}



.more-detail-button:hover img,

.show-more:hover img {

	filter: invert(100%);

	transition: all 0.7s;

}



.show-more:hover {

	background-color: #000000e0 !important;

	transition: all 0.7s;

	color: #fff !important;

}



.blog-image img:hover {

	transform: scale(1.05);

	box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);

}



.blog-image img {

	transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);

}





.submit-button:hover {

	background-color: #091a1e !important;

	transition: all 0.7s;

}



.advantages-section .container {

	position: relative;

	z-index: 2;

}



.left-key-section{

	position: absolute;

	width: 100%;

}



.right-key-section{

	padding-left: 100px;

}



@media (max-width: 1200px) {



	.left-blog-content p,

	.right-blog-content p {

		font-size: 15px;

		line-height: 20px;

	}



	.bottom-blog-section-content a h3 {

		font-size: 20px !important;

		line-height: 30px;

	}

}







@media (max-width: 768px) {

.content-wrap{position: initial; width: 100%;}

.unwavering-three-tab-section .row {

	padding-right: 0 !important;

}



.bottom-division-section {

	padding-right: 0 !important;

}



.tab-slider .relative {

	height: 300px !important;

	margin-bottom: 30px;

}



.content {

	min-height: 800px;

}



.three-tabs-inner-content {

	flex-direction: column-reverse;

}



.slide-4-form p span input, .slide-4-form textarea {

		padding: 10px;

	}





	.tabs{gap: initial;

		 padding-bottom:initial;} 



	.tab-slider{

		width: 100%;

	}



	.key-inner-section{

		display: flex !important;

		justify-content: start !important;

	}



}



@media (max-width: 468px) {

	



	.bottom-division-1 {

		gap: 20px;

	}



	#primary-menu li a {

		color: #fff !important;

	}



	.green-btn-link {

		padding: 0 15px !important;

		margin-top: 12px;

	}



	.green-btn-link a {

		background-color: #2ac190;

		padding: 11px 25px !important;

	}


	.navbar-expand-lg .navbar-nav .nav-link {

		padding: 20px 25px;

	}



	#primary-menu li ul {

		margin: 0 20px;

		background: transparent;

		border: none;

		font-weight: bold;

	}



	.text-container {

		background: rgba(0, 0, 0, .2);

		padding: 15px;

	}



	.slider-heading {

		right: 0;

		left: 0;

		width: max-content;

	}



	.bird-container-div {

		display: none !important;

	}



	#line1,

	#line2 {

		color: var(--green-color);

		font-size: 25px;

	}



	#line3 {

		font-size: 30px;

	}



	.right-key-section p {

		width: 100% !important;

		padding-top: 0 !important;

	}



	.key-section .heading {

		font-size: 30px;

		line-height: 40px;

	}



	.stb_line_single .first-moving-text,

	.stb_line_single .second-moving-text {

		line-height: 70px !important;

		font-size: 45px;

	}



	.innov-txt-line span {

		font-size: 70px !important;

	}



	.gradient-mixer {

		min-height: 80px !important;

	}



	.inv-block {

		padding: 80px 0 0;

	}



	.bottom-division-section .container .row {

		padding-bottom: 40px !important;

	}



	.bottom-division-heading {

		line-height: 40px;

	}



	.advantage-section {

		padding: 20px !important;

	}



	.comparisonImage img {

		object-position: left;

	}



	.slide-1-img-container {

		padding: 25px !important;

	}



	.slide-1-img-container img {

		width: 60px;

	}



	.top-slide-heading {

		padding-bottom: 40px !important;

	}



	.heading {

		line-height: 40px;

		font-size: 28px;

	}



	.slide-4-form input,

	.slide-4-form textarea {

		padding: 7px;

	}



	.bottom-blog-section-content a h3 {

		line-height: 25px;

	}



	.advantages-heading {

		line-height: 45px;

	}



	.advantage-heading {

		line-height: 30px;

	}



	.slide-4-form textarea {

		min-height: 100px !important;

	}



	.submit-button {

		font-size: 18px;

		padding: 10px;

	}



	.our-client {

		min-height: 48vh;

	}



	.show-more,

	.more-detail-button {

		font-size: 15px !important;

	}



	.stay-text,

	.newsletter-text {

		font-size: 26px;

		line-height: 35px;

	}



	.tab {

		margin: 0 5px;

		font-size: 12px;

		text-align: center;

		padding: 3px;

		padding-bottom: 10px;

	}



	.tab-heading {

		font-size: 30px;

		line-height: 40px;

	}



	.tab-para {

		line-height: 35px;

	}



	.unwavering-three-tab-section .row {

		padding-right: 0 !important;

	}



	.bottom-division-section {

		padding-right: 0 !important;

	}



	.tab-slider .relative {

		height: 300px !important;

		margin-bottom: 30px;

	}



	.content {

		min-height: 976px;

	}



	.three-tabs-inner-content {

		flex-direction: column-reverse;

	}



}









/* rwin  css*/





/*Tab slider css*/

*,

::before,

::after {

	--tw-translate-x: 0;

	--tw-translate-y: 0;

	--tw-rotate: 0;

	--tw-skew-x: 0;

	--tw-skew-y: 0;

	--tw-scale-x: 1;

	--tw-scale-y: 1;

}



.tab-slider .relative {

	position: relative;

	height: 75vh;

}



.w-full {

	width: 100%;

}



.top-0 {

	top: 0px;

}



.left-0 {

	left: 0px;

}



.absolute {

	position: absolute;

}



.inset-0 {

	inset: 0px;

}



.overflow-hidden {

	overflow: hidden;

}



.h-full {

	height: 100%;

}



.curated-tab-slider-trigger {

	transform: translate3d(0, -30%, 0) scale(0.7);

	transition: opacity .5s, transform .7s cubic-bezier(0.4, 0, 0.2, 1);

	pointer-events: none;

	opacity: 0

}



.curated-tab-slider-trigger.next-2,

.curated-tab-slider-trigger.next-1,

.curated-tab-slider-trigger.is-active {

	pointer-events: all

}



.curated-tab-slider-trigger.next-2 {

	transform: translate3d(0, -20%, 0) scale(0.8) rotate(var(--trigger-rotation-3));

	z-index: 8;

	opacity: 1

}



.curated-tab-slider-trigger.next-1 {

	transform: translate3d(0, -10%, 0) scale(0.9) rotate(var(--trigger-rotation-2));

	z-index: 9;

	opacity: 1

}



.curated-tab-slider-trigger.is-active {

	transform: translate3d(0, 0, 0) scale(1) rotate(var(--trigger-rotation-1));

	z-index: 10;

	opacity: 1

}



.curated-tab-slider-trigger.prev-1,

.curated-tab-slider-trigger.prev-2 {

	transform: translate3d(0%, 25%, 0) scale(1) rotate(10deg);

	opacity: 0;

	z-index: 11

}



.tab-slider:not(.autoplay) .curated-tab-slider-trigger.next-1:hover {

	transition: opacity .4s, transform .5s cubic-bezier(0.4, 0, 0.2, 1);

	transform: translate3d(0, -13%, 0) scale(0.9)

}



.tab-slider:not(.autoplay) .curated-tab-slider-trigger.next-2:hover {

	transition: opacity .4s, transform .5s cubic-bezier(0.4, 0, 0.2, 1);

	transform: translate3d(0, -23%, 0) scale(0.8)

}



.group:hover .group-hover\:w-\[var\(--rfw\)\] {

	width: var(--rfw)

}



.group:hover .group-hover\:translate-x-0 {

	--tw-translate-x: 0px;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group:hover .group-hover\:translate-y-0 {

	--tw-translate-y: 0px;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group:hover .group-hover\:rotate-0 {

	--tw-rotate: 0deg;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group:hover .group-hover\:scale-100 {

	--tw-scale-x: 1;

	--tw-scale-y: 1;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group:hover .group-hover\:scale-x-100 {

	--tw-scale-x: 1;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group:hover .group-hover\:scale-y-100 {

	--tw-scale-y: 1;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group:hover .group-hover\:bg-primary {

	--tw-bg-opacity: 1;

	background-color: rgb(255 255 255/var(--tw-bg-opacity))

}



.group:hover .group-hover\:text-secondary {

	--tw-text-opacity: 1;

	color: rgb(0 0 0/var(--tw-text-opacity))

}



.group:hover .group-hover\:opacity-100 {

	opacity: 1

}



.group.is-active .group-active\:pointer-events-none {

	pointer-events: none

}



.group.is-active .group-active\:pointer-events-auto {

	pointer-events: auto

}



.group.is-active .group-active\:hidden {

	display: none

}



.group.is-active .group-active\:w-\[var\(--rfw\)\] {

	width: var(--rfw)

}



.group.is-active .group-active\:-translate-y-2 {

	--tw-translate-y: -0.5rem;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group.is-active .group-active\:-translate-y-6 {

	--tw-translate-y: -1.5rem;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group.is-active .group-active\:translate-x-0 {

	--tw-translate-x: 0px;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group.is-active .group-active\:translate-y-0 {

	--tw-translate-y: 0px;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group.is-active .group-active\:-rotate-6 {

	--tw-rotate: -6deg;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group.is-active .group-active\:rotate-0 {

	--tw-rotate: 0deg;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group.is-active .group-active\:scale-100 {

	--tw-scale-x: 1;

	--tw-scale-y: 1;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group.is-active .group-active\:scale-x-100 {

	--tw-scale-x: 1;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group.is-active .group-active\:scale-y-100 {

	--tw-scale-y: 1;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group.is-active .group-active\:opacity-0 {

	opacity: 0

}



.group.is-active .group-active\:opacity-100 {

	opacity: 1

}



.group.is-active .group-active\:delay-\[0ms\] {

	transition-delay: 0ms

}



.group.is-active .group-active\:delay-\[100ms\] {

	transition-delay: 100ms

}



.group.was-active .group-was-active\:-translate-y-full {

	--tw-translate-y: -100%;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.group.was-active .group-was-active\:opacity-0 {

	opacity: 0

}



.\[\&\.src-loaded\]\:opacity-100.src-loaded {

	opacity: 1

}



.\[\&\.src-loaded\]\:scale-100.src-loaded {

	--tw-scale-x: 1;

	--tw-scale-y: 1;

	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))

}



.transition-colors {

	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

	transition-duration: 150ms

}



.transition-cursor {

	transition-property: transform, width, height, left, right, opacity;

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

	transition-duration: 150ms

}



.transition-opacity {

	transition-property: opacity;

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

	transition-duration: 150ms

}



.transition-transform {

	transition-property: transform;

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

	transition-duration: 150ms

}



.transition-transform-height {

	transition-property: transform, height;

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

	transition-duration: 150ms

}



.transition-transform-opacity {

	transition-property: transform, opacity;

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

	transition-duration: 150ms

}



.delay-0 {

	transition-delay: 0s

}



.delay-200 {

	transition-delay: 200ms

}



.delay-\[0ms\] {

	transition-delay: 0ms

}



.delay-\[200ms\] {

	transition-delay: 200ms

}



.delay-\[250ms\] {

	transition-delay: 250ms

}



.delay-\[300ms\] {

	transition-delay: 300ms

}



.delay-\[350ms\] {

	transition-delay: 350ms

}



.delay-\[500ms\] {

	transition-delay: 500ms

}



.duration-1000 {

	transition-duration: 1000ms

}



.duration-300 {

	transition-duration: 300ms

}



.duration-500 {

	transition-duration: 500ms

}



.duration-\[1500ms\] {

	transition-duration: 1500ms

}



.duration-\[700ms\] {

	transition-duration: 700ms

}



.duration-\[800ms\] {

	transition-duration: 800ms

}



.ease-in {

	transition-timing-function: cubic-bezier(0.4, 0, 1, 1)

}



.ease-out {

	transition-timing-function: cubic-bezier(0, 0, 0.2, 1)

}



.ease-smooth-in-out {

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)

}



.ease-smooth-out {

	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

}



.tab-slider {

	--tab-slider-progress: 0;

	width: 95%;

}



.tab-slider-item {

	transition: opacity .5s

}



.tab-slider-item:not(.is-active) {

	pointer-events: none;

	opacity: 0

}



.tab-slider .tab-slider-cards .tab-slider-item {

	transform: translate3d(0, -30%, 0) scale(0.7);

	transition: opacity .5s, transform .7s cubic-bezier(0.4, 0, 0.2, 1)

}



.tab-slider .tab-slider-cards .tab-slider-item.next-2 {

	transform: translate3d(0, -20%, 0) scale(0.8) rotate(var(--trigger-rotation-3));

	z-index: 8;

	opacity: 1

}



.tab-slider .tab-slider-cards .tab-slider-item.next-1 {

	transform: translate3d(0, -10%, 0) scale(0.9) rotate(var(--trigger-rotation-2));

	z-index: 9;

	opacity: 1

}



.tab-slider .tab-slider-cards .tab-slider-item.is-active {

	transform: translate3d(0, 0, 0) scale(1) rotate(var(--trigger-rotation-1));

	z-index: 10;

	opacity: 1

}



.tab-slider .tab-slider-cards .tab-slider-item.prev-1,

.tab-slider .tab-slider-cards .tab-slider-item.prev-2 {

	transform: translate3d(0%, 25%, 0) scale(1) rotate(10deg);

	opacity: 0;

	z-index: 11

}



.tab-slider-trigger:not(.tab-slider-trigger-nostyle) {

	position: relative;

	width: 100%;

	-webkit-user-select: none;

	-moz-user-select: none;

	user-select: none;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	text-align: center;

	cursor: pointer

}



.tab-slider-trigger:not(.tab-slider-trigger-nostyle) {

	padding-top: .9375vw;

	padding-bottom: .9375vw

}



.tab-slider-trigger:not(.tab-slider-trigger-nostyle) {

	padding-left: 1.25vw;

	padding-right: 1.25vw

}



.tab-slider-trigger:not(.tab-slider-trigger-nostyle) {

	font-size: clamp(14px, .75vw, 14px);

	line-height: 1.7;

	letter-spacing: -0.07px

}



@media(min-width: 1360px) {

	.tab-slider-trigger:not(.tab-slider-trigger-nostyle) {

		padding-top: .625vw;

		padding-bottom: .625vw

	}

}



.tab-slider-trigger:not(.tab-slider-trigger-nostyle):after,

.tab-slider-trigger:not(.tab-slider-trigger-nostyle):before {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	height: 1px;

	width: 100%;

	background-color: currentColor;

	transform: scaleX(0)

}



.tab-slider-trigger:not(.tab-slider-trigger-nostyle):before {

	opacity: .3;

	transition: transform .3s

}



.tab-slider-trigger:not(.tab-slider-trigger-nostyle).is-visible:before {

	transform: scaleX(1);

	transform-origin: 0% 50%;

	transition: transform .5s .3s cubic-bezier(0.215, 0.61, 0.355, 1)

}



.tab-slider-trigger:not(.tab-slider-trigger-nostyle):after {

	opacity: 0;

	transform-origin: 50% 50%;

	transition: transform .3s, opacity .5s .3s

}



.tab-slider-trigger:not(.tab-slider-trigger-nostyle).is-visible:after {

	opacity: 1

}



.tab-slider-trigger:not(.tab-slider-trigger-nostyle).is-active:after {

	transform: scaleX(var(--tab-slider-progress));

	transform-origin: 0 50%

}



.tab-slider-trigger:not(.tab-slider-trigger-nostyle):hover:not(.is-active):after {

	transform: scaleX(1);

	opacity: .7;

	transform-origin: 50% 50%;

	transition: transform .3s, opacity .5s

}



.tab-slider.autoplay .tab-slider-trigger.is-active:after {

	transition: transform .05s

}



/*Tab slider css end*/

















/* slider css starts here */

.bird-container-div{overflow: hidden;

    width: 100%;

    height: 100%;

    position: absolute;}



.comparison-slider-container {

	cursor: col-resize;

	overflow: hidden;

	width: 100%;

	height: 100vh; /* Full height for slider container */

}



.slider-col {

	width: 100%;

	height: 100%;

	overflow: hidden;

	position: absolute;

}



.slider-col .slider-bg {

	background-position: bottom left;

	background-size: cover;

	background-repeat: no-repeat;

	width: 100vw;

	height: 100vh;

}



.slider-right .slider-bg {

	background-image: url("../img/sl2.png");

}



.slider-left {

	left: 0;

	width: 0; /* Start with 0 width for the left image */

}



.slider-left .slider-bg {

	background-image: url("../img/sl1.png");

}



.handle {

	background-color: #fff;

	width: 4px;

	height: 100%;

	position: absolute;

	cursor: col-resize;

	margin-left: -4px;

}



/* .handle:after {

	content: "";

width: 20px;

height: 20px;

background-color: #fff;

border: 4px solid #ffffff;

border-radius: 100%;

top: 50%;

left: -9px;

position: absolute;

transform: translateY(-50%);

} */





.logo-slider .slick-slide img{

	margin: 0 auto;

}