/* ====================================
   Compare Responsive
==================================== */

@media (max-width:992px) {

    .compare-hero-container {

        grid-template-columns: 1fr;
        text-align: center;

    }

    .compare-content {

        order: 2;

    }

    .compare-image {

        order: 1;

    }

    .compare-content p {

        margin: auto;
        margin-bottom: 35px;

    }

    .hero-buttons {

        justify-content: center;

    }

    .compare-content h1 {

        font-size: 2.5rem;

    }

    .compare-image img {

        max-width: 500px;

    }

}

@media (max-width:992px) {

    .why-compare-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media (max-width:768px) {

    .why-compare-grid {

        grid-template-columns: 1fr;

    }

}

/* Compare Platforms */

@media (max-width:992px) {

    .platform-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media (max-width:768px) {

    .platform-grid {

        grid-template-columns: 1fr;

    }

}

@media(max-width:992px) {

    .comparison-table-section {
        padding: 80px 0;
    }

    .comparison-table-section h2 {
        font-size: 2.2rem;
    }

    .compare-table {
        min-width: 950px;
    }

}

/*======================================
RESPONSIVE
======================================*/

@media(max-width:992px) {

    .performance-grid {

        grid-template-columns: 1fr;

    }

    .choose-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:768px) {

    .choose-grid {

        grid-template-columns: 1fr;

    }

    .performance-card,
    .choose-card {

        padding: 30px;

    }

    .cta-box {

        padding: 50px 30px;

    }

    .cta-box h2 {

        font-size: 2.2rem;

    }

}

/*======================================
DOCUMENTATION HERO
======================================*/

@media (max-width:992px) {

    .documentation-hero {

        padding: 90px 0;

    }

    .documentation-hero-container {

        grid-template-columns: 1fr;
        text-align: center;

    }

    .documentation-content {

        order: 2;

    }

    .documentation-image {

        order: 1;

    }

    .documentation-content h1 {

        font-size: 2.5rem;

    }

    .documentation-content p {

        margin: 0 auto 35px;

    }

    .documentation-image img {

        max-width: 480px;

    }

    .hero-buttons {

        justify-content: center;

    }

}

/*======================================
DOCUMENTATION CATEGORIES
======================================*/

@media(max-width:992px) {

    .docs-grid {

        grid-template-columns: 1fr;

    }

    .documentation-categories h2 {

        font-size: 2.2rem;

    }

}

/* Responsive */

@media(max-width:992px) {

    .featured-grid {

        grid-template-columns: 1fr;

    }

    .featured-docs h2 {

        font-size: 2.3rem;

    }

}

@media(max-width:992px) {

    .api-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:768px) {

    .api-grid {

        grid-template-columns: 1fr;

    }

}

@media(max-width:992px) {

    .whitepaper-grid {

        grid-template-columns: 1fr;

    }

}

/*==========================
Responsive
==========================*/

@media(max-width:768px) {

    .documentation-cta {

        padding: 80px 0;

    }

    .documentation-cta-box {

        padding: 45px 30px;

    }

    .documentation-cta h2 {

        font-size: 2.2rem;

    }

    .documentation-cta .cta-buttons {

        flex-direction: column;
        align-items: center;

    }

    .documentation-cta .btn-primary,
    .documentation-cta .btn-secondary {

        width: 100%;
        max-width: 300px;

    }

}

/*======================================
    BLOG RESPONSIVE
======================================*/

@media(max-width:992px) {

    .blog-hero-container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .blog-hero-content p {
        margin: auto;
        margin-bottom: 40px;
    }

    .hero-buttons {
        justify-content: center;
    }

    .category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width:768px) {

    .blog-hero {
        padding: 120px 0 80px;
    }

    .blog-hero-content h1 {
        font-size: 2.7rem;
    }

    .search-box {
        flex-direction: column;
        border-radius: 18px;
    }

    .search-box button {
        padding: 18px;
    }

    .category-grid {
        grid-template-columns: 1fr;
    }

}

/* Blog */

@media (max-width:992px) {

    .featured-content {
        grid-template-columns: 1fr;
    }

    .articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .threat-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .papers-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .case-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width:768px) {

    .articles-grid,
    .threat-grid,
    .papers-grid {
        grid-template-columns: 1fr;
    }

    .newsletter-box {
        padding: 40px 25px;
    }

    .newsletter-box h2 {
        font-size: 2rem;
    }

    .newsletter-form input {
        width: 100%;
    }

    .newsletter-form button {
        width: 100%;
    }

}

/*======================================
   FAQ HERO
======================================*/

@media(max-width:992px) {

    .faq-hero-container {

        grid-template-columns: 1fr;
        text-align: center;

    }

    .faq-content {

        order: 2;

    }

    .faq-image {

        order: 1;

    }

    .faq-content p {

        margin: auto;
        margin-bottom: 35px;

    }

    .hero-buttons {

        justify-content: center;

    }

    .faq-content h1 {

        font-size: 2.6rem;

    }

    .faq-image img {

        max-width: 480px;

    }

    .faq-search-box {

        flex-direction: column;
        border-radius: 20px;

    }

    .faq-search-box input {

        width: 100%;
        text-align: center;

    }

    .faq-search-box button {

        width: 100%;
        justify-content: center;

    }

}

/*======================================
   FAQ PAGE
======================================*/

@media(max-width:992px) {

    .popular-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:768px) {

    .popular-grid {

        grid-template-columns: 1fr;

    }

    .popular-questions h2,
    .faq-section h2,
    .cta-box h2 {

        font-size: 2.2rem;

    }

    .faq-question {

        font-size: 1rem;
        padding: 22px;

    }

    .faq-answer p {

        padding: 0 22px 22px;

    }

    .cta-box {

        padding: 50px 30px;

    }

}

/*======================================
    ABOUT PAGE
======================================*/

@media(max-width:992px) {

    .about-hero-container,
    .why-grid,
    .values-grid,
    .leadership-grid,
    .timeline,
    .partner-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media(max-width:768px) {

    .about-hero-container,
    .why-grid,
    .values-grid,
    .leadership-grid,
    .timeline,
    .partner-grid {

        grid-template-columns: 1fr;

    }

    .about-hero {

        padding: 140px 0 80px;

    }

    .about-hero-content {

        text-align: center;

    }

    .about-hero-content h1 {

        font-size: 2.6rem;

    }

    .our-mission h2,
    .our-vision h2,
    .why-corixor h2,
    .core-values h2,
    .leadership h2,
    .company-timeline h2,
    .global-presence h2,
    .partners h2,
    .about-cta h2 {

        font-size: 2.2rem;

    }

    .cta-buttons {

        flex-direction: column;
        align-items: center;

    }

}

/*======================================
    CONTACT PAGE RESPONSIVE
======================================*/

@media (max-width:1200px) {

    .contact-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .office-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width:992px) {

    .contact-hero {
        padding: 140px 0 90px;
    }

    .contact-hero-container {
        grid-template-columns: 1fr;
        gap: 60px;
        text-align: center;
    }

    .contact-hero-content p {
        max-width: 700px;
        margin: 0 auto 40px;
    }

    .contact-form {
        padding: 40px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

}

@media (max-width:768px) {

    .contact-card-grid,
    .office-grid {
        grid-template-columns: 1fr;
    }

    .contact-hero-content h1 {
        font-size: 2.5rem;
    }

    .contact-form-section h2,
    .office-locations h2 {
        font-size: 2.1rem;
    }

    .contact-form {
        padding: 30px 20px;
    }

    .contact-card,
    .office-card {
        padding: 30px 20px;
    }

}

@media (max-width:576px) {

    .contact-hero {
        padding: 120px 0 70px;
    }

    .contact-hero-content h1 {
        font-size: 2rem;
    }

    .contact-hero-content p {
        font-size: 1rem;
    }

    .contact-form input,
    .contact-form textarea {
        padding: 16px;
    }

}

/*======================================
    CONTACT PAGE (PART 2)
======================================*/

@media(max-width:1200px) {

    .support-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media(max-width:992px) {

    .faq-preview-grid {
        grid-template-columns: 1fr;
    }

    .contact-map h2,
    .faq-preview h2,
    .support-channels h2,
    .contact-cta h2 {
        font-size: 2.3rem;
    }

}

@media(max-width:768px) {

    .support-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-cta .container {
        padding: 50px 30px;
    }

    .contact-cta .cta-buttons {
        flex-direction: column;
        align-items: center;
    }

}

@media(max-width:576px) {

    .support-grid {
        grid-template-columns: 1fr;
    }

    .faq-preview-grid a {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .contact-map h2,
    .faq-preview h2,
    .support-channels h2,
    .contact-cta h2 {
        font-size: 2rem;
    }

}

/*======================================
    PLATFORM RESPONSIVE (PART 1)
======================================*/

@media(max-width:1200px) {

    .architecture-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .modules-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width:992px) {

    .platform-hero {
        padding: 140px 0 90px;
    }

    .platform-hero-container {
        grid-template-columns: 1fr;
        gap: 60px;
        text-align: center;
    }

    .platform-hero-content p {
        margin: 0 auto 40px;
    }

}

@media(max-width:768px) {

    .architecture-grid,
    .modules-grid {
        grid-template-columns: 1fr;
    }

    .platform-hero-content h1 {
        font-size: 2.6rem;
    }

    .platform-overview h2,
    .platform-architecture h2,
    .core-modules h2 {
        font-size: 2.2rem;
    }

}

@media(max-width:576px) {

    .platform-hero {
        padding: 120px 0 70px;
    }

    .platform-hero-content h1 {
        font-size: 2rem;
    }

    .platform-hero-content p {
        font-size: 1rem;
    }

}

/*======================================
    PLATFORM RESPONSIVE (PART 2)
======================================*/

@media(max-width:1200px) {

    .cloud-grid,
    .metrics-grid,
    .integration-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width:992px) {

    .platform-cta h2,
    .security-workflow h2,
    .performance-metrics h2,
    .integrations h2,
    .cloud-infrastructure h2,
    .ai-pipeline h2 {
        font-size: 2.3rem;
    }

}

@media(max-width:768px) {

    .cloud-grid,
    .metrics-grid,
    .integration-grid {
        grid-template-columns: 1fr;
    }

    .pipeline,
    .workflow {
        flex-direction: column;
    }

    .pipeline i,
    .workflow i {
        transform: rotate(90deg);
    }

    .platform-cta .container {
        padding: 50px 30px;
    }

    .platform-cta .cta-buttons {
        flex-direction: column;
        align-items: center;
    }

}

@media(max-width:576px) {

    .platform-cta h2,
    .security-workflow h2,
    .performance-metrics h2,
    .integrations h2,
    .cloud-infrastructure h2,
    .ai-pipeline h2 {
        font-size: 2rem;
    }

}

/*======================================
    SECTION FOOTER LINK
======================================*/
@media(max-width:768px) {

    .section-footer-link {

        flex-direction: column;

        align-items: flex-start;

    }

    .section-footer-link a {

        width: 100%;

        justify-content: center;

    }

}

@media (max-width: 992px) {
    .threat-grid {
        grid-template-columns: repeat(2, 1fr);
        /* Tablette 2'li */
    }
}

@media (max-width: 768px) {
    .threat-grid {
        grid-template-columns: 1fr;
        /* Mobilde tekli */
    }
}

/* =========================
   Responsive
=========================*/

@media(max-width:768px) {

    .documentation-page {

        padding: 90px 0 50px;

    }

    .documentation-page h1 {

        font-size: 36px;

    }

    .page-intro {

        font-size: 18px;

    }

    .documentation-content {

        padding: 60px 0;

    }

    .documentation-content h2 {

        font-size: 28px;

    }

    .documentation-content h3 {

        font-size: 22px;

    }

    .documentation-content p,
    .documentation-content li {

        font-size: 17px;

    }

}

@media(max-width:768px) {

    .documentation-page {

        padding: 120px 0 60px;

    }

    .documentation-page h1 {

        font-size: 38px;

    }

    .documentation-content h2 {

        font-size: 28px;

    }

    .page-intro {

        font-size: 16px;

    }

    .documentation-content p {

        font-size: 16px;

    }

    .code-block {

        font-size: 14px;

    }

}

@media(max-width:768px) {

    .documentation-page {

        padding: 120px 0 60px;

    }

    .documentation-page h1 {

        font-size: 38px;

    }

    .page-intro {

        font-size: 17px;

    }

    .documentation-content {

        padding: 70px 0;

    }

    .documentation-content h2 {

        font-size: 28px;

        margin-top: 50px;

    }

    .documentation-content h3 {

        font-size: 22px;

    }

    .documentation-content p,

    .documentation-content li {

        font-size: 16px;

    }

    .code-block {

        font-size: 14px;

        padding: 20px;

    }

    .note-box,

    .warning-box,

    .info-box,

    .tip-box {

        padding: 20px;

    }

    .doc-table {

        display: block;

        overflow-x: auto;

    }

}

@media (max-width:1200px) {

    .values-grid,
    .threat-grid,
    .papers-grid,
    .category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .partner-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .support-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .office-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width:992px) {

    .about-hero-container,
    .featured-content,
    .documentation-hero-container,
    .blog-hero-container,
    .compare-hero-container,
    .faq-hero-container,
    .solutions-hero-container,
    .enterprise-container,
    .smb-container,
    .product-hero-container,
    .overview-content,
    .ai-engine-container,
    .explainable-container {

        grid-template-columns: 1fr;
        display: grid;
        text-align: center;
        gap: 60px;

    }

    .about-hero-content,
    .documentation-content,
    .blog-hero-content,
    .compare-content,
    .faq-content,
    .solutions-content,
    .enterprise-content,
    .smb-content,
    .product-content,
    .overview-text,
    .ai-content,
    .explainable-content {

        max-width: 100%;
    }

    .about-hero-content p,
    .documentation-content p,
    .blog-hero-content p,
    .compare-content p,
    .faq-content p,
    .solutions-content p,
    .enterprise-content p,
    .smb-content p,
    .product-content p,
    .overview-text p,
    .ai-content p,
    .explainable-content p {

        margin-left: auto;
        margin-right: auto;

    }

    .leadership-grid,
    .modules-grid,
    .api-grid,
    .gallery-grid,
    .blog-grid,
    .articles-grid,
    .case-grid,
    .response-grid,
    .benefits-grid,
    .performance-grid,
    .choose-grid,
    .platform-grid,
    .developer-grid,
    .mssp-grid,
    .why-corixor-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

@media (max-width:768px) {

    .values-grid,
    .leadership-grid,
    .docs-grid,
    .featured-grid,
    .whitepaper-grid,
    .api-grid,
    .category-grid,
    .articles-grid,
    .case-grid,
    .threat-grid,
    .papers-grid,
    .platform-grid,
    .modules-grid,
    .gallery-grid,
    .blog-grid,
    .performance-grid,
    .choose-grid,
    .response-grid,
    .benefits-grid,
    .developer-grid,
    .mssp-grid,
    .why-corixor-grid,
    .popular-grid,
    .industries-grid {

        grid-template-columns: 1fr;

    }

    .partner-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .office-grid,
    .support-grid {

        grid-template-columns: 1fr;

    }

    .form-row {

        grid-template-columns: 1fr;

    }

    .ai-features,
    .explainable-grid {

        grid-template-columns: 1fr;

    }

    .behavior-timeline {

        flex-direction: column;

    }

    .behavior-arrow {

        transform: rotate(90deg);

    }

    .hero-buttons,
    .cta-buttons,
    .newsletter-form {

        flex-direction: column;

        align-items: center;

    }

    .search-box,
    .faq-search-box {

        flex-direction: column;

        border-radius: 20px;

    }

    .search-box input,
    .search-box button,
    .faq-search-box input,
    .faq-search-box button {

        width: 100%;

    }

}

@media (max-width:576px) {

    .partner-grid {

        grid-template-columns: 1fr;

    }

    .container h2,
    h2 {

        font-size: 2rem;

    }

    h1 {

        font-size: 2.3rem !important;

    }

    .section-subtitle,
    p {

        font-size: 16px;

    }

    .cta-box,
    .documentation-cta-box,
    .newsletter-box,
    .solutions-cta-box {

        padding: 40px 25px;

    }

    .blog-card,
    .doc-card,
    .case-card,
    .article-card,
    .module-card,
    .platform-card,
    .performance-card,
    .choose-card {

        padding: 28px;

    }

}

/*======================================
        ENTERPRISE RESPONSIVE
======================================*/

@media(max-width:1200px) {

    .enterprise-hero-container,
    .architecture-wrapper,
    .case-study-content {

        grid-template-columns: 1fr;
        text-align: center;

    }

    .enterprise-hero-content p,
    .architecture-content p,
    .case-study-text p {

        margin-left: auto;
        margin-right: auto;

    }

}

@media(max-width:992px) {

    .challenge-grid,
    .why-grid,
    .features-grid,
    .compliance-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .deployment-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}

/*======================================
    ENTERPRISE RESPONSIVE
======================================*/

@media (max-width:1200px) {

    .enterprise-content h1 {
        font-size: 3.2rem;
    }

    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .why-enterprise-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width:992px) {

    .enterprise-hero-container {
        grid-template-columns: 1fr;
        gap: 60px;
        text-align: center;
    }

    .enterprise-content p {
        max-width: 100%;
        margin: 0 auto 40px;
    }

    .enterprise-image img {
        max-width: 550px;
    }

    .enterprise-hero .hero-buttons {
        justify-content: center;
    }

    .challenges-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .why-enterprise-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .compliance-grid {
        grid-template-columns: 1fr;
    }

    .enterprise-cta .cta-features {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width:768px) {

    .enterprise-hero {
        padding: 130px 0 90px;
    }

    .enterprise-content h1 {
        font-size: 2.5rem;
    }

    .enterprise-content p {
        font-size: 1rem;
    }

    .enterprise-challenges,
    .why-enterprise,
    .platform-architecture,
    .enterprise-features,
    .enterprise-compliance,
    .enterprise-cta {
        padding: 90px 0;
    }

    .enterprise-challenges h2,
    .why-enterprise h2,
    .platform-architecture h2,
    .enterprise-features h2,
    .enterprise-compliance h2,
    .enterprise-cta h2 {
        font-size: 2.2rem;
    }

    .challenges-grid,
    .why-enterprise-grid,
    .features-grid,
    .compliance-grid,
    .enterprise-cta .cta-features {
        grid-template-columns: 1fr;
    }

    .challenge-card,
    .why-card,
    .feature-card,
    .architecture-card,
    .compliance-card {
        padding: 30px;
    }

    .compliance-card {
        flex-direction: column;
        text-align: center;
    }

    .enterprise-cta .hero-buttons {
        flex-direction: column;
        align-items: center;
    }

    .enterprise-cta .btn-primary,
    .enterprise-cta .btn-secondary {
        width: 260px;
    }

}

@media (max-width:576px) {

    .enterprise-content h1 {
        font-size: 2rem;
    }

    .enterprise-content p {
        font-size: .95rem;
    }

    .enterprise-challenges h2,
    .why-enterprise h2,
    .platform-architecture h2,
    .enterprise-features h2,
    .enterprise-compliance h2,
    .enterprise-cta h2 {
        font-size: 1.8rem;
    }

    .challenge-card,
    .why-card,
    .feature-card,
    .architecture-card,
    .compliance-card {
        padding: 25px;
    }

    .architecture-icon {
        width: 65px;
        height: 65px;
    }

    .architecture-icon i {
        font-size: 28px;
    }

    .challenge-card i,
    .why-card i,
    .feature-card i {
        font-size: 32px;
    }

    .enterprise-image img {
        max-width: 100%;
    }

    .enterprise-cta .btn-primary,
    .enterprise-cta .btn-secondary {
        width: 100%;
    }

}

@media (max-width:400px) {

    .enterprise-content h1 {
        font-size: 1.75rem;
    }

    .enterprise-challenges h2,
    .why-enterprise h2,
    .platform-architecture h2,
    .enterprise-features h2,
    .enterprise-compliance h2,
    .enterprise-cta h2 {
        font-size: 1.55rem;
    }

    .challenge-card,
    .why-card,
    .feature-card,
    .architecture-card,
    .compliance-card {
        padding: 20px;
    }

}

/*======================================
    HEALTHCARE RESPONSIVE
======================================*/

@media (max-width:992px) {

    .healthcare-hero-container {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 60px;
    }

    .healthcare-content p {
        margin: 0 auto 40px;
    }

    .healthcare-content .hero-buttons {
        justify-content: center;
    }

    .hero-stats {
        justify-content: center;
    }

    .healthcare-image img {
        max-width: 520px;
    }

    .healthcare-challenges-grid,
    .hipaa-grid,
    .device-security-grid,
    .hospital-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .case-stats {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width:768px) {

    .healthcare-hero {
        padding: 130px 0 90px;
    }

    .healthcare-content h1 {
        font-size: 2.5rem;
    }

    .healthcare-challenges h2,
    .hipaa-compliance h2,
    .medical-device-security h2,
    .hospital-network h2,
    .healthcare-case-study h2,
    .healthcare-cta h2 {
        font-size: 2.3rem;
    }

    .healthcare-challenges-grid,
    .hipaa-grid,
    .device-security-grid,
    .hospital-grid {
        grid-template-columns: 1fr;
    }

    .case-study-box {
        padding: 40px 30px;
    }

    .case-stats {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .cta-features {
        flex-direction: column;
        align-items: center;
        gap: 18px;
    }

}


@media (max-width:576px) {

    .healthcare-content h1 {
        font-size: 2rem;
    }

    .healthcare-content p {
        font-size: 1rem;
    }

    .healthcare-content .hero-buttons {
        flex-direction: column;
    }

    .healthcare-content .btn-primary,
    .healthcare-content .btn-secondary {
        width: 100%;
    }

    .hero-stats {
        flex-direction: column;
        gap: 25px;
    }

    .healthcare-card,
    .hipaa-card,
    .device-card,
    .hospital-card {
        padding: 30px;
    }

    .case-study-box {
        padding: 30px 20px;
    }

    .case-header h3 {
        font-size: 1.6rem;
    }

    .case-stat h2 {
        font-size: 2.4rem;
    }

    .healthcare-cta h2 {
        font-size: 2rem;
    }

    .healthcare-cta .hero-buttons {
        flex-direction: column;
    }

    .healthcare-cta .btn-primary,
    .healthcare-cta .btn-secondary {
        width: 100%;
    }

}

/*======================================
    FINANCIAL RESPONSIVE
======================================*/

@media (max-width:992px) {

    .financial-hero-container {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 60px;
    }

    .financial-hero .hero-buttons {
        justify-content: center;
    }

    .financial-hero .hero-stats {
        justify-content: center;
    }

    .financial-challenges-grid,
    .fraud-grid,
    .payment-grid,
    .banking-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .financial-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .case-stats {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width:768px) {

    .financial-hero {
        padding: 120px 0 80px;
    }

    .financial-content h1 {
        font-size: 2.5rem;
    }

    .financial-challenges h2,
    .fraud-prevention h2,
    .payment-security h2,
    .banking-infrastructure h2,
    .financial-features h2,
    .financial-case-study h2,
    .financial-cta h2 {
        font-size: 2.2rem;
    }

    .financial-challenges-grid,
    .fraud-grid,
    .payment-grid,
    .banking-grid,
    .financial-features-grid,
    .case-stats {
        grid-template-columns: 1fr;
    }

    .financial-card,
    .fraud-card,
    .payment-card,
    .banking-card,
    .financial-features .feature-card {
        padding: 30px;
    }

    .case-study-box {
        padding: 40px 30px;
    }

    .financial-cta .hero-buttons {
        flex-direction: column;
        align-items: center;
    }

    .financial-cta .btn-primary,
    .financial-cta .btn-secondary {
        width: 100%;
        max-width: 320px;
    }

    .financial-cta .cta-features {
        flex-direction: column;
        align-items: center;
        gap: 18px;
    }

}

@media (max-width:576px) {

    .financial-content h1 {
        font-size: 2rem;
    }

    .financial-content p {
        font-size: 1rem;
    }

    .financial-hero .hero-stats {
        flex-direction: column;
        gap: 25px;
    }

    .financial-card h3,
    .fraud-card h3,
    .payment-card h3,
    .banking-card h3,
    .financial-features .feature-card h3 {
        font-size: 1.35rem;
    }

    .case-header h3 {
        font-size: 1.6rem;
    }

    .case-stat h2 {
        font-size: 2.3rem;
    }

    .financial-cta h2 {
        font-size: 1.9rem;
    }

}

/*==================================
GOVERNMENT RESPONSIVE
==================================*/

@media (max-width:1200px) {

    .government-hero-container {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 60px;
    }

    .government-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-buttons {
        justify-content: center;
    }

    .hero-stats {
        justify-content: center;
    }

    .government-image {
        max-width: 700px;
        margin: auto;
    }

    .government-challenges-grid,
    .infrastructure-grid,
    .public-sector-grid,
    .national-security-grid,
    .government-features-grid,
    .government-compliance-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width:992px) {

    .government-hero {
        padding: 110px 0 80px;
    }

    .government-content h1 {
        font-size: 46px;
    }

    .government-challenges,
    .critical-infrastructure,
    .public-sector-security,
    .national-security,
    .government-features,
    .government-compliance,
    .government-cta {
        padding: 90px 0;
    }

    .government-challenges h2,
    .critical-infrastructure h2,
    .public-sector-security h2,
    .national-security h2,
    .government-features h2,
    .government-compliance h2,
    .government-cta h2 {
        font-size: 38px;
    }

    .hero-stat {
        min-width: 180px;
    }

    .compliance-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .status-badge {
        margin-top: 15px;
    }

}

@media (max-width:768px) {

    .government-content h1 {
        font-size: 38px;
    }

    .government-content p {
        font-size: 16px;
    }

    .government-challenges-grid,
    .infrastructure-grid,
    .public-sector-grid,
    .national-security-grid,
    .government-features-grid,
    .government-compliance-grid {
        grid-template-columns: 1fr;
    }

    .hero-buttons {
        flex-direction: column;
        align-items: center;
    }

    .hero-buttons a {
        width: 100%;
        max-width: 320px;
        text-align: center;
    }

    .hero-stats {
        flex-direction: column;
    }

    .hero-stat {
        width: 100%;
    }

    .cta-features {
        flex-direction: column;
        align-items: center;
    }

    .cta-feature {
        width: 100%;
        max-width: 320px;
        justify-content: center;
    }

    .government-challenges h2,
    .critical-infrastructure h2,
    .public-sector-security h2,
    .national-security h2,
    .government-features h2,
    .government-compliance h2,
    .government-cta h2 {
        font-size: 32px;
    }

    .section-subtitle {
        font-size: 16px;
        margin-bottom: 45px;
    }

    .government-card,
    .infrastructure-card,
    .public-sector-card,
    .national-card,
    .feature-card,
    .compliance-card {
        padding: 28px;
    }

}

@media (max-width:576px) {

    .government-hero {
        padding: 90px 0 70px;
    }

    .government-content h1 {
        font-size: 30px;
    }

    .government-content p {
        font-size: 15px;
        line-height: 1.7;
    }

    .government-challenges,
    .critical-infrastructure,
    .public-sector-security,
    .national-security,
    .government-features,
    .government-compliance,
    .government-cta {
        padding: 70px 0;
    }

    .government-challenges h2,
    .critical-infrastructure h2,
    .public-sector-security h2,
    .national-security h2,
    .government-features h2,
    .government-compliance h2,
    .government-cta h2 {
        font-size: 28px;
    }

    .government-card h3,
    .infrastructure-card h3,
    .public-sector-card h3,
    .national-card h3,
    .feature-card h3,
    .compliance-content h3 {
        font-size: 20px;
    }

    .government-card i,
    .infrastructure-card i,
    .public-sector-card i,
    .national-card i,
    .feature-card i,
    .compliance-icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }

    .hero-stat h3 {
        font-size: 28px;
    }

    .status-badge {
        font-size: 12px;
        padding: 7px 14px;
    }

}

/*==================================================
        CLOUD & DEVOPS RESPONSIVE
==================================================*/

@media (max-width:1200px) {

    .cloud-hero-container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .cloud-content p {
        margin: 0 auto 35px;
    }

    .hero-buttons {
        justify-content: center;
    }

    .hero-stats {
        justify-content: center;
    }

    .cloud-image {
        max-width: 700px;
        margin: auto;
    }

    .cloud-challenges-grid,
    .cnapp-grid,
    .container-grid,
    .pipeline-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cloud-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .case-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .cta-features {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width:768px) {

    .cloud-hero {
        padding: 120px 0 80px;
    }

    .cloud-content h1 {
        font-size: 42px;
    }

    .cloud-content p {
        font-size: 16px;
    }

    .cloud-challenges,
    .cnapp-platform,
    .container-security,
    .devsecops-pipeline,
    .cloud-features,
    .cloud-case-study,
    .cloud-cta {
        padding: 90px 0;
    }

    .cloud-challenges-grid,
    .cnapp-grid,
    .container-grid,
    .pipeline-grid,
    .cloud-features-grid,
    .case-stats,
    .cta-features {
        grid-template-columns: 1fr;
    }

    .hero-stat {
        width: 100%;
    }

    .case-study-box {
        padding: 35px 25px;
    }

    .case-header h3 {
        font-size: 28px;
    }

    .case-stat h2 {
        font-size: 36px;
    }

    .cloud-cta h2 {
        font-size: 38px;
    }

    .hero-buttons {
        flex-direction: column;
        align-items: center;
    }

    .hero-buttons a {
        width: 100%;
        max-width: 340px;
        text-align: center;
    }

}

@media (max-width:576px) {

    .cloud-content h1 {
        font-size: 34px;
        line-height: 1.25;
    }

    .section-tag {
        font-size: 13px;
        padding: 8px 16px;
    }

    .cloud-card,
    .cnapp-card,
    .container-card,
    .pipeline-card,
    .cloud-features .feature-card {
        padding: 28px 22px;
    }

    .cloud-card h3,
    .cnapp-card h3,
    .container-card h3,
    .pipeline-card h3,
    .cloud-features .feature-card h3 {
        font-size: 20px;
    }

    .cloud-card p,
    .cnapp-card p,
    .container-card p,
    .pipeline-card p,
    .cloud-features .feature-card p {
        font-size: 15px;
    }

    .case-study-box {
        padding: 28px 20px;
    }

    .case-header h3 {
        font-size: 24px;
    }

    .case-header p {
        font-size: 14px;
    }

    .case-stat {
        padding: 24px;
    }

    .case-stat h2 {
        font-size: 32px;
    }

    .cloud-cta h2 {
        font-size: 32px;
    }

    .cloud-cta .section-subtitle {
        font-size: 15px;
    }

    .cta-feature {
        flex-direction: column;
        gap: 10px;
        text-align: center;
        padding: 20px;
    }

}

/*==================================================
        MANUFACTURING RESPONSIVE
==================================================*/

@media (max-width:1200px) {

    .manufacturing-hero-container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .manufacturing-content p {
        margin: 0 auto 35px;
    }

    .hero-buttons {
        justify-content: center;
    }

    .hero-stats {
        justify-content: center;
    }

    .manufacturing-image {
        max-width: 700px;
        margin: auto;
    }

    .manufacturing-challenges-grid,
    .ot-grid,
    .industrial-grid,
    .smart-factory-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .manufacturing-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .manufacturing-case-study .case-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .manufacturing-cta .cta-features {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width:768px) {

    .manufacturing-hero {
        padding: 120px 0 80px;
    }

    .manufacturing-content h1 {
        font-size: 42px;
    }

    .manufacturing-content p {
        font-size: 16px;
    }

    .manufacturing-challenges,
    .ot-ics-security,
    .industrial-network,
    .smart-factory-security,
    .manufacturing-features,
    .manufacturing-case-study,
    .manufacturing-cta {
        padding: 90px 0;
    }

    .manufacturing-challenges-grid,
    .ot-grid,
    .industrial-grid,
    .smart-factory-grid,
    .manufacturing-features-grid,
    .manufacturing-case-study .case-stats,
    .manufacturing-cta .cta-features {
        grid-template-columns: 1fr;
    }

    .hero-stat {
        width: 100%;
    }

    .manufacturing-case-study .case-study-box {
        padding: 35px 25px;
    }

    .manufacturing-case-study .case-header h3 {
        font-size: 28px;
    }

    .manufacturing-case-study .case-stat h2 {
        font-size: 36px;
    }

    .manufacturing-cta h2 {
        font-size: 38px;
    }

    .hero-buttons {
        flex-direction: column;
        align-items: center;
    }

    .hero-buttons a {
        width: 100%;
        max-width: 340px;
        text-align: center;
    }

}

@media (max-width:576px) {

    .manufacturing-content h1 {
        font-size: 34px;
        line-height: 1.25;
    }

    .manufacturing-card,
    .ot-card,
    .industrial-card,
    .smart-card,
    .manufacturing-features .feature-card {
        padding: 28px 22px;
    }

    .manufacturing-card h3,
    .ot-card h3,
    .industrial-card h3,
    .smart-card h3,
    .manufacturing-features .feature-card h3 {
        font-size: 20px;
    }

    .manufacturing-card p,
    .ot-card p,
    .industrial-card p,
    .smart-card p,
    .manufacturing-features .feature-card p {
        font-size: 15px;
    }

    .manufacturing-case-study .case-study-box {
        padding: 28px 20px;
    }

    .manufacturing-case-study .case-header h3 {
        font-size: 24px;
    }

    .manufacturing-case-study .case-header p {
        font-size: 14px;
    }

    .manufacturing-case-study .case-stat {
        padding: 24px;
    }

    .manufacturing-case-study .case-stat h2 {
        font-size: 32px;
    }

    .manufacturing-cta h2 {
        font-size: 32px;
    }

    .manufacturing-cta .section-subtitle {
        font-size: 15px;
    }

    .manufacturing-cta .cta-feature {
        flex-direction: column;
        gap: 10px;
        text-align: center;
        padding: 20px;
    }

}