header.main-header { background-color: var(--white-color); }

.core-services { background-color: var(--secondary-color); padding: 100px 0; }
.core-services .feature-card { background: 0 0; border: none; padding: 0; }
.core-services .feature-card:hover { transform: none; box-shadow: none; }
.core-services .feature-card:hover .feature-card-icon { background-color: var(--purple-color); color: var(--white-color); }
.core-services .feature-card-icon { background-color: var(--white-color); color: var(--purple-color); border-radius: 14px; margin-bottom: 0; transition: background-color .25s ease; }

.feature-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.feature-card-link { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background-color: var(--white-color); border: 1px solid var(--divider-color); color: var(--purple-color); font-size: 14px; transition: all .25s ease; }
.feature-card-link:hover { border-color: var(--purple-color); color: var(--purple-color); }

.feature-cta-card { display: flex; flex-direction: column; align-items: flex-start; background-color: var(--purple-color); border-radius: 20px; padding: 30px; color: var(--white-color); }
.feature-cta-card h3 { color: var(--white-color); font-size: 1.15rem; margin-bottom: 10px; }
.feature-cta-card p { color: rgba(255, 255, 255, .8); font-size: .95rem; line-height: 1.5; margin-bottom: 20px; }
.feature-cta-card .btn-default { margin-top: auto; align-self: flex-start; }
.feature-cta-card .btn-white::after { background-color: var(--purple-color); }

.our-process { padding: 100px 0; }

/* About Page Specific Styles */
.right-content-section-image { position: relative; margin-right: 20px; padding-bottom: 75px; }

.about-img-2 {
    width: clamp(250px, 60%, 450px);
    z-index: 2;
    position: absolute;
    right: -5%;
    bottom: 0;
    transition: transform 0.4s ease;
}

.about-img-2 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 40px;
    border: 8px solid var(--white-color);
}

@media only screen and (max-width: 767px) {
    .core-services { padding: 50px 0; }
    .our-process { padding: 50px 0; }
    
    .right-content-section-image { padding-bottom: 100px; }
    
    .about-img-2 {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 85%;
        bottom: 0;
    }
}