.whychooseus__section {
background: #443986;
}
.whychooseus__section .auto-container {
max-width: 100%;
padding: 0;
}
.whychooseus__section .left-column {
background-size: cover;
}
.whychooseus__section .shape {
position: absolute;
right: 0;
bottom: 0;
left: -150px;
top: 0;
background-size: cover;
background-position: left top;
}
.whychooseus__section .shape-two {
position: absolute;
right: 100px;
bottom: 45px;
animation: animation__6 7s linear infinite;
}
.whychooseus__section .right-column {
position: relative;
padding: 44px 0 130px;
}
.whychooseus__section .small-container {
max-width: 585px;
padding-left: 130px;
padding-right: 15px;
}
@media only screen and (min-width:1200px) {
.whychooseus__section .left-column .image {
display: none;
}
.whychooseus__section .shape {
top: -100px;
}
}
.whychooseus__section .left-column .bg-image {
position: absolute;
top: 0;
right: -85px;
bottom: 0;
left: 0;
background-size: cover;
}
.whychooseus__section .accordion-box {
position: relative;
min-height: 260px;
} .whychooseus__section2 {
position: relative;
padding: 120px 0 90px;
overflow: hidden;
}
.whychooseus__section2:before {
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
width: 70%;
background-color: #f2f2f2;
}
.whychooseus__section2 .auto-container {
max-width: 100%;
padding: 0;
}
.whychooseus__section2 .left-column {
background-size: cover;
}
.whychooseus__section2 .shape {
position: absolute;
left: -150px;
top: -180px;
width: 600px;
height: 600px;
border: 110px solid #fff;
border-radius: 50%;
}
.whychooseus__section2 .shape-two {
position: absolute;
right: 100px;
bottom: 45px;
animation: animation__6 7s linear infinite;
}
.whychooseus__section2 .right-column {
position: relative;
padding: 0 40px;
}
.whychooseus__section2 .small-container {
max-width: 600px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
margin-right: 0;
}
.whychooseus__section2 .icon-box {
position: relative;
padding-left: 100px;
margin-bottom: 30px;
}
.whychooseus__section2 .icon-box .icon {
position: absolute;
top: 0;
left: 0;
width: 75px;
height: 75px;
background-color: #fff;
line-height: 75px;
text-align: center;
border-radius: 50%;
}
.whychooseus__section2 .icon-box h4 {
position: relative;
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
color: #443986;
}
.whychooseus__section2 .icon-box .content__text {
position: relative;
}
.whychooseus__section2 .image {
position: relative;
margin-bottom: 30px;
}
.whychooseus__section2 .video-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.whychooseus__section2 .video-btn span {
position: relative;
width: 100px;
height: 100px;
text-align: center;
line-height: 100px;
border-radius: 50%;
}
.whychooseus__section2 .video-btn a {
height: 70px;
width: 70px;
line-height: 80px;
border-radius: 50%;
color: #443986;
text-align: center;
font-size: 22px;
display: inline-block;
position: relative;
background-color: #ffffff;
transition: .5s;
}
.whychooseus__section2 .video-btn a:hover {
background-color: var(--theme-color);
color: #fff;
}
.whychooseus__section2 .video-btn .ripple:before {
position: absolute;
left: -10px;
top: -10px;
right: -10px;
bottom: -10px;
content: '';
background-color: rgb(255 255 255 / 0%);
border-radius: 50%;
transition: .7s;
}
.whychooseus__section2 .video-btn .ripple:hover:before {
transform: scale(1.3);
}
.whychooseus__section2 .video-btn .ripple:after {
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgb(40 40 40 / 14%);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.14);
box-shadow: 0 0 0 0 rgb(40 40 40 / 14%);
-webkit-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.whychooseus__section2 .video-btn .ripple:after {
-webkit-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
right: 0;
bottom: 0;
} .whychooseus__section2.style__two .shape {
border: 45px solid #f6f6f5;
width: 180px;
height: 180px;
left: auto;
top: auto;
right: 50px;
bottom: 50px;
}
.whychooseus__section2.style__two .shape-two {
right: 170px;
bottom: 180px;
}
.whychooseus__section2.style__two:before {
opacity: 0;
}
.whychooseus__section2.style__two .small-container {
margin-right: auto;
margin-left: 0;
padding-left: 45px;
}
.whychooseus__section2.style__two .left-column {
padding: 0 40px;
}
.whychooseus__section2.style__two .right-column {
padding: 0;
}
.whychooseus__section2.style__two .icon-box .icon {
background-color: #f6f6f5;
}