:root {
--color-primary: #4AAB3D;
--color-secondary: #1F1F25;
--color-body: #6E777D;
--color-heading-1: #1f1f25;
--color-white:#fff;
--color-success: #3EB75E;
--color-danger: #FF0003;
--color-warning: #FF8F3C;
--color-info: #1BA2DB;
--color-facebook: #3B5997;
--color-twitter: #1BA1F2;
--color-youtube: #ED4141;
--color-linkedin: #0077B5;
--color-pinterest: #E60022;
--color-instagram: #C231A1;
--color-vimeo: #00ADEF;
--color-twitch: #6441A3;
--color-discord: #7289da;
--p-light: 300;
--p-regular: 400;
--p-medium: 500;
--p-semi-bold: 600;
--p-bold: 700;
--p-extra-bold: 800;
--p-black: 900;
--s-light: 300;
--s-regular: 400;
--s-medium: 500;
--s-semi-bold: 600;
--s-bold: 700;
--s-extra-bold: 800;
--s-black: 900;
--transition: 0.3s;
--font-primary: "Exo", sans-serif;
--font-secondary: "Albert Sans", sans-serif;
--font-size-b1: 16px;
--font-size-b2: 16px;
--font-size-b3: 22px;
--line-height-b1: 26px;
--line-height-b2: 26px;
--line-height-b3: 1.7;
--h1: 60px;
--h2: 48px;
--h3: 30px;
--h4: 26px;
--h5: 24px;
--h6: 18px;
} .rt-iconbox-area {
overflow: hidden;
}
.rt-iconbox-area .box-inner {
position: relative;
padding: 40px 25px 20px;
box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.12);
transition: 0.4s;
overflow: hidden;
}
.rt-iconbox-area .box-inner:hover {
box-shadow: 0 8px 38px 0 rgba(0, 0, 0, 0.2);
}
.rt-iconbox-area .box-inner .rs-badge {
position: absolute;
background: #4AAB3D;
width: 60px;
height: 60px;
border-radius: 50%;
color: #ffffff;
left: -4%;
top: -10%;
z-index: 1;
transform: rotate(0deg);
padding-top: 18px;
padding-left: 10px;
font-size: 22px;
}
.rt-iconbox-area .box-inner .rs-badge small {
font-size: 12px;
color: #fff;
padding-left: 2px;
}
.rt-iconbox-area .box-inner .icon-area {
display: inline-block;
color: #4AAB3D;
transition: all ease 0.3s;
}
.rt-iconbox-area .box-inner .icon-area i {
transition: all ease 0.3s;
font-size: 50px;
}
.rt-iconbox-area .box-inner .text-area {
padding: 10px 0 0;
position: relative;
}
.rt-iconbox-area .box-inner .text-area .iconbox-title {
position: relative;
}
.rt-iconbox-area .box-inner .text-area .iconbox-title .title {
font-size: 20px;
margin: 0;
color: #1F1F25;
font-weight: 500;
line-height: 1.5;
}
.rt-iconbox-area .box-inner .text-area .iconbox-title .title a {
text-decoration: none !important;
color: #1F1F25;
}
.rt-iconbox-area .box-inner .text-area .iconbox-title .title a:hover {
color: #FD8F14;
}
.rt-iconbox-area .box-inner .text-area .iconbox-title .title:before {
content: "01.";
font-size: 50px;
font-weight: bold;
color: #4AAB3D;
position: absolute;
transition: all 0.3s ease 0s;
top: 0;
left: 0;
z-index: 9;
}
.rt-iconbox-area .box-inner .text-area .services-txt {
font-size: 15px;
margin: 0;
}
.rt-iconbox-area .box-inner .services-btn-part {
margin: 15px 0 0;
}
.rt-iconbox-area .box-inner .services-btn-part .services-btn {
position: relative;
display: inline-block;
color: #1F1F25;
transition: all ease 0.3s;
}
.rt-iconbox-area .box-inner .services-btn-part .services-btn i {
transition: all ease 0.3s;
}
.rt-iconbox-area .box-inner .services-btn-part .services-btn:hover {
color: #4AAB3D;
}
.rt-iconbox-area .box-inner .services-btn-part .services-btn.icon-after span {
float: left;
}
.rt-iconbox-area .box-inner .services-btn-part .services-btn.icon-after i {
margin-left: 10px;
transition: 0.4s;
}
.rt-iconbox-area .box-inner .services-btn-part .services-btn.icon-before span {
float: right;
}
.rt-iconbox-area .box-inner .services-btn-part .services-btn.icon-before i {
margin-right: 10px;
}
.rt-iconbox-area.iconbox-after-arrow-image .box-inner {
box-shadow: none;
overflow: visible;
}
.rt-iconbox-area.iconbox-after-arrow-image .box-inner .icon-area {
position: relative;
}
.rt-iconbox-area.iconbox-after-arrow-image .box-inner .icon-area .after-arrow-image {
position: absolute;
width: 100px;
height: 21px;
right: -150px;
top: 68px;
z-index: 1;
}