.banner {
	height: 100vh;
	min-height:800px;
	position: relative;
}
.banner .swiper {
	width: 100%;
	height: 100%;
}
.banner .swiper-slide {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.banner .swiper-slide video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-content {
	text-align: left;
	color: #fff;
	z-index: 2;
	width: 90%;
	max-width: 1440px;
	margin: 0px auto;
}
.banner-content .txt {
	max-width:980px;
}
.banner-content h1 {
	font-size: 50px;
	margin-bottom:40px;
	font-weight: 700;
}
.banner-content p {
	font-size:34px;
	margin-bottom:150px;
}
.banner-btns {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
}
.banner .btn {
	padding: 13px 40px;
	text-decoration: none;
	text-transform: uppercase;
	font-size:24px;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
	border-radius: 4px;
}
.banner .scroll_down {
	position:absolute;
	left:100px;
	bottom:100px;
	z-index:1;
}
.banner .scroll_down .txt {
	font-size:18px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
.banner .scroll_down .line {
	display:block;
	width:3px;
	height:100px;
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-1.5px;
	overflow:hidden;
}
.banner .scroll_down .line:before {
	height:100%;
	background:rgba(255, 255, 255, .7);
	opacity:.5;
	left:0;
	top:0;
	bottom:0;
	content:'';
	position:absolute;
	width:2px;
}
.banner .scroll_down .line:after {
	background:#fff;
	left:0px;
	top:0;
	content:'';
	position:absolute;
	width:2px;
	-webkit-animation:about_scroll-down-line 4s infinite;
	-o-animation:about_scroll-down-line 4s infinite;
	animation:about_scroll-down-line 4s infinite;
}
@keyframes about_scroll-down-line {
 0%, 20% {
 height:30%;
 top:-30%;
}
 80%, 100% {
 height:30%;
 top:140%;
}
}
.banner .swiper-button-prev {
	left:100px;
}
.banner .swiper-button-next {
	right:100px;
}
.banner .swiper-button-prev, .banner .swiper-button-next {
	width:64px;
	height:64px;
	opacity: 0;
	visibility: hidden;
}
.swiper-initialized:hover .swiper-button-next, .swiper-initialized:hover .swiper-button-prev {
	opacity: 1;
	visibility: visible;
}
 .banner .swiper-button-prev::after, .banner .swiper-button-next::after {
 content: '';
 font-size: 0;
 width: 64px;
 height:64px;
 background-size: 64px;
 background-repeat: no-repeat;
 background-position: center;
 transition: all 0.3s ease;
}
 .banner .swiper-button-prev::after {
 background: url('../images/next_l_w.svg');
}
 .banner .swiper-button-prev:hover::after {
 background-image: url('../images/next_l_r.svg');
}
 .banner .swiper-button-next::after {
 background: url('../images/next_r_w.svg');
}
 .banner .swiper-button-next:hover::after {
 background-image: url('../images/next_r_r.svg');
}
.accordion-section {
	padding-top: 120px;
}
.accordion-container {
	display: flex;
	width: 100%;
	gap: 25px;
}
.accordion-item {
	flex: 1;
	height:552px;
	background-size: cover;
	background-position: center;
	position: relative;
	transition: flex 0.5s ease;
	cursor: pointer;
	display: flex;
	align-items: flex-end;
	color: #fff;
	border-radius:8px;
}
.accordion-item.active {
	flex: 2.8;
}
.accordion-content {
	text-align:center;
	width: 100%;
	margin-bottom:60px;
}
.accordion-content p {
	font-size: 20px;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: all 0.3s ease;
	margin-top: 0;
}
.accordion-item.active .accordion-content p {
	opacity: 1;
	height: auto;
	margin-top: 10px;
}
.accordion-content h2 {
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 40px;
}
.stats-section {
	padding-top: 110px;
}
.stats-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0px;
	text-align: center;
}
.stat-item {
	color:#1E1E1E;
}
.stat-item h3 {
	font-size: 64px;
	font-weight: 600;
}
.stat-item p {
	font-size: 18px;
}
.about-section {
	padding-top: 120px;
}
.about-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}
.about-img {
	overflow: hidden;
	border-radius: 8px;
}
.about-img img {
	width: 100%;
	height: auto;
	transition: transform 0.3s ease;
	display: block;
	transform: scale(1);
}
.about-img:hover img {
	transform: scale(1.02);
}
.about-content h2 {
	font-size: 32px;
	color:#1E1E1E;
	margin-bottom: 20px;
}
.about-content p {
	margin-bottom: 16px;
	line-height:2;
	color:#565555;
}
.features-section {
	padding:120px 0;
}
.features-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap:25px;
}
.feature-item {
	padding: 32px;
	background:#F4F3F3;
	transition: transform 0.3s ease;
	border-radius: 8px;
	text-align: center;
}
.feature-item:hover {
	transform: translateY(-5px);
}
.feature-item img {
	width: 64px;
	height:64px;
	margin-bottom: 24px;
}
.feature-item h3 {
	color:#1E1E1E;
	margin-bottom: 16px;
	font-size: 30px;
}
.feature-item p {
	font-size: 16px;
	color: #565555;
}
.usage-section {
	padding:89px 0;
	background:#0C0C0C;
	color: #fff;
}
.usage-container {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap:83px;
}
.usage-tabs {
	display: flex;
	flex-direction: column;
	gap:32px;
}
.usage-tab {
	cursor: pointer;
	transition: all 0.3s ease;
	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
	padding-bottom:32px;
}
.usage-tab:last-child {
	border-bottom:0;
}
.usage-tab.active {
	color: #DA0134;
	padding-left:20px;
}
.usage-tab h3 {
	margin-bottom: 16px;
	font-size:32px;
	position:relative;
}
.usage-tab p {
	position:relative;
	font-size: 18px;
}
.usage-tab.active h3::before {
 content: ' ';
 width: 4px;
 height: 27px;
 background: #DA0134;
 position: absolute;
 top: 12px;
 left: -20px;
}
.usage-tab.active p {
	padding-bottom:22px;
}
.usage-tab.active p::after {
 content: ' ';
 width: 40px;
 height: 16px;
 background:url(../images/icon_more_red.svg) no-repeat;
 background-size:100%;
 position: absolute;
 bottom:0;
 left: 0;
}
.usage-img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: transform 0.3s ease;
}
.usage-img:hover{

	transform: scale(1.02);
}


