/* Accessible rose / blue palette; keep the original layout and motion. */
:root { --conen-rose: #ae2851; --conen-blue: #1866ac; --conen-ink: #303943; }
.bg-gradient, .header-appear .navbar-top-default, .side-menu, .go-top {
    background: linear-gradient(110deg, var(--conen-rose), #75518f 48%, var(--conen-blue));
}
.btn.btn-pink { background: var(--conen-rose); border-color: var(--conen-rose); color: #fff; }
.btn.btn-primary { background-image: linear-gradient(110deg, var(--conen-rose), var(--conen-blue), var(--conen-rose)); }
.btn.btn-white { color: var(--conen-rose); }
.btn.btn-pink:hover, .btn.btn-pink:focus-visible { background: #82203e; border-color: #82203e; color: #fff; }
.btn.btn-white:hover, .btn.btn-white:focus-visible { background: #303943; color: #fff; }
.services-sec .sub-heading, .skill-sec .sub-heading, .pricing-sec .pricing-details .sub-heading,
.address-text h5, .qoute-sec .qoute span,
.services-sec .our-services .service-card:hover .service-card-heading { color: var(--conen-rose); }
.skill-sec .sub-heading span { background-color: var(--conen-rose); }
.text-gradient,
.pricing-sec .pricing-card.active:nth-child(2) .pricing-card-heading,
.pricing-sec .pricing-card.active:nth-child(2) .pricing-amount,
.pricing-sec .pricing-card.active:nth-child(2) .pricing-amount span,
.pricing-sec .pricing-card:hover .pricing-card-heading,
.pricing-sec .pricing-card:hover .pricing-amount,
.pricing-sec .pricing-card:hover .pricing-amount span {
    background: none; color: #82406b; -webkit-text-fill-color: currentColor;
}
.servcies-text, .skill-sec .text,
.services-sec .our-services .service-card .service-card-detail,
.skill-sec .skill-detail .skill-bars .progress-item h6,
.pricing-sec .pricing-details .text, .pricing-sec .pricing-card .pricing-card-text,
.pricing-sec .pricing-card .pricing-features li, .address-text p {
    color: #4c555e; opacity: 1; font-weight: 400; line-height: 1.7;
}
.project-sec .project-detail-area .project-detail-slide .inner-content .text {
    opacity: 1; font-weight: 400; font-size: 16px; text-align: left;
}
.slider-form .contact-form input::placeholder { color: #58636d; opacity: 1; }
.slider-form .contact-form input { padding-right: 20px; }
.slider-form .contact-form .form-control { border-color: #b1bac3; }
a:focus-visible, .slider-form input:focus-visible { outline: 3px solid #1866ac; outline-offset: 4px; }
.side-menu a:focus-visible, header a:focus-visible { outline-color: #fff; }
/* The upper testimonial text gets a solid gradient; a light veil protects
   the lower attribution while leaving the office photo visible. */
.client-sec { background-image: linear-gradient(to bottom, transparent 45%, rgba(255,255,255,.94) 62%, rgba(255,255,255,.94) 90%, rgba(255,255,255,.45)), url('../images/client-bg.jpg'); }
.client-sec .client-sec-overlay { opacity: 1; background: linear-gradient(110deg, var(--conen-rose), #75518f, var(--conen-blue)); }
.client-sec .client-container .client-img-overlay .client-text { font-weight: 400; }
.client-sec .client-container .client-detail .client-name { color: #902143; }
.client-sec .client-container .client-detail .client-des { color: #303943; }
.client-sec .client-container .client-detail { padding: 12px 15px; max-width: 400px; background: rgba(255,255,255,.94); border-radius: 12px; }
.pricing-sec .pricing-card .pricing-amount { font-size: 48px; white-space: nowrap; }
.pricing-sec .pricing-card .pricing-features { padding-left: 0; }
.skill-banner img { width: 100%; height: auto; }
.project-img-slide img { width: 100%; height: auto; }
#map { position: relative; height: 400px; overflow: hidden; background: #e9ecea; }
#map > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.map-caption { position: absolute; bottom: 16px; left: 16px; padding: 7px 12px; border-radius: 4px; background: #fff; color: #303943; font: 14px/1.5 'Roboto', sans-serif; }
.address-text p { font-size: 16px; }
@media (min-width: 992px) {
    .banner-sec { min-height: 800px; }
    .slider-form { top: max(536px, 67vh); }
    .slider-form .contact-form .form-group { min-width: 0; flex: 1; }
    .slider-form .contact_btn { padding-left: 22px; padding-right: 22px; }
}
@media (max-width: 991px) {
    .slider-form { position: relative; top: auto; left: auto; right: auto; transform: none; padding-top: 60px; }
    .banner-sec { height: auto; min-height: 640px; padding-top: 120px; padding-bottom: 80px; }
    .banner-sec .height { height: auto; min-height: 440px; }
    .banner-heading { width: 100%; font-size: clamp(32px, 8vw, 44px); }
    .banner-text { width: 100%; font-size: 16px; }
    .slider-form .contact-form { border-radius: 24px !important; }
    .slider-form .contact-form input { width: 100%; margin-right: 0; }
    .skill-sec .skill-banner { padding-left: 0; }
    .project-sec .project-detail-area .project-detail-slide .inner-content .text { text-align: center; }
}