/*------------------------------------------------------------------------
# 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 {
position: relative;
}

.img-slice-wrap .top_headings {
position: relative;
margin-bottom: 20px;
}

.right_content {
position: relative;
padding-left: 100px;
}

.right_content p::before {
position: absolute;
content: '';
background: #e0e0e0;
height: 52px;
width: 1px;
left: 43px;
bottom: -2px;
}

.img-slice-wrap .sme {
padding-top: 53px;
}

@media(max-width:992px) {
.right_content p::before {
display: none;
}
.right_content {
padding: 0px;
}
.img-slice-wrap .sme {
padding-top: 15px;
text-align: left!important;
}
.img-slice-wrap .sub_heading {
margin-bottom: 10px;
}
.style1 .our_service_inner {
margin: 0px;
}
}

.img-slice-wrap .style1_inner {
position: relative;
overflow: hidden;
}

.img-slice-wrap .style1_inner .image {
position: relative;
width: 100%;
overflow: hidden;
}

.img-slice-wrap .style1_inner .image img {
display: block;
width: 100%;
height: auto;
transition: transform .90s;
-webkit-transition: transform .90s;
-moz-transition: transform .90s;
-ms-transition: transform .90s;
-o-transition: transform .90s;
}

.img-slice-wrap .style1_inner:hover .image img {
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}

.img-slice-wrap .style1_inner h2 {
font-weight: 700;
font-size: 26px;
line-height: 1.2;
transition: all .3s ease;
margin-bottom: 10px;
color: #1e2452;
}


.img-slice-wrap .style1_inner p {
color: #2d72bb;
}

.img-slice-wrap .style1_inner h6 {
font-weight: 700;
font-size: 16px;
line-height: 26px;
transition: all .3s ease;
margin-bottom: 0px;
color: #1e2452;
}
.style1_inner a{
color: #222;
}
.style1_inner a:hover {
color: rgb(255, 7, 7) !important;
}
.style1_inner::before {
position: absolute;
content: '';
left: 100%;
top: 0;
background: rgba(45, 114, 187, .8);
width: 100%;
height: 100%;
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: 8;
}

.style1_inner::after {
position: absolute;
content: '';
left: 100%;
top: 0;
background: #ebf1f8;
width: 50%;
height: 100%;
opacity: 0;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-ms-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
z-index: 9;
}

.style1_inner:hover::before {
opacity: 1;
left: 0;
}

.style1_inner:hover::after {
opacity: 1;
left: 50%;
}

.over_content {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
padding: 17px 20px;
background: #fff;
width: 75%;
border-radius: 8px;
z-index: 10;
opacity: 0;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-ms-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}

.style1_inner:hover .over_content {
opacity: 1;
top: 50%;
}

.sub_text {
position: absolute;
bottom: -30%;
right: 46px;
opacity: 0;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-ms-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
z-index: 10;
}

.style1_inner:hover .sub_text {
opacity: 1;
bottom: 20px;
}
.style1_inner ul li {
display: inline-block;
margin-right: 20px;
line-height: 26px;
}
.style1_inner ul {
position: relative;
margin: 0 0 5px 5px;
padding: 0px;
}                       
.sub_info {
position: absolute;
top: -30%;
left: 36px;
opacity: 0;
color: #fff;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-ms-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
z-index: 10;
}

.style1_inner:hover .sub_info {
opacity: 1;
top: 20px;
}