/* --------------------------- About Us CSS Optimized --------------------------- */

/* -------------------- Who we are images animation start -------------------- */

.image-column-3 .inner-column .image1,
.image-column-3 .inner-column .image1 {
position: relative;

}

.image-column-3 .inner-column .image1 img:nth-child(2),
.image-column-3 .inner-column .image2 img:nth-child(2) {
width: 100%;
display: block;
position: relative;
transition: .4s ease;
z-index: 0;
}

.image-column-3 .inner-column .image1:hover::after,
.image-column-3 .inner-column .image2:hover::after {
opacity: 1 !important;
visibility: visible !important;
z-index: 2 !important;
}

.image-column-3 .inner-column .image1 img:nth-child(1),
.image-column-3 .inner-column .image2 img:nth-child(1) {
position: absolute;
left: 0;
top: 0;
width: 100%;
transition: .4s ease;
transform: translateX(50%) scaleX(2);
opacity: 0;
filter: blur(10px);
z-index: 2;
}

.image-column-3 .inner-column .image1::after,
.image-column-3 .inner-column .image2::after {
position: absolute;
bottom: 0;
left: 0;
width: 100% !important;
height: 100% !important;
background: linear-gradient(-135deg, rgba(23, 23, 23, 0) 0%, rgba(23, 23, 23, 0) 65%, var(--theme-color1) 100%);
content: "";
z-index: 0;
opacity: 0;
transition: all 300ms ease;
visibility: hidden;
z-index: 1;
}

.image-column-3 .inner-column .image1:hover img:nth-child(1),
.image-column-3 .inner-column .image2:hover img:nth-child(1) {
transform: translateX(0) scaleX(1);
opacity: 1;
filter: blur(0);
}

.image-column-3 .inner-column .image1,
.image-column-3 .inner-column .image2 {
overflow: hidden;
}

.image-column-3 .inner-column .image2 {
z-index: 2;
}

.image-column-3 .inner-column .image1 {
max-width: 500px;
border-radius: 25px;
border: 10px solid var(--theme-color-white);
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1019607843);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1019607843);
}

/* ------------- who we are images animation end ------------- */

/* ------------- leadership message hover start ------------- */

.testimonial-block-five .inner-box .thumb:hover::after {
opacity: 1;
visibility: visible;
}

.testimonial-block-five .inner-box .thumb::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(-135deg, rgba(23, 23, 23, 0) 0%, rgba(23, 23, 23, 0) 65%, var(--theme-color1) 100%);
opacity: 0;
visibility: hidden;
transition: all 300ms ease;
z-index: 2;
}

.testimonial-block-five .inner-box .thumb {
position: relative;
display: inline-block;
overflow: hidden;
}

.testimonial-block-five .inner-box .thumb img {
position: absolute;
left: 0;
top: 0;
width: 100%;
transition: .4s ease;
}

.testimonial-block-five .inner-box .thumb img:nth-child(1) {
position: absolute;
left: 0;
top: 0;
width: 100%;
transition: .4s ease;
transform: translateX(50%) scaleX(2);
opacity: 0;
filter: blur(10px);
z-index: 2;
}

.testimonial-block-five .inner-box .thumb img:nth-child(2) {
transform: translateX(0) scaleX(1);
opacity: 1;
filter: blur(0);
position: relative;
transition: .4s ease;
}


.testimonial-block-five .inner-box .thumb:hover img:nth-child(1) {
transform: translateX(0) scaleX(1);
opacity: 1;
filter: blur(0);
}


.testimonial-block-five .inner-box .thumb:hover img:nth-child(2) {
transform: translateX(-50%) scaleX(2);
opacity: 0;
filter: blur(10px);
}

/* ------------- leadership message hover end ------------- */

#why-choose-us-placeholder .why-choose-section,
#leadership-message-placeholder .how-it-work-section {
background-color: var(--navy-blue);
}

#why-choose-us-placeholder>*,
#why-choose-us-placeholder .why-choose-us-content-1 .why-choose-list p,
#why-choose-us-placeholder .why-choose-us-content-1 .why-choose-list h3,
#why-choose-us-placeholder .sec-title .sub-title,
#leadership-message-placeholder .sec-title .sub-title {
color: var(--theme-color-white);
}

.testimonial-block-five .inner-box .content-box .info-box .user-info .name,
.testimonial-block-five .inner-box .content-box .info-box .user-info .designation,
.testimonial-block-five .inner-box .content-box .text {
color: var(--navy-blue);
font-family: var(--poppins-font);
}

.testimonial-block-five .inner-box .content-box .info-box .user-info .name {
font-size: var(--sub-heading-with-triangle);
line-height: 16px;
font-weight: 700;
margin-bottom: 0;
}



/* Skeleton Text */
.skeleton-text {
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
margin-bottom: 80px;
}

.skeleton-text .nr-list,
.skeleton-text h4 {
margin-bottom: 0;
}

.skeleton-text h4 {
text-transform: uppercase;
}

.skeleton-text h4 span {
-webkit-text-stroke: 0.5px var(--navy-blue);
font-family: var(--poppins-font);
font-size: 90px !important;
}

.skeleton-text img {
height: 45px;
width: 45px;
}

/* NR List */
.nr-list .title {
max-width: fit-content;
}

.nr-list .title span {
margin-right: 0;
}

.nr-list .title:hover span {
color: var(--navy-blue);
}

/* Counter */
.counter-box-one h2 {
font-size: var(--h2-font-size);
font-family: var(--poppins-font);
font-weight: 500;
}

