section.top .section-inner {
	background:url(../img/home/back.png) no-repeat center bottom;
	background-size:cover;
   height:600px;
}

.text-block {
 	z-index:1;display:flex;gap:30px;flex-direction:column;padding:30px 40px;width:50%;
}

 .first {
	font-size:27px;font-weight:600;
}

.second {
	display:flex;gap:4px;flex-direction:column;font-size:21px;
}

.img1 {
 	position:absolute;
 	bottom:-100%;
	left:150px;
	width:calc(60% - 150px);
	transition:all 1s ease-in;
 	object-fit:cover;
 	height:50%;
  	border-radius:50px 50px 0px 0px;
}

.img1.on {
 	bottom:0%;

}


.img2 {
 	position:absolute;
 	right:-100%;
	top:100px;
	width:calc(50%);
	transition:all 1s ease-in;
  	object-fit:cover;
	height:calc(50% - 130px);
	border-radius:50px 0px 0px 50px;

}

.img2.on {
 	right:0%;

}

.img3 {
 	position:absolute;
 	right:-100%;
 	bottom:0px;
	1top:10px;
	width:calc(40% - 30px);
	transition:all 1s ease-in;
  	object-fit:cover;
 	height:50%;
	border-radius:50px 0px 0px 0px;
}

.img3.on {
 	right:0%;

}


@container (max-width:1060px) {

    section.top > .section-inner  {
		padding-left:0px;
		padding-right:0px;
	}
	.text-block {
		width:100%;padding:20px 20px;
		gap:20px;
	}

	.img1 {
		position:absolute;
		bottom:300px;
		left:-100%;
		width:calc(100% - 40px);
		transition:all 1s ease-in;
		height:120px;
		object-fit:cover;
		border-radius:0px 50px 50px 0px;
		top:auto;
	}

	.img1.on {
		left:0%;
		bottom:300px;

	}


	.img2 {
		position:absolute;
		right:-100%;
		bottom:160px;
		width:calc(100% - 40px);
		transition:all 1s ease-in;
		object-fit:cover;
		height:120px;
		border-radius:50px 0px 0px 50px;
		top:auto;

	}

	.img2.on {
		right:0%;
		bottom:160px;

	}

	.img3 {
		position:absolute;
		left:-100%;
		bottom:20px;
		width:calc(100% - 40px);
		transition:all 1s ease-in;
		object-fit:cover;
		height:120px;
		border-radius:0px 50px 50px 0px;
	}

	.img3.on {
		left:0%;
		bottom:20px;

	}

	 .first {
		font-size:20px;
 		gap:3px;
	}

	.second {
		font-size:17px;
		gap:0px;
		
	}


}

@container (max-width:370px) {

	 .first {
		font-size:18px;
	}

}

@container (max-width:800px) {

	.terix-section-content,
	section > .section-inner {
		padding:0px 0px !important;
		
	}

}