
/** services **/

.services_item_info{
	padding-left:32px;
	padding-right:110px;
	margin-bottom:34px;
	position:relative;
}

.services .services_item .services_item_box span.services_item_button,
.services .services_item a span.services_item_button{
	width:48px;
	height:48px;
	border-radius:24px;
	display:flex;
	position:absolute;
	right:32px;
	bottom:0px;
	align-items:center;
	justify-content:center;
	background-color:rgba(255, 255, 255, 0.2);
}

.services .services_item .services_item_box span.services_item_info,
.services .col-md-3.services_item a span.services_item_info{
	padding-left:26px;
	padding-right:26px;
}

.services .services_item .services_item_box span.services_item_button,
.services .col-md-3.services_item a span.services_item_button{
	display:none;
}

.services_item_img{
	position:relative;
}
.services_item_img:before{
	background: linear-gradient(180deg, rgba(0, 35, 69, 0.16) 0%, #002345 100%); 
	height:100%;
	width:100%;
	display:block;
	-webkit-border-top-left-radius: 26px;
	-webkit-border-top-right-radius: 26px;
	-moz-border-radius-topleft: 26px;
	-moz-border-radius-topright: 26px;
	border-top-left-radius: 26px;
	border-top-right-radius: 26px;
	position:absolute;
	left:0px;
	content:"";
}

.services_item_title{
	font-size: 18px;
	font-weight: 800;
	line-height:  133.333%;
	margin-bottom:10px;
	letter-spacing: 0.36px;
	text-transform: uppercase; 
}

.services_item_text{
	font-size: 15px;
	font-weight: 300;
	line-height:  153.333%;
	letter-spacing: 0.3px; 
}

.services_item_text p{
	margin:0px;
}

.services img{
	-webkit-border-top-left-radius: 26px;
	-webkit-border-top-right-radius: 26px;
	-moz-border-radius-topleft: 26px;
	-moz-border-radius-topright: 26px;
	border-top-left-radius: 26px;
	border-top-right-radius: 26px;
	height:192px;
	object-fit:cover;
	width:100%;
}

.services .col-md-3.services_item img{	
	height:257px;
}

.services .services_item {
	margin-bottom:24px;
}

.services .services_item a span,
.services .services_item .services_item_box span
{
	display:block;
}

.services .services_item .services_item_box{
	cursor:pointer;
	position:relative;
	overflow:hidden;
}

.services .services_item .services_item_box,
.services .services_item a{
	display:block;
	height:100%;
	position:relative;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	background-color:#002345;
	color:#fff;
}

.services .services_item a.services_item_arrow{
	position:absolute;
	left:32px;
	bottom:32px;
	display:block;
}

.services_item_box_sublist{
	padding:65px 32px 52px; 
	background-color:var(--main_color);
  border-radius: 26px;
  position:absolute;
  top:0px;
  height:100%;
  width:100%;
  left:-100%;
  z-index:10;
  
     -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}

.services .services_item .services_item_box:hover .services_item_box_sublist{
	left:0px;
}

.services .services_item .services_item_box_sublist a {
	height:auto;
}

.services_item_box_sublist ul{
	padding:0px;
	margin:0px;
}

.services_item_box_sublist ul li{
	margin:0px 0 11px;
	padding:0px;
}

.services_item_box_sublist ul, 
.services_item_box_sublist ul li{
	list-style-type:none;
}

.services_item_box_sublist ul li a{
	color:#fff;
	font-size: 15px; 
	opacity:0.9;
}


.services .slick-slide.services_item{
	padding-left:12px;
	padding-right:12px;
}

.services .col-md-3.slick-slide.services_item a span.services_item_button {
	display: flex;
}

.services .col-md-3.slick-slide.services_item .services_item_title{
	font-size:16px;
}

.services .col-md-3.slick-slide.services_item a span.services_item_info{
	padding-right:85px;
}

.services .col-md-3.slick-slide.services_item img{
	height:160px;
}

.services .col-md-3.slick-slide.services_item a span.services_item_button{
	bottom:auto;
	top:0px;
}

.services .col-md-3.slick-slide.services_item .services_item_info{
	margin-bottom:27px;
	min-height:48px;
}

.services .slick-slide.services_item{
	margin-bottom:0px;
}

html body .services .slick-dots li button{
	background-color:var(--main_color);
}


/** services end **/

/** services noimage **/

.services_item_noimage a{
	border-radius: 12px;
	width:100%;
	padding:16px 24px;
	display:flex;
	width:100%;
	font-size: 16px; 
	color:#fff;
	font-weight: 500; 
	align-items:center;
	transition: all 0.3s ease-out;
	justify-content:space-between;
	background-size: 100% !important;
	background: linear-gradient(90deg, var(--extra_color) 0%, var(--main_color) 100%);
	box-shadow: 0px 4px 12px 0px var(--extra_color_opacity_10);
}

.services_item_noimage a:hover {
  background-size: 300% !important;
  box-shadow: inset 0 -4px 10px var(--extra_color_opacity_80);
}

.services_item_noimage a:hover .services_item_arrow svg{
	transform: rotate(-180deg);
}

.services_item_noimage .services_item_arrow svg{
	transition: all 0.3s ease-out;
}

.services_item_noimage .services_item_arrow{
	background-color:rgba(255, 255, 255, 0.1);
	width: 40px;
	display:flex;
	transition: all 0.3s ease-out;
	align-items:center;
	justify-content:center;
	height: 40px; 
	border-radius:20px;
}

.services_item_noimage a:hover .services_item_arrow{
	background-color:var(--extra_color);
}

.services_item_noimage{
	margin-bottom:16px;
}

/** services noimage end **/