.banner-uk-users-wrapper {
	height: 90vh;
	display: flex;
	align-items: stretch;
	gap: 17px;
	cursor: default;
}

		.banner-left-content {
			overflow: hidden;
		}

		.banner-left-content .banner-photo-wrapper{
			position: absolute;
			z-index: 1;
			width: 100%;
			height: 100%;
		}

		.banner-photo-wrapper > video {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.banner-left-content > .banner-content-wrapper {
			background-color: #FFDE00;
			display: flex;
			justify-content: flex-end;
		}

		.banner-left-content .banner-content {
			text-align: right;
			align-items: flex-end;
		}

		.banner-content-wrapper {
			position: absolute;
			z-index: 2;
			width: 100%;
			height: 100%;
			padding: 3rem;
			box-sizing: border-box;
		}

		.banner-content {
			width: 80%;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.banner-content > h2 {
			font-size: 64px;
			margin: 0;
		}

		.banner-content > p {
			font-size: 28px;
			margin-top: 27px;
			margin-bottom: 50px;
		}

		.banner-content > a {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 10px;
			padding: 16px 50px 14px;
			box-sizing: border-box;
			white-space: nowrap;
		}

		.banner-content > p:last-child {
			display: flex;
			align-items: center;
			gap: 7px;
			font-size: 20px;
			margin: 0;
			margin-top: 27px;
			color: #B39F33;
			white-space: nowrap;
		}

		.banner-right-content {
			overflow: hidden;
		}

		.banner-right-content .banner-photo-wrapper {
			position: absolute;
			z-index: 1;
			width: 100%;
			height: 100%;
		}

		.banner-right-content > .banner-content-wrapper {
			background-color: #EEECED;
			display: flex;
			justify-content: flex-start;
		}

		.banner-right-content .banner-content {
			text-align: left;
			align-items: flex-start;
		}

		.non-active-content-right {
			animation: content-slide-right .3s ease-out;
			transform: translateX(100%);
		}

		.non-active-content-left {
			animation: content-slide-left .4s ease-out;
			transform: translateX(-100%);
		}

		.active-content-right {
			animation: content-slide-right-to-center .3s ease-out;
			transform: translateX(0%);
		}

		.active-content-left {
			animation: content-slide-left-to-center .4s ease-out;
			transform: translateX(00%);
		}

		.active-photo {
			animation: photo-scale-up .3s ease-in;
		}

		.non-active-photo {
			animation: photo-scale-down .3s ease-out;
		}

		@keyframes content-slide-left {
			0% {
				transform: translateX(0%);
			}
			100% {
				transform: translateX(-100%);
			}
		}

		@keyframes content-slide-right {
			0% {
				transform: translateX(0%);
			}
			100% {
				transform: translateX(100%);
			}
		}

		@keyframes content-slide-left-to-center {
			0% {
				transform: translateX(-100%);
			}
			100% {
				transform: translateX(0);
			}
		}

		@keyframes content-slide-right-to-center {
			0% {
				transform: translateX(100%);
			}
			100% {
				transform: translateX(0%);
			}
		}

		@keyframes photo-scale-up {
			0% {
				transform: scale(0.8);
			}
			100% {
				transform: scale(1);
			}
		}

		@keyframes photo-scale-down {
			0% {
				transform: scale(1);
			}
			100% {
				transform: scale(0.8);
			}
		}
.ai-banner-container {
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	padding: 10px 0px;
	display: none;
	align-items: stretch;
	overflow: hidden;
	animation: content-slide-down .5s ease-in;
	background: linear-gradient(83deg, #1D1D1F 0%, #1D1D1F 100%);
	box-sizing: border-box;
}

		.ai-banner-content {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: stretch;
		}

		.ai-banner-content > a {
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 7px;
			text-decoration: none;
			color: #ffffff;
			font-size: 13px;
			line-height: 19.5px;
			letter-spacing: 0.5px;
		}

		.ai-banner-content > a > p > span:last-child {
			color: #FFE95B;
		}

		.ai-girl {
			width: 100px;
			height: 33px;
		}

		.ai-girl > img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.btn-close-ai-banner {
			background: transparent;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 0;
			margin-right: 10px;
			cursor: pointer;
		}

		@keyframes content-slide-down {
			0% {
				transform: translateY(-100%);
			}
			100% {
				transform: translateY(0%);
			}
		}

		.ai-banner-mobile-text {
			display: none;
		}


@media screen and (max-width: 1440px){
	.banner-content > h2 {
		font-size: 40px;
	}
	
	.banner-content > p {
		font-size: 20px;
	}
	
	.banner-content > p:last-child {
		font-size: 16px;
	}
}

@media screen and (max-width: 1360px) {
	.banner-content .f25 {
		font-size: 20px;
	}
}

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

	.banner-content {
		width: 80%;
	}
	
	.banner-content > h2 {
		font-size: 35px;
	}
	
	.banner-content > p {
		font-size: 18px;
	}
	
	.banner-content > p:last-child {
		font-size: 16px;
	}

	.svg-man::after, .svg-man::before {
		background-position: 95% center;
	}
}

@media screen and (max-width: 1080px) {
	.banner-content .f25 {
		font-size: 18px;
	}
}

@media screen and (max-width: 940px) {
	.banner-content {
		width: 100%;
	}
	.banner-content > p:last-child {
		font-size: 14px;
	}
}

@media screen and (max-width: 880px) {
	.banner-content .f25 {
		font-size: 16px;
	}
}

@media screen and (max-width: 800px) {
	.banner-uk-users-wrapper {
		flex-direction: column;
	}

	.banner-left-content > .banner-content-wrapper {
		justify-content: center;
	}

	.banner-left-content .banner-content {
		align-items: center;
		text-align: center;
	}

	.banner-right-content > .banner-content-wrapper {
		justify-content: center;
	}

	.banner-right-content .banner-content {
		align-items: center;
		text-align: center;
	}

	.banner-left-content .banner-content > h2 > br {
		display: none;
	}

	.banner-right-content .banner-content > h2 > br {
		display: none;
	}

	.banner-right-content .banner-content > p:nth-of-type(1) {
		max-width: auto;
	}

	.banner-content .f25 {
		font-size: 20px;
	}

	.banner-content > p {
		margin: 1rem;
	}
}

@media screen and (max-width: 600px) {
	.ai-banner-content .f20{
		font-size: 18px;
	}
}

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

	.banner-uk-users-wrapper {
		height: auto;
		min-height: 90vh;
	}

	.banner-content-wrapper {
		padding: 1rem;
	}

	.banner-content > h2 {
		font-size: 30px;
	}
	
	.banner-content > p {
		font-size: 18px;
	}
	
	.banner-content > p:last-child {
		font-size: 12px;
	}

	.banner-content .f25 {
		font-size: 18px;
	}

	.ai-banner-content > a > p {
		display: none;
	}

	.ai-banner-content > a > .ai-banner-mobile-text {
		display: inline-block;
	}

@media screen and (max-width: 520px) {
	.ai-banner-content .f20{
		font-size: 14px;
	}
}

@media screen and (max-width: 420px) {
	.banner-uk-users-wrapper {
		min-height: 100vh;
	}
	.banner-content .f25 {
		font-size: 16px;
	}

  .ai-banner-content .f20{
		font-size: 12px;
	}
}

@media screen and (max-width: 375px) {
	.banner-content > h2 {
		font-size: 26px;
	}
	
	.banner-content > p {
		font-size: 16px;
	}
	
	.banner-content > p:last-child {
		font-size: 12px;
	}

	.banner-content .f25 {
		font-size: 16px;
	}
}

@media screen and (max-width: 340px) {
	.banner-content > h2 {
		font-size: 22px;
	}
	
	.banner-content > p {
		font-size: 14px;
	}
	
	.banner-content > p:last-child {
		font-size: 11px;
	}

	.banner-content .f25 {
		font-size: 14px;
	}

	.banner-content > p {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 325px) {
	.banner-content .f25 {
		font-size: 12px;
	}
}

@media screen and (max-width: 300px) {
	.banner-content > p:last-child {
		white-space: pre-wrap;
	}
}