.about-us-section {
position: relative;
padding: 150px 0 120px;
}
.about-us-section .image-wrapper {
position: relative;
margin-bottom: 30px;
padding-left: 100px;
padding-bottom: 80px;
}
.about-us-section .image-wrapper .shape-one {
position: absolute;
top: -40px;
left: 45px;
}
.about-us-section .image-wrapper .shape-two {
position: absolute;
right: 10px;
bottom: 39px;
}
.about-us-section .image {
position: relative;
overflow: hidden;
}
.about-us-section .image img {
border-radius: 30px;
}
.about-us-section .image:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255, .2);
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
z-index: 10;
}
.about-us-section .image:hover:before {
-webkit-animation: circle .95s;
animation: circle .95s;
}
.about-us-section .years-of-experience {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: 230px;
height: 240px;
padding: 55px 0;
z-index: 99;
}
.about-us-section .years-of-experience:before {
position: absolute;
content: '';
top: -21px;
left: -77px;
background-image: url(//icatch.pt/wp-content/uploads/cache/images/shape/shape-4.png);
background-repeat: no-repeat;
background-position: 50% 50%;
width: 328px;
height: 332px;
}
.about-us-section .years-of-experience h4 {
position: relative;
font-size: 70px;
line-height: 70px;
font-weight: 700;
margin-bottom: 10px;
}
.about-us-section .years-of-experience .text {
position: relative;
font-size: 16px;
font-weight: 500;
color: #222;
}
.about-us-section .content-block .text {
position: relative;
margin-bottom: 30px;
}
.about-us-section .list {
position: relative;
margin-bottom: 30px;
}
.about-us-section .list li {
position: relative;
margin-bottom: 6px;
font-size: 16px;
padding-left: 30px;
color: #848484;
}
.about-us-section .list li:before {
position: absolute;
content: "\f11f";
left: 0;
top: 0;
background-repeat: no-repeat;
font-family: 'Flaticon';
color: #21c58e;
} .about-us-section.style-two .image img {
border-radius: 50%;
}
.about-us-section.style-two .image-wrapper .shape-one {
left: 120px;
top: -24px;
}
.about-us-section.style-two .image-wrapper .shape-two {
right: 40px;
bottom: 65px;
}
.about-us-section .years-of-experience svg {
position: absolute;
top: -32px;
right: -32px;
}
.about-us-section .years-of-experience:before {
display: none;
} .about-us-section-two {
position: relative;
padding: 235px 0 120px;
background-color: #e9f7f2;
}
.about-us-section-two .content-block {
position: relative;
margin-bottom: 30px;
}
.about-us-section-two .content-block .text {
position: relative;
margin-bottom: 30px;
}
.about-us-section-two .offer {
position: absolute;
box-shadow: -28.284px 28.284px 60px 0px rgba(37, 59, 112, 0.1);
width: 200px;
height: 200px;
background-color: #fff;
border-radius: 50%;
font-size: 60px;
font-weight: 700;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
top: 23%;
left: -112px;
}
.about-us-section-two .offer h4 {
font-size: 30px;
font-weight: 700;
line-height: 22px;
}
.about-us-section-two .offer h4 span {
font-size: 14px;
color: #061a3a;
}
.about-us-section-two .image-wrapper {
position: relative;
margin-left: 70px;
}
.about-us-section-two .image {
position: relative;
margin-top: -60px;
}
.about-us-section-two .image .bg {
position: absolute;
bottom: 0px;
left: -41px;
border-radius: 50%;
width: 500px;
height: 500px;
}
.about-us-section-two .image img {
position: relative;
}
.about-us-section-two .shape-one {
position: absolute;
bottom: 67px;
left: -64px;
}
.about-us-section-two .shape-two {
position: absolute;
right: 10px;
top: 187px;
}