/*** 

====================================================================
	Offer Section
====================================================================

***/

.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
====================================================================

***/

.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;
}