.edubin-hero-4 {
background-repeat: no-repeat;
background-size: cover;
background-position: 100% 70%;
overflow: hidden;
position: relative;
z-index: 1;
}
.edubin-hero-4 .shape-1 {
position: absolute;
top: 0;
left: 0;
transform: translate(-35%, -3%);
z-index: -1;
}
.edubin-hero-4 .shape-2 {
position: absolute;
top: 0;
left: 0;
transform: translate(-31%, -24%);
z-index: -1;
}
.edubin-hero-4 .shape-3 {
position: absolute;
bottom: 140px;
left: -10px;
z-index: -1;
-webkit-animation: round 7s linear infinite;
animation: round 7s linear infinite;
}
.edubin-hero-4 .shape-5 {
position: absolute;
bottom: 48%;
left: 15%;
width: 50px;
height: 50px;
border: 3px solid #ff9071;
border-radius: 50%;
-webkit-animation: zoom-in 5s linear infinite;
animation: zoom-in 5s linear infinite;
z-index: -1;
}
.edubin-hero-4 .shape-6 {
position: absolute;
right: 0;
bottom: 0;
transform: translate(74%, 32%);
z-index: -1;
}
.edubin-hero-4 .shape-7 {
position: absolute;
right: 0;
bottom: 0;
transform: translate(52%, 70%);
z-index: -2;
}
.edubin-hero-4 .hero-content {
max-width: 600px;
padding-top: 120px;
position: relative;
}
.edubin-hero-4 .hero-content .shape-4 {
position: absolute;
bottom: -95px;
left: 15px;
z-index: -1;
-webkit-animation: bounce-animate 5s infinite linear;
animation: bounce-animate 5s infinite linear;
}
.edubin-hero-4 .hero-content .sign img {
margin: 0;
margin-bottom: 25px;
}
.edubin-hero-4 .title {
font-size: 48px;
font-weight: 700;
text-transform: uppercase;
line-height: 60px;
margin-top: 15px;
}
.edubin-hero-4 .title span {
display: inline-block;
padding-left: 20px;
padding-right: 40px;
}
.edubin-hero-4 .description {
margin-top: 20px;
}
@media only screen and (max-width: 450px) {
.edubin-hero-4 .title span {
padding-left: 15px;
padding-right: 15px;
}
}