/* Local readability and presentation improvements; original styles remain intact. */
:root { --conen-green: #526f16; --conen-purple: #29234e; }
.navbar.navbar-top-default { background: #29234e; }
.banner-section { background-color: #526f16; }
.side-menu { background-color: #29234e; }
.green-text,
.about-section .text-section span,
.about-section .media .heading,
.reviews-section .carousel-section .testimonials .quote i { color: var(--conen-green); }
.btn.green-btn,
.btn.btn-hvr-green:hover { background-color: var(--conen-green); border-color: var(--conen-green); color: #fff; }
.btn.btn-hvr-purple:hover { background-color: var(--conen-purple); border-color: var(--conen-purple); }
.work-section .row-2 .item .text-row .text,
footer .text { color: #595663; }
.contact-section .form-control::placeholder { color: #62616a; opacity: 1; }
.contact-section .form-control { color: #29234e; border-color: #96939e; }
.contact-section .form-control:focus { border-color: #526f16; box-shadow: 0 0 0 3px #526f1626; }
a:focus-visible { outline: 3px solid #a6cd54; outline-offset: 4px; }
.work-section .icons i { color: #29234e; }
.work-section .icons i:hover { color: #526f16; }
.banner-section .img-area { width: 100%; }
.banner-section .img-area img { width: 90%; max-height: 68vh; object-fit: cover; border-radius: 12px 12px 0 0; }
.blog-section .img-section img { width: 100%; height: auto; border-radius: 8px; }
.work-carousel .item > img { border-radius: 8px; }
.client-section .owl-carousel .owl-item img { max-width: 182px; height: 38px; object-fit: contain; }
@media (min-width: 1201px) {
  .navbar.navbar-top-default { height: 110px; }
  .navbar-top-default .sidemenu_btn { top: 42px; }
  .header-appear .navbar-top-default { height: 90px; }
}
@media (max-width: 991px) {
  .banner-section .img-area img { width: 82%; max-height: none; margin: 0 auto; }
  .about-section, .work-section, .skills-section, .reviews-section, .blog-section { padding-top: 90px; padding-bottom: 90px; }
  .client-section { padding-bottom: 90px; }
  .contact-section { padding-top: 90px; }
  footer { padding-top: 90px; padding-bottom: 60px; }
  .work-section .row-2 .item .text-row { padding-top: 55px; }
  .about-section .top-col { margin-bottom: 35px; }
  .heading { line-height: 1.25; }
}