.offer-section{
position: relative;
padding: 110px 0px 30px;
}
.offer-section.alternate .offer-block{
margin-bottom:75px;
}
.offer-section:before{
position:absolute;
content: '';
left:0px;
top: 0px;
width: 30%;
height: 100%;
background-color: #f9f8fc;
}
.offer-block{
position:relative;
margin-bottom: 30px;
}
.offer-block .inner-box{
position: relative;
overflow: hidden;
}
.offer-block .inner-box .image{
position: relative;
overflow: hidden;
}
.offer-block .inner-box .image::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255,.2);
border-radius: 0%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.offer-block .inner-box:hover .image::before {
-webkit-animation: circle .95s;
animation: circle .95s;
}
.offer-block .inner-box .image img{
position: relative;
width:100%;
display: block;
transition: all 500ms ease;
}
.offer-block .inner-box:hover .image img{
transform: scale(1.05);
}
.offer-block .inner-box .lower-content{
position: relative;
padding-top: 40px;
}
.offer-block .inner-box .lower-content h3{
position: relative;
font-size: 22px;
color:#222222;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 10px;
}
.offer-block .inner-box .lower-content h3 a{
position: relative;
color:#222222;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.offer-block .inner-box .lower-content h3 a:hover{
color:var(--theme-color);
}
.offer-block .inner-box .lower-content .text{
position: relative;
color:#555555;
font-size: 16px;
line-height: 1.6em;
margin-bottom: 35px;
}
.offer-block .inner-box .lower-content .read-more{
position: relative;
color:var(--theme-color);
font-size: 13px;
font-weight: 700;
padding-right: 30px;
text-transform: uppercase;
display: inline-block;
}
.offer-block .inner-box .lower-content .read-more:before{
position: absolute;
content: '';
left: 100%;
top: 12px;
width: 0%;
height: 1px;
opacity: 0;
visibility: hidden;
transition:all 900ms ease;
-moz-transition:all 900ms ease;
-webkit-transition:all 900ms ease;
-ms-transition:all 900ms ease;
-o-transition:all 900ms ease;
background-color: #dddddd;
}
.offer-block .inner-box:hover .lower-content .read-more:before{
width:300%;
opacity: 1;
visibility: visible;
}
.offer-block .inner-box .lower-content .read-more .fa{
position: relative;
color:#443986;
font-weight: 700;
margin-right: 4px;
display: inline-block;
} .offer-section-two{
position: relative;
padding: 120px 0px 80px;
}
.offer-section-two .offer-title-box{
position: relative;
margin-bottom: 30px;
}
.offer-section-two .offer-title-box .inner-box{
position: relative;
min-height: 408px;
padding: 45px 45px 45px;
background-color: var(--theme-color);
}
.offer-section-two .offer-title-box .inner-box h2{
position: relative;
font-size: 48px;
color: #ffffff;
font-weight: 600;
line-height: 1.3em;
}
.offer-section-two .offer-title-box .inner-box .text{
position: relative;
color:#ffffff;
font-size: 18px;
font-weight: 500;
line-height: 1.6em;
margin-top: 10px;
}
.offer-section-two .offer-title-box .inner-box .arrow-box{
position: absolute;
right: 0px;
bottom: 0px;
width: 70px;
height: 70px;
color: #443986;
text-align: center;
line-height: 70px;
font-size: 24px;
font-weight: 700;
background-color: #ffffff;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.offer-section-two .offer-title-box .inner-box .arrow-box:hover{
color:#ffffff;
background-color: #443986;
}
.offer-section-two .counter-box{
position:relative;
padding-top: 70px;
padding-left: 190px;
padding-right: 200px;
}