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


/* ==========================
   <= 1200px (Large Tablets/Laptops)
========================== */
@media (max-width:1200px) {

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

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 48px;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }

}


/* ==========================
   <= 991px (Tablet)
========================== */
@media (max-width:991px) {

    .sector-layout,
    .hero-grid,
    .about-grid,
    .dna-grid,
    .approach-grid,
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .sector-content {
        position: relative;
        top: auto;
    }

    .services-preview-grid,
    .services-preview-grid2,
    .diff-grid,
    .marquee-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .partner-grid,
    .transactions-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dna-right {
        gap: 12px;
    }

    .dna-num-card:nth-child(2),
    .dna-num-card:nth-child(4) {
        margin-top: 0;
    }
      .process-grid {
    grid-template-columns: 1fr;
  }

}


/* ==========================
   <= 768px (Mobile Landscape)
========================== */
@media (max-width:768px) {

    h1 {
        font-size: 2.2rem;
    }

    h2 {
        font-size: 1.75rem;
    }

    .section {
        padding: 72px 0;
    }

    .container {
        padding: 0 20px;
    }

    /* Navigation */

    .nav-links {
        display: none;
        flex-direction: column;
        gap: 0;
        position: fixed;
        top: 72px;
        left: 0;
        right: 0;
        background: var(--white);
        border-bottom: 1px solid var(--border);
        padding: 12px 20px 24px;
        box-shadow: var(--shadow-lg);
    }

    .nav-links.open {
        display: flex;
    }

    .nav-links>li>a {
        display: block;
        padding: 13px 0;
        border-bottom: 1px solid var(--border-light);
        font-size: .8125rem;
    }

    .nav-links>li>a::after {
        display: none;
    }

    .nav-links .btn-nav {
        display: flex;
        justify-content: center;
        margin-top: 14px;
    }

    .nav-toggle {
        display: flex;
    }

    /* Grid */

    .services-preview-grid,
    .services-full-grid,
    .diff-grid,
    .marquee-grid,
    .services-preview-grid2,
    .team-grid {
        grid-template-columns: 1fr;
    }

    .team-grid {
        max-width: 400px;
    }

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

    /* Hero */

    .hero-image-wrap {
        order: -1;
    }

    .hero-img {
        height: 300px;
    }

    .hero-float-card {
        display: none;
    }

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

    .stat-item {
        padding: 16px 0;
        border-right: none;
        border-bottom: 1px solid var(--border);
    }

    .stat-item:first-child {
        padding-left: 0;
    }

    .stat-item:last-child {
        border-bottom: none;
    }

    /* Section */

    .spectrum-header {
        flex-direction: column;
        align-items: flex-start;
    }

    /* Table */

    .t-head,
    .t-row {
        grid-template-columns: 2fr 1fr;
    }

    .t-head span:last-child,
    .t-row .t-type {
        display: none;
    }

    /* Contact */

    .contact-form-wrap {
        padding: 32px 24px;
    }

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

    /* Footer */

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }

    .footer-tags {
        justify-content: center;
    }

    /* Image Break */

    .image-break {
        height: 280px;
    }

    .image-break-content {
        padding-left: 28px;
    }

    .image-break-content blockquote {
        font-size: 1.25rem;
    }
      .team-card {
    display: block;
}
.team-info {
    padding: 26px 0px;
}
.team-image {
    width: 100%;
    flex-shrink: 0;
    margin-bottom: 20px;
}

}


/* ==========================
   <= 576px (Mobile)
========================== */
@media (max-width:576px) {

    .services-preview-grid2,
    .dna-right {
        grid-template-columns: 1fr;
    }

    .stat-item:last-child {
        border-right: none;
        padding-left: 0;
        padding-right: 0;
    }
    .team-card {
    display: block;
}
.team-info {
    padding: 26px 0px;
}
.team-image {
    width: 100%;
    flex-shrink: 0;
    margin-bottom: 20px;
}
ol, ul {
    padding-left: 0rem;
}


}


/* ==========================
   <= 480px (Small Mobile)
========================== */
@media (max-width:480px) {

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

    .hero-actions .btn {
        justify-content: center;
    }

    .cta-section {
        padding: 72px 0;
    }

    .philosophy-quote::before {
        display: none;
    }

}