/*===========================
9.ACTION css
===========================*/
.action-area{
padding-left: 30px;
padding-right: 30px;
margin-top: -200px;
@media #{$xs} {
padding-left: 0;
padding-right: 0;
}
@media #{$sm} {
padding-left: 30px;
padding-right: 30px;
}
& .action-overlay {
background: $heading-color;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-radius: 30px;
padding: 93px 0px 83px;
}
& .action-bg{
padding-left: 35px;
padding-right: 35px;
@media #{$xs} {
padding-left: 0px;
padding-right: 0px;
}
@media #{$sm} {
padding-left: 30px;
padding-right: 30px;
}
& .action-content{
& span{
color: $white;
}
& .title{
font-size: 70px;
color: $white;
@media #{$lg} {
font-size: 54px;
}
@media #{$md} {
font-size: 54px;
}
@media #{$xs} {
font-size: 40px;
}
@media #{$sm} {
font-size: 46px;
}
}
}
& .action-btn{
@media #{$md} {
margin-top: 20px;
}
@media #{$xs} {
margin-top: 20px;
}
& i{
padding-right: 6px;
}
}
}
}