/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 12 2026 | 08:24:06 */
.Section-AI-360 {
	position: relative;
	/* Đảm bảo phần tử cha có relative để ::before căn lề theo nó */
	overflow: hidden;
	/* Cắt bỏ phần dư thừa của vòng tròn 1600px */
}
.Section-AI-360::before {
	content: "";
	position: absolute;
	/* Giữ nguyên các thông số hình dáng và màu sắc */
	width: 1700px;
	height: 1600px;
	background-image: radial-gradient(circle at 50% 130%, #1abc9c 15%, #f3fffc 50%);
	border-radius: 100%;
	/* Căn giữa */
	inset: 0% auto auto 50%;
	transform: translate(-50%, -45%);
	/* Đảm bảo nằm dưới nội dung */
	z-index: 0;
	/* Pointer-events giúp không ngăn cản việc click vào link/nút phía dưới */
	pointer-events: none;
	filter: blur(20px);
}
.Section-AI-360 .elementor-background-overlay {
	filter: blur(50px);
	background-color: #f5fffd;
	border-radius: 100%;
	width: 1062px;
	height: 1062px;
	position: absolute;
	left: 20% !important;
	right: auto !important;
	top: -30% !important;
	bottom: auto !important;
	will-change: transform;
	transform: translate3d(3.1449vw, 4.9991vh, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
.site-AI-360 .elementor-widget-wrap  .button-AI-360 .elementor-widget-container .elementor-button-wrapper a {
	box-shadow: inset -3px -3px 7px #b7ffee;
}
.site-AI-360 .elementor-widget-wrap  .button-AI-360-a .elementor-widget-container .elementor-button-wrapper a {
	box-shadow: inset -3px -3px 7px #95caff;
}
.AI-360-text .elementor-widget-container .ekit-wid-con .ekit-heading .elementskit-section-subtitle {
	box-shadow: inset 0px -9px 11px #b7ffee;
}
.Section-AI-360 .banner-hero-AI-360 .elementor-container{
	flex-flow: column;
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative
}
.Section-AI-360 .banner-hero-AI-360{
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-2 .elementor-widget-container  {
	z-index: 2;
	position: absolute;
	inset: auto 0% -70px;
	margin-left: auto;
	margin-right: auto;
}
/* 1. Thiết lập vị trí cho lớp bao quanh */
.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-2 .elementor-widget-container {
	position: absolute;
	display: block;
	/* Đảm bảo container ôm khít ảnh */
	overflow: hidden;
}
/* 2. Tạo lớp gradient bằng ::before */
.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-2 .elementor-widget-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Gradient từ trong suốt (top) sang trắng (bottom) */
	background: linear-gradient(
		to bottom, 
		transparent 40%, 
		rgba(255, 255, 255, 1) 80%
	);
	z-index: 9;
	/* Nằm trên thẻ img */
	pointer-events: none;
	/* Giúp bạn vẫn có thể chuột phải lưu ảnh nếu cần */
}
/* 3. Đảm bảo ảnh nằm dưới lớp overlay */
.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-2 .elementor-widget-container img {
	position: relative;
	z-index: 1;
	display: block;
	width: 37%;
	/* Hoặc kích thước tùy chỉnh của bạn */
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
}
.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-3 {
	position: absolute;
	inset: auto 250px 470px auto;
}
.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-4 {
	position: absolute;
	inset: auto -265px 200px auto;
}
.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-5 {
	position: absolute;
	inset: 320px auto auto -265px;
	z-index;
	12;
}
.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-6 {
	position: absolute;
	inset: 162px -272px auto auto;
}
.Section-AI-360 .image-soft-AI-360-2 .elementor-widget-container::after {
	content: "";
	z-index: 0;
	opacity: 1;
	filter: blur(40px);
	background-color: #1abc9c;
	background-image: linear-gradient(#2388ff80, #2388ff80);
	border-radius: 100%;
	width: 425px;
	height: 100px;
	position: absolute;
	transform: translate(-50%);
	pointer-events: none;
	top: 25%;
}
/* Đảm bảo ảnh nằm trên cái bóng */
.Section-AI-360 .image-soft-AI-360-2 .elementor-widget-container img {
	position: relative;
	z-index: 2;
}
.box-consulta-ring .elementor-container {
	gap: 20px;
}
.Section-AI-360 .banner-hero-AI-360 .image-center-AI-360 .elementor-widget-container img.attachment-full {
	box-shadow: 0px 10px 40px #00000021;
	border-radius: 20px;
	border: 10px solid #FFFFFF4A;
}
.Section-AI-360 .banner-hero-AI-360 .image-center-AI-360 .elementor-widget-container img.attachment-full::after {
	content: "";
	display: block;
	/* Thêm dòng này để border hiển thị được */
	border: 1.5px solid #fff;
	border-radius: 20px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	/* Để không ngăn cản việc click vào phần tử chính */
}
.site-360-AI .elementor-blockquote {
	border-radius: 18px;
	box-shadow: 0 7px 10px #57b1ff33;
	padding-right: 30px;
	background: #fff;
}
.class-list-360-AI .elementor-widget-container .elementor-icon-list-items .elementor-icon-list-item  {
	align-items: flex-start;
}
.class-list-360-AI .elementor-widget-container .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon {
	margin-top: 3px;
}
.site-360-AI-box .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img img{
	padding: 15px;
	background: #defff9;
}
.site-box-360-AI-two .elementor-widget-wrap {
	box-shadow: inset 0px -9px 30px #b7ffee;
}
.Site-360-AI-grid-box .elementor-container  {
	gap: 30px;
}
.getlead-btn.button-AI-360 .elementor-widget-container .elementor-button-wrapper a {
	box-shadow: inset -3px -3px 7px #b7ffee;
}
.box-consulta-ring .elementor-container .elementor-column .elementor-widget-wrap{
	box-shadow: inset 0px -20px 40px #adadad80;
}
@media only screen and (max-width: 696px) {
	.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-2 .elementor-widget-container img {
		width: 80%;
	}
	.Section-AI-360 .image-soft-AI-360-2 .elementor-widget-container::after {
		filter: blur(30px);
		width: 260px;
		top: 23%;
	}
	.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-3 {
		inset: auto 130px 430px auto;
	}
	.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-6 {
		inset: 90px -123px auto auto;
	}
	.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-4 {
		inset: auto -190px 310px auto;
	}
	.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-5 {
		inset: 210px auto auto -115px;
	}
	.class-list-360-AI .elementor-widget-container .elementor-icon-list-items .elementor-icon-list-item  {
		align-items: flex-start;
	}
}
@media only screen and (min-width: 697px) and (max-width: 1024px) {
	.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-2 .elementor-widget-container img {
		width: 60%;
	}
	.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-3 {
		inset: auto 272px 600px auto;
	}
	.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-4 {
		inset: auto -270px 350px auto;
	}
	.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-6 {
		inset: 116px -222px auto auto;
	}
	.Section-AI-360 .banner-hero-AI-360 .elementor-container .image-soft-AI-360-5 {
		inset: 340px auto auto -215px;
	}
	.box-consulta-ring .elementor-container .elementor-column.elementor-col-25 {
		width: 23.95%;
	}
	.box-consulta-ring .elementor-container {
		gap: 10px;
	}
	.Site-360-AI-grid-box .elementor-container {
		gap: 16px;
	}
	.Site-360-AI-grid-box .elementor-container .elementor-column.elementor-col-50 {
		width: 48.85%;
	}
}