﻿/* Local accessibility and editorial refinements. Keep theme animations intact. */
body { font-family: 'Roboto', sans-serif; }
.work-section .row-2 .item .text-row .text,
footer .text { color: #595563; }
.pink-text,
.about-section .text-section span,
.about-section .media .heading { color: #bc1744; }
.banner-section { background-color: #c81849; overflow: hidden; }
.btn.pink-btn,
.btn.btn-hvr-pink:hover { background-color: #bc1744; border-color: #bc1744; color: #fff; }
.btn.btn-hvr-purple:hover { background-color: #390e85; border-color: #390e85; }
.header-appear .navbar-top-default { background: linear-gradient(30deg, #350d82, #70209d); }
.banner-section .img-area { width: 100%; position: relative; z-index: 2; }
.banner-section .img-area img { width: 76%; max-height: 68vh; object-fit: cover; object-position: center; border-radius: 120px 120px 0 0; }
.work-section .icons i { color: #522075; }
.work-section .icons i:hover { color: #bc1744; }
.contact-section .form-control { color: #302b36; border-color: #8a8491; }
.contact-section .form-control::placeholder { color: #625b68; opacity: 1; }
.contact-section .form-control:focus { border-color: #60238b; box-shadow: 0 0 0 3px rgba(96,35,139,.18); }
a:focus-visible { outline: 3px solid #60238b; outline-offset: 4px; }
header a:focus-visible, .banner-section a:focus-visible { outline-color: #fff; }
.blog-section .img-section img { max-width: 100%; height: auto; }
.client-section .owl-carousel .owl-item img { aspect-ratio: 182 / 38; }
@media (max-width: 992px) {
  .navbar.navbar-top-default { background: linear-gradient(30deg, #350d82, #70209d); }
  .banner-section .img-area img { width: 72%; max-height: 480px; margin: 24px auto 0; }
}
@media (max-width: 767px) {
  .banner-section .img-area img { max-height: 360px; }
}
