.text hr{border:0; border-top:1px solid var(--color3); margin:12px 0; padding:0; height:1px; background:transparent;}

.service-list{display:flex; flex-direction:column;}
.service-item{display:flex; flex-wrap:wrap; align-items:center; padding:0 0 30px; margin:0 0 30px; border-bottom:1px solid var(--color3); gap:0;}
.service-item:last-of-type{margin-bottom:0; padding-bottom:0; border-bottom:0;}
.service-item h2{width:100%; flex:0 0 100%; font-family:var(--fontrace); font-weight:400; background:var(--color1); color:var(--color2); padding:6px 28px 8px 0; margin:0 0 20px 10px; position:relative; display:block; font-size:28px; line-height:1; z-index:1;}
.service-item h2 span{display:block; position:absolute; right:24px; top:8px; width:26px; height:26px; background-image:url(/theme/img/ster.png); background-size:cover; background-position:center;}
.service-item h2::before{content:""; position:absolute; transform:skew(-10deg); top:0; bottom:0; left:-18px; width:35px; background:var(--color1); z-index:-1;}
.service-item h2::after{content:""; position:absolute; transform:skew(-10deg); top:0; bottom:0; width:16px; right:-10px; background:var(--color2);}
.service-item .txt{width:72%; padding-right:30px;}
.service-item .txt p:last-child{margin-bottom:0;}
.service-item .img{width:28%; align-self:center;}
.service-item .img a{display:block; position:relative; overflow:hidden;}
.service-item .img img{display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; object-position:center; transition:.4s ease;}
.service-item .img a::before{content:""; position:absolute; inset:0; background:rgba(0,0,0,.25); opacity:0; transition:.3s ease; z-index:1;}
.service-item .img i{position:absolute; top:50%; left:50%; text-align:center; width:40px; height:40px; line-height:40px; font-size:24px; margin-left:-20px; margin-top:0; background:#3CB371; color:var(--color2); opacity:0; transition:.3s; border-radius:50%; box-shadow:0 0 8px 0 rgba(0,0,0,.3); z-index:2;}
.service-item .img a:hover::before{opacity:1;}
.service-item .img a:hover img{transform:scale(1.04);}
.service-item .img a:hover i{opacity:1; margin-top:-20px;}

@media (max-width:900px){
	.service-item{padding:0 0 25px; margin:0 0 25px;}
	.service-item .txt,.service-item .img{width:100%; padding-right:0;}
	.service-item .img{max-width:280px;}
	.service-item h2{font-size:24px; padding:5px 28px 7px 0; margin:0 0 18px 10px;}
	.service-item h2 span{top:8px; width:16px; height:16px;}
}

@media (max-width:600px){
	.service-item h2{font-size:20px;}
}
	
.block{margin-top:55px; padding:18px 25px; color:var(--color2); background:var(--color3);}
.block p{color:var(--color2);}
.block a{color:var(--color1); display:inline-block; text-decoration:none;}
.block a:hover{text-decoration:underline;}
.nav li{padding:0 15px;}

@media (max-width:1070px){
	.nav li{padding:0 10px;}
}

@media (max-width:768px){
	.nav li{padding-left:0; padding-right:0;}
}
	
.intro{max-width:920px;}

.lang{position:relative; display:inline-block; margin-left:25px; z-index:500;}
.lang-current{display:flex; align-items:center; justify-content:center; width:38px; height:30px; padding:0; border:0; border-radius:20px; background:var(--color1); cursor:pointer; position:relative;}
.lang-current:before{content:""; position:absolute; left:-7px; top:50%; width:0; height:0; margin-top:-2px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #fff;}
.lang-current:after{content:""; position:absolute; left:-18px; top:50%; width:56px; height:16px; background:transparent;}
.lang img{display:block; width:18px; height:18px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 1px rgba(0,0,0,.12); margin-right:0;}
.lang-dropdown{position:absolute; right:0; top:100%; min-width:170px; margin-top:8px; padding:6px 0; list-style:none; background:#fff; border-radius:10px; box-shadow:0 10px 25px rgba(0,0,0,.25); opacity:0; visibility:hidden; transform:translateY(8px); transition:.2s; z-index:999;}
.lang:hover .lang-dropdown, .lang.open .lang-dropdown{opacity:1; visibility:visible; transform:translateY(0);}
.lang-dropdown:before{content:""; position:absolute; top:-8px; right:14px; width:100%; height:12px;}
.lang-dropdown a{display:flex; align-items:center; gap:10px; padding:8px 14px; margin:0px 6px 3px; color:var(--color1); font-size:14px; line-height:1; margin-bottom:2px; text-decoration:none; white-space:nowrap;}
.lang-dropdown a:hover, .lang-dropdown a.active{background:rgba(0,0,0,.06); color:var(--color1); border-radius:6px;}
.lang-dropdown a.active:after{content:"\ea41"; margin-left:auto; font-family:boxicons !important; color:#3cb371; font-size:16px;}

@media (max-width:768px){
	.lang{display:inline-block; width:auto; margin-left:20px;}
	.lang-current{width:36px; height:32px;}
	.lang-current:before{left:-9px;}
	.lang-dropdown{right:0; left:auto; min-width:160px;}
}
	
.topper .item{width:58%;}
.topper .item.last{width:42%;}
.topper .first i.bx{top:4px; position:relative; font-size:20px;}
.topper .first i{color:var(--color3);}
	
@media (max-width: 1040px) {
	.topper .item{width:75%;}
	.topper .item.last{width:25%;}
}
@media (max-width: 768px) {
	.topper .item.last{width:160px;}
	.topper{right:62px!important;}
}