/*------------------------------------------------------------------------
# mod_mx_awoseme-news Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2020 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}

.mos-img img {display: none !important;}
.img-slice-wrap .descrp {
position: relative;
margin-bottom: 30px;
}

@media (max-width: 1920px) and (min-width: 1200px) {
.img-slice-wrap .descrp {
padding: 0px 270px;
}
}

.img-slice-wrap .border_line {
margin: 0 auto;
width: 99px;
}

.img-slice-wrap .our_service_inner {
position: relative;
background: #fff;
padding: 40px;
overflow: hidden;
z-index: 0;
border: 1px solid #f1f1f1;
border-radius: 40px;
}

.img-slice-wrap .our_service_inner::before {
position: absolute;
content: '';
background: #2d72bb;
width: 100%;
height: 100%;
bottom: 100%;
left: 0px;
opacity: 0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
z-index: -10;
}

.img-slice-wrap .our_service_inner:hover::before {
bottom: 0;
opacity: 1;
}

.img-slice-wrap .our_service_inner .icon {
position: relative;
margin-bottom: 20px;
z-index: 0;
height: 110px;
width: 120px;
}

.img-slice-wrap .our_service_inner .icon span {
line-height: 100px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
display: block;
text-align: center;
}
.img-slice-wrap .our_service_inner img {
width: 120px;
height: 120px;
border-radius: 50%;
position: absolute;
z-index: -10;
top: 10px;
left: 10px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.img-slice-wrap .our_service_inner .icon::before {
width: 50px;
height: 50px;
border-radius: 50%;
background: #ebf1f8;
position: absolute;
content: '';
z-index: -10;
top: 0;
left: 115px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.img-slice-wrap .our_service_inner:hover .icon::before {
width: 120px;
height: 120px;
background: #fccc00;
left: 0;
}

.img-slice-wrap .our_service_inner:hover img {
width: 100px;
height: 100px;
border-radius: 50%;
position: absolute;
z-index: -10;
top: 10px;
left: 10px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.img-slice-wrap .our_service_inner h2 {
font-weight: 700;
font-size: 28px;
line-height: 32px;
transition: all .3s ease;
padding-top: 20px;
}

.img-slice-wrap .our_service_inner p, .img-slice-wrap .our_service_inner .mos-img {
transition: all .3s ease;
}

.img-slice-wrap .our_service_inner h2 a {
color: #1e2452;
}

.img-slice-wrap .our_service_inner:hover a {
color: #fff;
}

.img-slice-wrap .our_service_inner:hover p,.img-slice-wrap .our_service_inner:hover .mos-img, .img-slice-wrap .our_service_inner:hover ul {
color: #eaf1f8;
}

.img-slice-wrap .our_service_inner .read_more a {
font-weight: 700;
color: #fff;
font-size: 16px;
line-height: 42px;
background: #fccc00;
height: 42px;
padding: 0px 20px;
display: block;
text-align: center;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
position: absolute;
top: -120px;
right: 0;
}

.img-slice-wrap .our_service_inner:hover .read_more a {
top: 80px;
}
.our_service_inner ul {
position: relative;
margin: 0 0 5px 5px;
padding-left: 0;
}
.our_service_inner ul li {
display: inline-block;
margin-right: 20px;
line-height: 26px;
}
.our_service_inner .date, .our_service_inner .dates {
position: absolute;
top: 10px;
left: 10px;
}
.our_service_inner .dates span {
position: relative;
display: block;
background: #fccc00;
font-size: 14px;
text-transform: uppercase;
padding: 4px 10px;
color: #fff;
font-weight: 700;
text-align: center;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.our_service_inner .date span {
position: relative;
display: block;
background: #fccc00;
font-size: 14px;
width: 77px;
height: 77px;
border-radius: 50%;
text-transform: uppercase;
padding: 18px;
color: #fff;
font-weight: 700;
text-align: center;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.img-slice-wrap .our_service_inner:hover .date span {
background: #fff;
color: #000;
font-size: 13px;
width: 65px;
height: 65px;
padding: 10px;
}