﻿/* Cycling-only readability and responsive corrections. */
:root { --cycling-accent: #ba3415; }
body { font-weight: 400; }
.navbar-top-default { top: 48px; background: #0e1f39; }
.header-appear .navbar-top-default { top: 48px; background: #fff; }
.bg-banner::before { background: linear-gradient(90deg, rgba(14,31,57,.72) 0%, rgba(14,31,57,.55) 43%, rgba(14,31,57,.12) 72%, transparent 100%); }
.bg-banner .height { min-height: 650px; height: calc(100vh - 48px); }
.banner-text, .banner-des, .banner-div .button { font-weight: 400; color: #fff; }
.banner-div { padding-top: 65px; }
.bg-orange { background-color: var(--cycling-accent); }
.btn.btn-orange, .btn.orange-btn, .orange-and-blue-btn, .popular-badge,
.btn-outline:hover, .stat-item:hover .stat-icon, .team-social li a:hover,
.go-top, .go-top::before { background-color: var(--cycling-accent); border-color: var(--cycling-accent); color: #fff; }
.team-sec .heading-area .sub-title, .team-role,
.portfolio-sec .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active,
.portfolio-sec .cbp-l-filters-button .cbp-filter-item:hover { color: var(--cycling-accent); }
.stat-icon, .stat-num::after { color: var(--cycling-accent); }
.stat-label { color: #535d6b; }
.plan-features li.disabled { opacity: 1; color: #c5cddb; }
.pricing-card.featured .plan-features li.disabled { color: #626b78; }
.plan-features li.disabled i { color: inherit; }
.pricing-card .price-num, .pricing-card .plan-features li:not(.disabled) i { color: #ff815e; }
.pricing-card.featured .price-num, .pricing-card.featured .plan-features li:not(.disabled) i { color: var(--cycling-accent); }
.pricing-card .plan-price { color: #d1d7e0; }
.pricing-card.featured .plan-price { color: #535d6b; }
.pricing-btn:focus-visible, .pricing-btn:hover { color: #fff; }
.cta-sec::before { background: linear-gradient(90deg, rgba(14,31,57,.75), rgba(14,31,57,.55) 60%, rgba(14,31,57,.12)); }
.cta-text p { color: #fff; }
.contact-form .form-control::placeholder { color: #59616d; opacity: 1; }
.contact-form .form-control, .contact-form .form-control:focus { color: #0e1f39; }
.app-feature p { font-weight: 400; line-height: 1.65; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #d65b35; outline-offset: 4px; }
section[id] { scroll-margin-top: 150px; }
@media (min-width: 992px) and (max-width: 1450px) {
  .navbar-simple .navbar-nav .nav-link { padding-inline: .85rem; font-size: 14px; }
  .nav-button { left: 0; margin-right: 35px; }
}
@media (max-width: 767px) {
  .bg-banner { height: auto; margin-top: 100px; padding: 210px 0 0; background-size: auto 260px; background-position: 64% top; background-repeat: no-repeat; }
  .bg-banner::before { height: 210px; background: linear-gradient(0deg, rgba(14,31,57,.2), transparent 75%); }
  .bg-banner .height { top: 0; height: auto; min-height: 0; background: var(--cycling-accent); padding: 48px 0 66px; }
  .banner-div { top: 0; padding: 0; }
  .banner-heading { font-size: 38px; line-height: 1.15; }
  .banner-text { font-size: 16px; }
  .banner-des { line-height: 1.65; }
  .bg-banner::after { bottom: 15px; height: 28px; width: 18px; }
  .cta-sec::before { background: rgba(14,31,57,.66); }
  .company-about { font-size: 12px; line-height: 1.7; }
}
/* Real image crops replace the empty testimonial avatar placeholders. */
.reviews-sec .img-holder img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; }
