@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@300;400;500;600;700;800&display=swap");

/* AOPS Brand Color Overrides */
:root {
    --primary-color: #153E83;
    --secondary-color: #9F1B38;
    --gradient-primary: linear-gradient(90deg, #153E83 0%, #9F1B38 100%);
}

/* Button Gradients */
.theme-btn,
.main-button .theme-btn {
    background: linear-gradient(90deg, #153E83 0%, #9F1B38 100%);
    border: none;
}

.theme-btn:hover,
.main-button .theme-btn:hover {
    background: linear-gradient(90deg, #0f2d5e 0%, #7a1529 100%);
}

/* CTA Marketing Background Gradient */
.cta-marketing-wrapper {
    background: linear-gradient(90deg, rgba(21, 62, 131, 0.95) 0%, rgba(159, 27, 56, 0.95) 100%);
}

/* CTA Contact Background Gradient */
.cta-contact-wrapper {
    background: linear-gradient(90deg, rgba(21, 62, 131, 0.92) 0%, rgba(159, 27, 56, 0.92) 100%), 
                url('../img/cta-contact-bg.jpg') no-repeat center center / cover;
}

/* CTA Wrapper Background Gradient */
.cta-wrapper {
    background: linear-gradient(90deg, rgba(21, 62, 131, 0.92) 0%, rgba(159, 27, 56, 0.92) 100%), 
                url('../img/cta-bg.jpg') no-repeat center center / cover;
}

/* Counter Section Background Gradient */
.cta-counter-wrapper {
    background: linear-gradient(90deg, rgba(21, 62, 131, 0.9) 0%, rgba(159, 27, 56, 0.9) 100%), 
                url('../img/counter-bg.jpg') no-repeat center center / cover;
}

/* Audience Section Background */
.audience-section {
    background: linear-gradient(90deg, #153E83 0%, #9F1B38 100%);
}

/* Header Button */
.header-button .theme-btn {
    background: linear-gradient(90deg, #153E83 0%, #9F1B38 100%);
}

/* Service Card Hover */
.service-card-items:hover .service-btn {
    color: #153E83;
}

/* Link Colors */
a:hover {
    color: #153E83;
}

/* Global Font */
body,
button,
input,
select,
textarea {
    font-family: "League Spartan", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "League Spartan", sans-serif;
}

/* Hero Button Sizing */
.hero-section .main-button .theme-btn {
    padding: 14px 28px;
}

.hero-section .main-button .arrow-btn {
    width: 44px;
    height: 44px;
    line-height: 44px;
}

/* FAQ CTA Image Sizing */
.faq-cta .cta-img img {
    max-width: 260px;
    width: 100%;
    height: auto;
}

@media (max-width: 991px) {
    .faq-cta .cta-img img {
        max-width: 220px;
    }
}

/* Hero Section Spacing */
.hero-2 {
    padding: 140px 0 20px;
    margin-bottom: 0;
}

/* Hero Background Gradient (lighter brand) */
.hero-2 {
    background-image: linear-gradient(135deg, rgba(21, 62, 131, 0.85) 0%, rgba(159, 27, 56, 0.75) 100%);
    background-color: #1d4fa0;
}

@media (max-width: 991px) {
    .hero-2 {
        padding: 120px 0 20px;
    }
}

/* Icon Colors */
.icon-01, .icon-02, .icon-03 {
    color: #153E83;
}

/* Sub-title Background Colors */
.sub-title.bg-color-2 {
    background-color: rgba(21, 62, 131, 0.1);
}

.sub-title.bg-color-2 span {
    color: #153E83;
}

.sub-title.bg-color-3 {
    background-color: rgba(255, 255, 255, 0.15);
}

/* Newsletter Button */
.newsletter-btn {
    background: linear-gradient(90deg, #153E83 0%, #9F1B38 100%);
}

.newsletter-btn:hover {
    background: linear-gradient(90deg, #0f2d5e 0%, #7a1529 100%);
}

/* Circle Button */
.circle-button {
    background: linear-gradient(90deg, #153E83 0%, #9F1B38 100%);
}

.circle-button:hover {
    background: linear-gradient(90deg, #0f2d5e 0%, #7a1529 100%);
}

/* Arrow Button */
.arrow-btn {
    background: linear-gradient(135deg, #153E83 0%, #9F1B38 100%);
}

/* Case Studies Hover Background */
.case-studies-items:hover {
    background: linear-gradient(90deg, rgba(21, 62, 131, 0.05) 0%, rgba(159, 27, 56, 0.05) 100%);
}

/* Footer Logo Size Fix */
.footer-section .widget-head img,
.footer-section .single-footer-widget .widget-head img {
    max-width: 180px;
    height: auto;
}

/* Mobile Menu Logo Sizing */
.offcanvas__logo img,
.header-logo-3 img {
    max-width: 140px;
    height: auto;
}

@media (max-width: 575px) {
    .offcanvas__logo img,
    .header-logo-3 img {
        max-width: 120px;
    }
}

/* Hero Image Positioning and Styling */
.hero-image img[src*="solicitors"] {
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

/* About Section Image Styling */
.about-image img[src*="solicitors"] {
    width: 100%;
    height: 550px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

@media (max-width: 991px) {
    .hero-image img[src*="solicitors"] {
        height: 450px;
    }
    
    .about-image img[src*="solicitors"] {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .hero-image img[src*="solicitors"],
    .about-image img[src*="solicitors"] {
        height: 350px;
    }
}

/* Service Card Images */
.service-card-items .icon img,
.service-card-items img[src*="professionals"] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

/* News/Blog Images */
.news-card-items img,
.news-items img[src*="professionals"] {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

/* Testimonial Client Images */
.client-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

/* Client Logo Size (Industries Section) */
.client-logo img {
    width: 120px;
    height: auto;
    object-fit: contain;
}

/* Testimonial Main Image */
.testimonial-image img[src*="professionals"] {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

/* Testimonial Quote Icon */
.testimonial-card-items .icon i {
    font-size: 28px;
    color: #153E83;
}

/* CTA Image Styling */
.cta-img img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

/* Consultation CTA Layout Fix */
.cta-marketing-wrapper {
    padding-right: 360px;
}

.cta-marketing-wrapper .content,
.cta-marketing-wrapper .cta-input {
    position: relative;
    z-index: 2;
}

.cta-marketing-wrapper .cta-marketing-image {
    width: 320px;
    z-index: 1;
}

@media (max-width: 1399px) {
    .cta-marketing-wrapper {
        padding-right: 60px;
    }
}

/* Hide Template Decorative Placeholders */
.trophy-shape,
.left-shape,
.right-shape,
.rocket-shape,
.hero-image .bg-shape,
.hero-image .box-shape,
.hero-image .gap-shape,
.hero-image .cursor-shape,
.feature-secton .bg-shape,
.cta-counter-section .bg-shape,
.cta-counter-wrapper .shape-img,
.service-section .bg-shape-2,
.about-section-2 .bg-shape,
.about-section-2 .right-shape,
.about-image .box-shape,
.about-image .gap-shape,
.testimonial-image .rocket-shape,
.testimonial-image .msg-shape,
.text-circle img,
.rokect-shape {
    display: none !important;
}

/* Partner Brand Icons */
.brand-img img[src*="partners"] {
    width: 140px;
    height: 80px;
    object-fit: contain;
    filter: none;
    opacity: 1;
}