.gt-offer-section {
	z-index: 1;
	overflow: hidden;
	background-color: #F3F8FC;
	.gt-offer-img1 {
		top: 0;
		z-index: -1;
		left: -120px;
		@media #{$xxxl} { 
			left: -220px;
		}
		@media #{$xxl} { 
			left: -320px;
		}
		@media #{$xl,$lg,$md,$sm,$xs,$xxs} { 
			display: none;
		}
	}
	.gt-offer-img2 {
		top: 0;
		right: 0;
		z-index: -1;
		@media #{$xxxl} { 
			right: -120px;
		}
		@media #{$xxl} { 
			right: -350px;
		}
		@media #{$xl} { 
			right: -400px;
		}
		@media #{$lg,$md,$sm,$xs,$xxs} { 
			display: none;
		}
	}
	.gt-offer-shape {
		left: 17%;
		bottom: 40px;
		z-index: -1;
		transition: all 1500ms ease;
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
		&.active {
			transition-delay: 800ms;
			clip-path: polygon(100% 1%, 0 0, 0 100%, 100% 100%);
		}
	}
}
.gt-offer-concent {
	padding-top: 90px;
	padding-bottom: 240px;
	@media #{$lg,$md,$sm,$xs,$xxs}  { 
		display: flex;
		gap: 20px 30px;
		padding-bottom: 60px;
	}
	@media #{$md,$sm,$xs,$xxs}  { 
		flex-wrap: wrap;
		justify-content: center  !important;
	}
}
.gt-offer-text-area {
	max-width: 540px;
	margin-left: 100px;
	@media #{$lg,$md,$sm,$xs,$xxs}  {  
		margin-left: 0;
	}
}
.gt-offer-amount {
	right: 30%;
	bottom: 50px;
	@media #{$lg,$md,$sm,$xs,$xxs}  {
		position: static  !important;
	}
	@media #{$xl} { 
		right: 25%;
	}
	h3 {
		line-height: 1;
		color: #4400E7;
		font-size: 280px;
		font-weight: 900;
		sub {
			left: 0;
			bottom: 80px;
			color: #2B2A30;
			font-size: 145px;
			@media #{$sm,$xs,$xxs}  {
				bottom: 50px;
				font-size: 40px;
			}
		}
		sup {
			top: -2px;
			font-size: 80px;
			color: #4400E7;
			left: -110px;
			@media #{$sm,$xs,$xxs}  {
				left: -36px;
				top: -10px;
				font-size: 40px;
			}
		}
		@media #{$sm,$xs,$xxs}  {
			font-size: 150px;
		}
	}
}