/* Testimonial */
.testimonial-block-five .inner-box .content-box {
border: none;
padding-right: 20px;
background: var(--theme-color-white);
}

.testimonial-block-five .inner-box .content-box .info-box {
border-top: 1px solid var(--navy-blue);
}

/* Service Wrapper & Blocks */
.service-wrapper {
margin: 0 30px;
border-radius: 30px;
}

.service-block-four .content .text {
font-family: var(--poppins-font);
}

.service-block-four:hover {
border: none;
}

.service-block-four:hover .content .title,
.service-block-four:hover .content .text {
color: var(--navy-blue);
}

.service-block-four:before {
background: var(--cpc-gradient);
}

.service-block-four .icon .animated-svg {
font-size: 44px;
color: var(--bright-yellow);
}

.service-block-four .content .link-btn:hover {
color: var(--gold-yellow);
}

/* Case Section */
.case-block-three .icon,
.case-section-three {
border-radius: 30px;
}

.case-section-three {
padding: 25px 0 !important;
margin: 0 30px 80px;
}

.case-section-three .auto-container {
padding: 0 15px;
}

/* How It Works */
.how-it-work-section {
border-radius: 30px;
}

.how-it-work-section.gray-bg {
padding: 60px 40px;
border-radius: 30px !important;
}

.how-it-work-items-style-3.style-2 {
margin: 20px;
}

.how-sec-text {
margin-top: 35px;
}

.how-sec-text a:hover {
color: var(--gold-yellow);
}

/* Why Choose Us */
.why-choose-us-content-1 .nav .nav-item,
.why-choose-us-content-1 .nav .nav-item .nav-link {
position: relative;
transition: all 0.4s ease;
overflow: hidden;
}

.why-choose-us-content-1 .nav .nav-item .nav-link::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--cpc-gradient);
opacity: 0;
transition: opacity 0.4s ease;
z-index: -1;
}

.why-choose-us-content-1 .nav .nav-item:hover .nav-link::before {
opacity: 1;
}

.why-choose-us-content-1 .choose-us-progressbar {
gap: 15px;
}

.why-choose-us-content-1 .circular-progress {
width: 130px;
height: 130px;
}

.why-choose-us-content-1 .circular-progress::before {
width: 105px;
height: 105px;
}

/* Images */
.image-column-3 .inner-column .image1 img {
width: 481px;
height: 370px;
object-fit: cover;
}

.image-column-3 .inner-column .image2 img {
height: 100%;
}

.image-column-3 .inner-column .image2 {
height: 250px;
max-width: 270px;
}

.image-column-3 .inner-column .image2:hover img,
.image-column-3 .inner-column .image1:hover img {
filter: none;
}

.overlay-anim:hover:after {
display: none;
}

/* Marquee */
.marquee-starts-section .text img {
height: 60px;
width: 60px;
}

/* About Content 3 */
.about-content-3 .info {
min-width: fit-content;
max-width: 550px;
}

.about-content-3 .info .user {
margin-top: 45px;
}

.about-content-3 .info .user .sub-title {
color: var(--charcoal-gray);
}

/* Custom Lists */
.custom-about-us-list {
margin-left: 25px;
}

.cpc-testimonial-section .theme-btn {
margin-top: 0 !important;
}

.case-section-three .content-column .inner-column .info li {
font-weight: 400 !important;
}

/* Responsive Adjustments */
@media (max-width: 1199.98px) {
.case-section-three .content-column .inner-column {
margin-left: 0;
margin-top: 0;
}

.case-section-three {
padding-bottom: 60px;
}
}

@media (max-width: 991px) {
.skeleton-text h4 span {
font-size: 56px !important;
}

.service-block-four {
padding: 40px 25px 35px 30px;
min-height: -webkit-fill-available;
}

.how-it-work-section.gray-bg {
margin: 0 15px;
padding: 25px 25px !important;
}

.how-it-work-section>.auto-container {
padding: 0;
}

#leadership-message-placeholder .auto-container,
#what-sets-us-apart-placeholder .auto-container {
padding-left: 0 !important;
padding-right: 0 !important;
}

.cpc-testimonial-section .theme-btn {
margin-bottom: 25px !important;
}
}

@media (max-width: 787px) {
.testimonial-block-five:last-child .inner-box {
flex-direction: column;
}

.testimonial-block-five .inner-box .content-box {
border-radius: 0 0 20px 0;
}

.testimonial-block-five .inner-box .thumb {
min-width: 100%;
}

.how-it-work-section .row {
margin-top: 40px;
}

.counter-box-one {
text-align: left;
}

.how-sec-text {
text-align: left !important;
}

.sec-title {
text-align: left !important;
}

.case-section-three {
margin-left: 15px;
margin-right: 15px;
}
}

@media (max-width: 768px) {
.skeleton-text h4 span {
font-size: 36px !important;
}

.skeleton-text {
gap: 30px;
}

#what-sets-us-apart-placeholder .theme-btn {
margin-bottom: 15px !important;
}

.image1 .hide-on-phone {
display: none;
}
}

@media (max-width: 541px) {
.skeleton-text {
gap: 0;
padding: 0 30px;
}

.nr-list .title span {
text-align: center;
line-height: 45px;
}

.image-column-3 .inner-column .image1 img {
height: 290px;
}

.image-column-3 .inner-column .image2 {
display: none;
}

.cpc-testimonial-section .theme-btn {
margin-top: 25px !important;
}

#what-sets-us-apart-placeholder .theme-btn {
margin-bottom: 25px !important;
}

.page-title .title,
h2 {
margin-bottom: 20px !important;
}
}

/* --------------------------- About Us CSS End --------------------------- */