.gt-about-section-4 {
	background-color: #FAF5EF;
}
.gt-about-content-4 {
	margin: 0 auto;
	overflow: hidden;
	max-width: 1360px;
	padding-left: 15px;
	padding-right: 15px;
	.gt-about-plane {
		top: 70px;
		right: 25%;
		@media #{$xl} { 
			right: 20%;
		}
		@media #{$lg,$md,$sm,$xs,$xxs} { 
			display: none;
		}
		img {
			animation: flying 1.5s linear infinite;
		}
	}
	.gt-section-title-2 {
		max-width: 580px;
	}
	.gt-about-img-4 {
		right: 0;
		bottom: 0;
		z-index: 1;
		&:before {
			right: 0;
			bottom: 0;
			width: 0;
			z-index: -1;
			height: 0;
			content: '';
			position: absolute;
			background-color: #EEDFD2;
			transition: all 1000ms ease;
			border-top-left-radius: 500px;
			border-top-right-radius: 20px;
			@media #{$xs,$xxs} {
				display: none;
			}
		}
		&.active {
			&:before {
				width: 590px;
				height: 565px;
				transition-delay: 800ms;
			}
		}
		@media #{$lg} {
			right: -100px;
		}
		@media #{$lg,$md,$sm,$xs,$xxs} {
			right: 0;
			margin: 0 auto;
			max-width: 590px;
			position: relative !important;
		}
	}
	.gt-about-shape {
		right: 40%;
		bottom: 18%;
		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-about-support {
		top: 28%;
		left: 43%;
		@media #{$xl} { 
			left: 50%;
		}
		@media #{$lg,$md,$sm,$xs,$xxs} { 
			display: none;
		}
	}
}
.gt-about-text-4 {
	max-width: 620px;
	@media #{$lg,$md,$sm,$xs,$xxs} { 
		margin: 0 auto;
		margin-top: 50px;
	}
}
.gt-about-video-list {
	gap: 30px;
	.about-video {
		.inner-img {
			width: 273px;
			height: 209px;
			overflow: hidden;
			border-radius: 30px;
		}
		a {
			left: 0;
			right: 0;
			top: 50%;
			color: #fff;
			width: 60px;
			height: 60px;
			margin: 0 auto;
			border-radius: 100%;
			transform: translateY(-50%);
			background: var(--gt-gradient-1);
			.video_btn_border {
				top: 0;
				left: 0;
				opacity: 0;
				width: 100%;
				height: 100%;
				border-radius: 60px;
				position: absolute;
				-webkit-animation-play-state: running;
				animation-play-state: running;
				border: 1px solid #5D56EF;
				-webkit-animation: border_animation 3.9s linear 0s infinite;
				animation: border_animation 3.9s linear 0s infinite;
			}
			.video_btn_border.border_wrap-2 {
				-webkit-animation-delay: 1.3s;
				animation-delay: 1.3s;
			}
			.video_btn_border.border_wrap-3 {
				-webkit-animation-delay: 2.6s;
				animation-delay: 2.6s;
			}
		}
	}
	.about-list-area {
		li {
			color: #2B2A30;
			font-size: 20px;
			font-weight: 600;
			margin-bottom: 13px;
			font-family: var(--gt-heading);
			&:last-child {
				margin-bottom: 0;
			}
			img {
				margin-right: 15px;
			}
		}
	}
}
.gt-about-btn-grp-4 {
	gap: 30px 40px;
	.gt-client-list {
		gap: 15px;
		li {
			width: 68px;
			height: 68px;
			margin-left: -34px;
			&:first-child {
				margin-left: 0;
			}
		}
		.client-number-text {
			font-family: var(--gt-heading);
		}
	}
}