.usage-section1 {
	display:none
}
.blog-section {
	padding: 120px 0;
}
.blog-section h2 {
	text-align: center;
	font-size: 48px;
	color:#1E1E1E;
	margin-bottom: 48px;
}
.blog-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25px;
}
.blog-swiper {
	width: 100%;
	margin-bottom: 40px;
}
.blog-swiper .swiper-button-prev {
	left:0px;
}
.blog-swiper .swiper-button-next {
	right:0px;
}
.blog-swiper .swiper-button-prev, .blog-swiper .swiper-button-next {
	width:64px;
	height:64px;
	z-index:10;
	display:none;
}
.blog-swiper .swiper-button-prev::after, .blog-swiper .swiper-button-next::after {
 content: '';
 font-size: 0;
 width: 64px;
 height:64px;
background-size: 64px !important;
 background-repeat: no-repeat;
 background-position: center;
 transition: all 0.3s ease;
}
 .blog-swiper .swiper-button-prev::after {
 background: url('../images/next_l_w.svg');
}
 .blog-swiper .swiper-button-prev:hover::after {
 background-image: url('../images/next_l_r.svg');
}
 .blog-swiper .swiper-button-next::after {
 background: url('../images/next_r_w.svg');
}
 .blog-swiper .swiper-button-next:hover::after {
 background-image: url('../images/next_r_r.svg');
}
.blog-item {
	transition: transform 0.3s ease;
	overflow: hidden;
	background: #fff;
}
.blog-item:hover {
	transform: translateY(-5px);
}
.blog-img {
	width: 100%;
	height: 256px;
	border-radius:8px;
	background-size: cover;
	background-position: center;
}
.blog-content {
	padding: 24px 0;
}
.blog-content h3 {
	font-size: 18px;
	line-height:24px;
	color:#1E1E1E;
	margin-bottom: 12px;
}
.blog-content p {
	font-size: 14px;
	color:#565555;
}
.blog-read-more-wrap {
	text-align: center;
}
.blog-read-more-wrap .read-more {
	margin-top:0
}

 @media (max-width: 1440px) {
.stat-item h3 {
	font-size: 48px;
}
.usage-tabs {
	gap: 20px;
}
.usage-tab h3 {
	font-size: 26px;
}
.usage-tab.active h3::before {
	top: 8px;
}

.usage-tab p {
	font-size: 16px;
}
 }
 
 
 
 
  @media (max-width: 1366px) {
 .banner .swiper-button-prev {
	left: 20px;
}
 .banner .swiper-button-next {
	right: 20px;
}
.banner .btn {
	padding: 12px 30px;
	font-size: 20px;
}



  }
 
 
 

 @media (max-width: 768px) {
 .usage-section {
display:none
}
.usage-section1 {
display:block
}
.banner {
 height:70vh;
 min-height:60vh;
}
.banner-content {
 text-align:center;
 width:90%;
}
 .banner-content h1 {
font-size: 24px;
margin-bottom:20px;
}
 .banner-content p {
font-size: 16px;
margin-bottom:50px;
}
.accordion-section {
 padding-top:20px;
}
.banner .scroll_down {
 left: 20px;
 bottom:50px;
 display:none;
}
.banner .scroll_down .line {
 height: 40px;
 top: 40px;
}
.banner .scroll_down .txt {
 font-size: 14px;
}
.banner .swiper-button-prev {
 left: 10px;
}
.banner .swiper-button-next {
 right: 10px;
}
 .banner .swiper-button-prev, .banner .swiper-button-next {
 width:38px;
 height:38px;
 opacity: 0;
 visibility: hidden;
}
 .banner .swiper-button-prev::after, .banner .swiper-button-next::after {
 content: '';
 font-size: 0;
 width: 38px;
 height:38px;
 background-repeat: no-repeat;
 background-position: center;
 transition: all 0.3s ease;
}
 .banner .swiper-button-prev::after {
 background: url('../images/next_l_w.svg');
 background-size: 38px;
}
 .banner .swiper-button-prev:hover::after {
 background-image: url('../images/next_l_r.svg');
 background-size: 38px;
}
 .banner .swiper-button-next::after {
 background: url('../images/next_r_w.svg');
 background-size: 38px;
}
 .banner .swiper-button-next:hover::after {
 background-image: url('../images/next_r_r.svg');
 background-size: 38px;
}
 .banner-btns {
 gap: 10px;
 justify-content: center;
 align-items: center;
}
 .banner .btn {
 padding: 8px 12px;
 font-size: 12px;
}
 .accordion-container {
flex-direction: column;
gap: 20px;
}
.accordion-item {
 height:auto;
 flex: 1 !important;
 display: flex;
 align-items: center;
 padding: 60px 0;
}
.accordion-content {
 text-align: center;
 width: 100%;
 margin-bottom: 0;
}
 .accordion-content h2 {
 font-size: 26px;
}
 .accordion-content p {
opacity: 1 !important;
height: auto !important;
font-size:14px;
}
 .stats-section {
 padding-top: 60px;
}
 .stat-item:nth-child(1) {
 border-right: 1px solid #e1e1e1;
 border-bottom: 1px solid #e1e1e1;
 padding-bottom:10px;
}
 .stat-item:nth-child(2) {
 border-bottom: 1px solid #e1e1e1;
 padding-bottom:10px;
}
 .stat-item:nth-child(3) {
 border-right: 1px solid #e1e1e1;
 padding-top:10px;
}
 .stat-item:nth-child(4) {
 padding-top:10px;
}
 .stat-item p {
 font-size: 16px;
 padding:0 10px;
}
 .stats-container {
grid-template-columns: repeat(2, 1fr);
gap: 0px;
}
 .about-section {
 padding-top:60px;
}
 .about-container {
grid-template-columns: 1fr;
}
.about-content p {
 line-height: 1.8;
}
 .usage-container {
grid-template-columns: 1fr;
}
 .usage-img {
height: 300px;
}
 .stat-item h3 {
font-size: 28px;
}
 .features-section {
 padding: 80px 0;
}
 .features-grid {
 grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
 .feature-item {
padding: 20px;
}
 .feature-item h3 {
 font-size: 20px;
}
.feature-item p {
 font-size: 14px;
}
.feature-item img {
 width: 48px;
 height: 48px;
 margin-bottom: 14px;
}
 .usage-section1 {
padding:60px 0;
background:#000;
color:#fff;
}
 .phone-swiper {
 width: 100%;
 max-width: 100%;
 overflow: hidden;
}
 .phone-swiper .swiper-slide {
 position: relative;
 width: 100%;
 max-height:400px;
}
 .phone-swiper .swiper-slide__image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center;
 display: block;
}
 .phone-swiper .swiper-slide__caption {
 width: 100%;
 text-align:center;
 color: white;
 box-sizing: border-box;
 margin-bottom:36px;
}
 .phone-swiper .caption__title {
 font-size:22px;
 font-weight: 700;
 margin-bottom:16px;
 line-height: 1.25;
}
 .phone-swiper .caption__desc {
 font-size: 14px;
 line-height: 1.45;
 font-weight: 400;
 padding:0 20px;
}
 .phone-swiper .swiper-pagination-bullet {
 background: rgba(255, 255, 255, 0.75);
 opacity: 0.7;
 width: 7px;
 height: 7px;
 margin: 0 5px;
 transition: all 0.2s ease;
}
 .phone-swiper .swiper-pagination-bullet-active {
 background: #DA0134;
 opacity: 1;
 border-radius: 12px;
}
.blog-grid {
display: none;
}
 .blog-swiper {
display: block;
margin-bottom:10px;
}
 .blog-swiper .swiper-button-prev, .blog-swiper .swiper-button-next {
 width:40px;
 height:40px;
 display:flex;
}
.blog-swiper .swiper-button-prev::after, .blog-swiper .swiper-button-next::after {
 width: 40px;
 height:40px;
background-size: 40px !important;
}
 .blog-section {
 padding: 60px 0;
}
.blog-section h2 {
 font-size: 28px;
 margin-bottom:28px;
}
.blog-item a {
width:100%;
}
.blog-img {
 height: 160px;
 border-radius:4px;
}
}