.classes-section{
position: relative;
display: block;
}
.classes-section .inner-block{
position: relative;
display: block;
overflow: hidden;
border-radius: 20px;
background: #fff;
box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
}
.classes-section .inner-block .image-box{
position: relative;
display: block;
background: #253b71;
overflow: hidden;
}
.classes-section .inner-block .image-box img{
width: 100%;
transition: all 500ms ease;
}
.classes-section .inner-block:hover .image-box img{
opacity: 0.5;
transform: scale(1.02);
}
.classes-section .inner-block .lower-content{
position: relative;
display: block;
padding: 34px 40px 37px 40px;
}
.classes-section .inner-block .lower-content .link-btn{
position: absolute;
top: -35px;
right: 40px;
clear: both;
}
.classes-section .inner-block .lower-content .link-btn a{
position: relative;
display: inline-block;
font-size: 20px;
font-weight: 600;
color: #fff;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
background: #fbb419;
border-radius: 50%;
transition: all 500ms ease;
}
.classes-section .inner-block .lower-content .link-btn a:hover{
background: #253b71 !important;
}
.classes-section .inner-block:hover .lower-content .link-btn a {
-webkit-transform: scale(-1) rotate(-180deg);
-moz-transform: scale(-1) rotate(-180deg);
-ms-transform: scale(-1) rotate(-180deg);
-o-transform: scale(-1) rotate(-180deg);
transform: scale(-1) rotate(-180deg);
}
.classes-section .block-column:nth-child(2) .inner-block .lower-content .link-btn a{
background: #43b3d9;
}
.classes-section .block-column:last-child .inner-block .lower-content .link-btn a{
background: var(--main-color);
}
.classes-section .inner-block .lower-content h3{
margin-bottom: 9px;
}
.classes-section .inner-block .lower-content .price{
position: relative;
display: block;
font-size: 18px;
color: var(--main-color);
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700;
margin-bottom: 17px;
}
.classes-section .inner-block .lower-content .text{
position: relative;
display: block;
margin-bottom: 26px;
}
.classes-section .inner-block .lower-content .info-box li{
position: relative;
display: inline-block;
font-size: 15px;
font-family: 'M PLUS Rounded 1c', sans-serif;
color: #fff;
margin: 0px 10px;
text-transform: uppercase;
}
.classes-section .inner-block .lower-content .info-box li:before{
position: absolute;
content: '';
border: 1px dashed #59688e;
width: 1px;
height: 20px;
top: 4px;
right: -12px;
}
.classes-section .inner-block .lower-content .info-box li:last-child:before{
display: none;
}
.classes-section .inner-block .lower-content .info-box li span{
color: var(--main-color);
text-transform: capitalize;
}
.classes-section .sec-title{
position: relative;
display: block;
margin-bottom: 60px;
} .classes-section.style-two{
position: relative;
display: block;
background: #253b70;
}
.classes-section.style-two .sec-title h1{
color: #fff;
}
.classes-section.style-two .inner-block{
box-shadow: none;
}
.classes-section.style-two .inner-block .lower-content .price{
margin-bottom: 31px;
}
.classes-section.style-two .inner-block .lower-content{
padding-bottom: 48px;
}
.classes-section.style-two .parallax-icon .icon-3{
left: 8% !important;
}
.classes-section.style-two .parallax-icon .icon-7{
left: 85% !important;
}
.classes-section.style-two .parallax-icon .icon-6{
left: 90% !important;
}