/* =========================================================
   BIG STEP TECHNOLOGY
   Industrial + Ignition Style
========================================================= */

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter','Segoe UI',sans-serif;
    background: #ffffff;
    color: #334155;
    overflow-x: hidden;
}

/* =========================================================
   NAVBAR
========================================================= */

.navbar {
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid #e2e8f0;
    min-height: 90px;
    z-index: 9999;
}

.logo-img {
    height: 72px;
    width: auto;
}

.menu-links {
    display: flex;
    align-items: center;
}

.nav-link {
    color: #475569 !important;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

    .nav-link:hover {
        color: #2563eb !important;
    }

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

.hero-section {
    position: relative;
    min-height: 720px;
    display: flex;
    align-items: center;
    background-image: url('/images/factory.jpg');
    background-size: cover;
    background-position: center;
}

.hero-overlay {
    background: linear-gradient( 90deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,.15) 100% );
}

/*.hero-overlay {
    background: linear-gradient( 90deg, rgba(3,10,25,.75) 0%, rgba(3,10,25,.60) 50%, rgba(3,10,25,.45) 100% );
}*/

/*.hero-section {
    position: relative;
    min-height: 850px;
    display: flex;
    align-items: center;
    background-image: url('/images/factory.jpg');
    background-size: cover;
    background-position: center;
}*/

/*.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(3,10,25,.45);
}*/

/*.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15,23,42,0.45);
}*/

/*.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(3,10,25,.60);
}*/

/*.hero-overlay {
    background: linear-gradient( 90deg, rgba(3,10,25,.78) 0%, rgba(3,10,25,.60) 45%, rgba(3,10,25,.35) 100% );
}*/

.hero-content {
    position: relative;
    z-index: 2;
}

.small-title {
    color: #fbbf24;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 20px;
}

/*.hero-title {
    text-shadow: 0 4px 20px rgba(0,0,0,.45);
}*/

/*.hero-subtitle {
    color: #e2e8f0;
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 40px;
}*/

.hero-title {
    color: white;
    font-size: 72px;
    font-weight: 700;
    line-height: 1.0;
    text-shadow: 0 4px 20px rgba(0,0,0,.45);
}

.hero-buttons .btn {
    padding: 14px 30px;
    font-weight: 600;
    border-radius: 10px;
}

.dashboard-image {
    width: 100%;
    max-width: 800px;
    border-radius: 20px;
    box-shadow: 0 30px 60px rgba(0,0,0,.35), 0 10px 20px rgba(0,0,0,.25);
}

/* =========================================================
   BUTTONS
========================================================= */

.btn-warning {
    background: #fbbf24;
    border: none;
    color: #111827;
    font-weight: 700;
}

    .btn-warning:hover {
        background: #f59e0b;
    }

.btn-outline-light {
    border-width: 2px;
}

/* =========================================================
   SECTIONS
========================================================= */

.section-light {
    background: #ffffff;
    padding: 70px 0;
}

.section-dark {
    background: #f8fafc;
    padding: 100px 0;
}
/*
.section-title {
    color: #0f172a;
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 15px;
}*/

.section-title {
    color: #425b76;
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 15px;
}

.section-title-light {
    color: #0f172a;
    font-size: 52px;
    font-weight: 700;
}

.section-subtitle {
    color: #6b7c93;
    font-size: 20px;
}

/*.section-subtitle {
    color: #64748b;
    font-size: 20px;
}*/

/* =========================================================
   SOLUTION CARD
========================================================= */

.solution-card {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 35px;
    height: 100%;
    transition: .3s;
}

    .solution-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(15,23,42,.08);
        border-color: #2563eb;
    }

.solution-icon {
    font-size: 48px;
    margin-bottom: 20px;
}

.solution-card h3 {
    color: #0f172a;
    font-size: 28px;
    font-weight: 700;
}

.solution-card p {
    color: #64748b;
    line-height: 1.8;
}

/* =========================================================
   INDUSTRY CARD
========================================================= */


/* =========================================================
   INDUSTRY CARD
========================================================= */

.industry-card {
    background: #ffffff;
    border: 1px solid #e6edf5;
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    height: 100%;
    transition: all .3s ease;
}

    .industry-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(66,91,118,.12);
        border-color: #5b8def;
    }

    .industry-card i {
        font-size: 52px;
        color: #4f86f7;
        margin-bottom: 20px;
        display: block;
    }

    .industry-card h4 {
        color: #425b76; /* Ignition-style blue gray */
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 12px;
    }

    .industry-card p {
        color: #6b7c93;
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 0;
    }

/*.industry-card {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 35px;
    text-align: center;
    transition: .3s;
    height: 100%;
}

    .industry-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(15,23,42,.08);
        border-color: #2563eb;
    }*/

/*.industry-card i {
        font-size: 50px;
        color: #2563eb;
        margin-bottom: 20px;
    }*/

/*.industry-card i {
        font-size: 50px;
        color: #334e68;
        margin-bottom: 20px;
    }

    .industry-card h4 {
        color: #0f172a;
        font-size: 24px;
        margin: 0;
    }*/



/* =========================================================
   STATS
========================================================= */

.stats-box {
    text-align: center;
}

    .stats-box h2 {
        font-size: 60px;
        color: #2563eb;
        font-weight: 700;
    }

    .stats-box p {
        color: #64748b;
    }

/* =========================================================
   CONTACT
========================================================= */

.contact-section {
    background: linear-gradient( 135deg, #0f4c81, #1d4ed8 );
    color: white;
    padding: 120px 0;
}

    .contact-section h2 {
        font-size: 54px;
        font-weight: 700;
    }

    .contact-section p {
        font-size: 22px;
        margin-top: 20px;
        margin-bottom: 35px;
    }

    .contact-section .btn-light {
        font-weight: 700;
        padding: 14px 35px;
    }

/* =========================================================
   WHATSAPP
========================================================= */

.whatsapp-float {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 75px;
    height: 75px;
    z-index: 99999;
    transition: .3s;
}

    .whatsapp-float:hover {
        transform: translateY(-5px);
    }

    .whatsapp-float img {
        width: 100%;
        height: 100%;
    }

/* =========================================================
   FOOTER
========================================================= */

footer {
    background: linear-gradient( 90deg, #334155 0%, #475569 100% );
    color: #f8fafc;
    padding: 40px 0;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,.08);
}

    footer p {
        margin: 0;
        font-size: 15px;
        color: rgba(255,255,255,.85);
    }

/*footer {
    background: #0f172a;
    color: #cbd5e1;
    padding: 40px 0;
    text-align: center;
}*/

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

@media (max-width: 992px) {

    .hero-section {
        min-height: auto;
        padding: 150px 0 100px;
    }

    .hero-title {
        font-size: 54px;
    }

    .hero-subtitle {
        font-size: 22px;
    }

    .dashboard-image {
        margin-top: 50px;
    }

    .section-title,
    .section-title-light {
        font-size: 40px;
    }

    .logo-img {
        height: 60px;
    }

    .menu-links {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 20px;
    }
}

@media (max-width: 576px) {

    .hero-title {
        font-size: 40px;
    }

    .hero-subtitle {
        font-size: 18px;
    }

    .section-title,
    .section-title-light {
        font-size: 32px;
    }

    .contact-section h2 {
        font-size: 34px;
    }

    .whatsapp-float {
        width: 60px;
        height: 60px;
    }
}

/* Product Icon */
.solution-icon {
    font-size: 46px;
    color: #6b8fb3;
    margin-bottom: 18px;
}

.solution-card h3 {
    color: #4f6277;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 12px;
}

.solution-card p {
    color: #7b8794;
    font-size: 15px;
    line-height: 1.8;
}

.solution-card {
    display: block;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 35px;
    height: 100%;
    transition: .3s;
    text-decoration: none;
}

    .solution-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(15,23,42,.08);
        border-color: #2563eb;
    }

/*.solution-icon {
    font-size: 48px;
    color: #6b8fb3;*/ /* Ignition*/
/*margin-bottom: 20px;
    line-height: 1;
}

.solution-card h3 {
    color: #50657d;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}

.solution-card p {
    color: #6b7280;
    line-height: 1.8;
}*/

/* ==========================================
   INDUSTRIES
========================================== */

.section-gray {
    background: #f8fafc;
    padding: 120px 0;
}

.industry-card {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 35px;
    text-align: center;
    transition: .3s;
    height: 100%;
}

    .industry-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(15,23,42,.08);
        border-color: #2563eb;
    }

.industry-icon {
    font-size: 52px;
    color: #6ea7d6; /* Ignition*/
    margin-bottom: 20px;
}

.industry-card h4 {
    color: #50657d;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.industry-card p {
    color: #6b7280;
    font-size: 15px;
    line-height: 1.8;
}

/* =========================================================
   PRODUCT DETAILS PAGE
========================================================= */
.product-hero {
    padding: 120px 0 20px;
    background: #f8fafc;
}

.product-title {
    font-size: 48px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.15;
    margin-bottom: 20px;
}

.product-subtitle {
    font-size: 18px;
    color: #64748b;
    line-height: 1.8;
    margin-bottom: 25px;
    max-width: 650px;
}

.product-image {
    width: 100%;
    max-width: 760px;
    border-radius: 14px;
    box-shadow: 0 15px 35px rgba(15,23,42,.12);
    transition: .3s;
}



.product-image:hover {
        transform: translateY(-3px);
}

.lsp-hero-image {
    width: 100%;
    max-width: 900px;
    border-radius: 16px;
    border: 1px solid #dbe4ef;
    box-shadow: 0 20px 50px rgba(15,23,42,.15);
    transition: .3s;
}

    .lsp-hero-image:hover {
        transform: translateY(-3px);
    }

.feature-card {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px;
    height: 100%;
    transition: .3s;
}

    .feature-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(15,23,42,.08);
    }

    .feature-card h4 {
        color: #334155;
        margin-bottom: 12px;
        font-size: 24px;
        font-weight: 600;
    }

    .feature-card p {
        color: #64748b;
        line-height: 1.8;
    }

.section-gray {
    background: #f1f5f9;
    padding: 90px 0;
}

.feature-list {
    margin-top: 25px;
    padding-left: 20px;
}

    .feature-list li {
        margin-bottom: 16px;
        color: #50657d;
        font-size: 18px;
        line-height: 1.8;
    }


/*.product-hero {
    padding: 180px 0 120px;
    background: #f8fafc;
}*/

/*.product-hero {
    padding: 140px 0 100px;
    background: #f8fafc;
}

.product-image {
    width: 100%;
    max-width: 700px;
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(15,23,42,.12);
}*/

/*.product-title {
    font-size: 64px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 20px;
}*/

/*.product-title {
    font-size: 56px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 20px;
}
.product-subtitle {
    font-size: 22px;
    color: #64748b;
    line-height: 1.8;
    margin-bottom: 30px;
}*/

/*.product-image {
    max-width: 100%;
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(0,0,0,.15);
}*/

/*.feature-card {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    height: 100%;
}

    .feature-card h4 {
        color: #334155;
        margin-bottom: 12px;
    }

    .feature-card p {
        color: #64748b;
    }

.section-gray {
    background: #f1f5f9;
    padding: 100px 0;
}

.feature-list {
    margin-top: 20px;
    padding-left: 20px;
    color: #50657d;
}

.feature-list li {
    margin-bottom: 15px;
    color: #475569;
    font-size: 18px;
}*/

.product-link {
    text-decoration: none;
    display: block;
    color: inherit;
}

    .product-link:hover {
        text-decoration: none;
        color: inherit;
    }

.business-benefits {
    padding: 100px 0;
    background: #ffffff;
}

.benefit-item {
    text-align: center;
    padding: 20px;
}

.benefit-icon {
    font-size: 70px;
    color: #2563eb;
    margin-bottom: 25px;
    display: block;
    transition: all .3s ease;
}

.benefit-item:hover .benefit-icon {
    transform: translateY(-6px);
    color: #1d4ed8;
}

.benefit-item h5 {
    font-size: 24px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 15px;
    height: 60px;
}

.benefit-item p {
    font-size: 16px;
    line-height: 1.8;
    color: #64748b;
    max-width: 240px;
    margin: 0 auto;
}

./*benefit-card {
    background: #fff;
    border-radius: 16px;
    padding: 30px 20px;
    height: 100%;
    transition: .3s;
}

    .benefit-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(15,23,42,.08);
    }

.benefit-icon {
    margin-bottom: 20px;
}

.benefit-icon i {
        font-size: 70px;
        color: #2563eb;
        transition: all .3s ease;
}

.benefit-icon i:hover {
            transform: translateY(-5px);
            color: #1d4ed8;
}

.business-benefits h5 {
    margin-top: 15px;
    font-weight: 700;
    color: #334155;
}

.business-benefits p {
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
}*/
    .workflow-section {
        background: #f8fafc;
        padding: 100px 0;
    }

    .workflow-timeline {
        position: relative;
        max-width: 900px;
        margin: auto;
    }

        .workflow-timeline:before {
            content: "";
            position: absolute;
            left: 34px;
            top: 0;
            bottom: 0;
            width: 3px;
            background: #2563eb;
        }

    .workflow-item {
        position: relative;
        padding-left: 100px;
        margin-bottom: 40px;
    }

    .workflow-icon {
        position: absolute;
        left: 0;
        top: 0;
        width: 70px;
        height: 70px;
        background: #2563eb;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .workflow-icon i {
            color: #fff;
            font-size: 30px;
        }

    .workflow-content {
        background: #fff;
        border-radius: 16px;
        padding: 25px;
        box-shadow: 0 10px 30px rgba(15,23,42,.08);
        transition: .3s;
    }

        .workflow-content:hover {
            transform: translateY(-4px);
        }

        .workflow-content h4 {
            margin-bottom: 10px;
            font-weight: 700;
            color: #0f172a;
        }

        .workflow-content p {
            margin: 0;
            color: #64748b;
        }

/* =========================
   OVEN WORKFLOW
========================= */

.oven-workflow-section {
    padding: 100px 0;
    background: #ffffff;
}

.oven-workflow-container {
    max-width: 900px;
    margin: auto;
}

.oven-workflow-step {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 20px;
    text-align: center;
    font-weight: 600;
    color: #1e293b;
    box-shadow: 0 8px 20px rgba(15,23,42,.05);
    transition: .3s;
}

    .oven-workflow-step:hover {
        transform: translateY(-4px);
        box-shadow: 0 15px 35px rgba(15,23,42,.08);
    }

.oven-workflow-arrow {
    text-align: center;
    margin: 12px 0;
}

    .oven-workflow-arrow i {
        font-size: 28px;
        color: #2563eb;
    }

/* =========================
   ALERTPRO WORKFLOW
========================= */

.alert-workflow-section {
    padding: 100px 0;
    background: #ffffff;
}

.alert-workflow-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 40px;
}

.alert-workflow-step {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px 25px;
    min-width: 180px;
    text-align: center;
    font-weight: 600;
    color: #1e293b;
    box-shadow: 0 8px 20px rgba(15,23,42,.05);
    transition: .3s;
}

    .alert-workflow-step:hover {
        transform: translateY(-4px);
        box-shadow: 0 15px 35px rgba(15,23,42,.08);
    }

.alert-workflow-arrow i {
    font-size: 28px;
    color: #2563eb;
}

.standard-card {
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    text-align: center;
    height: 100%;
    box-shadow: 0 10px 25px rgba(15,23,42,.05);
    transition: .3s;
}

    .standard-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(15,23,42,.1);
    }

.standard-icon {
    width: 90px;
    height: 90px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

    .standard-icon i {
        font-size: 42px;
        color: white;
    }

    .standard-icon.purple {
        background: #7c3aed;
    }

    .standard-icon.blue {
        background: #2563eb;
    }

    .standard-icon.green {
        background: #16a34a;
    }

    .standard-icon.orange {
        background: #f97316;
    }

.standard-card h3 {
    font-size: 36px;
    font-weight: 800;
    color: #1e3a8a;
    margin-bottom: 5px;
}

.standard-card h5 {
    font-weight: 700;
    color: #334155;
    margin-bottom: 15px;
}

.standard-card p {
    color: #64748b;
    font-size: 14px;
}

.protocol-summary {
    background: #f8fafc;
    border-left: 5px solid #2563eb;
    padding: 20px 25px;
    border-radius: 12px;
}

/* ===================================
   SECS/GEM ARCHITECTURE
=================================== */

.secs-architecture {
    max-width: 1100px;
    margin: auto;
    text-align: center;
}

.architecture-top,
.architecture-middle,
.architecture-bottom {
    display: flex;
    justify-content: center;
}

.equipment-row {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.architecture-box {
    background: #fff;
    border-radius: 18px;
    padding: 25px;
    box-shadow: 0 10px 25px rgba(15,23,42,.08);
    transition: .3s;
}

    .architecture-box:hover {
        transform: translateY(-4px);
        box-shadow: 0 15px 35px rgba(15,23,42,.12);
    }

    .architecture-box i {
        font-size: 48px;
        color: #2563eb;
        margin-bottom: 15px;
        display: block;
    }

.host-box {
    width: 500px;
}

.gateway-box {
    width: 420px;
    border: 2px solid #2563eb;
}

.equipment-box {
    width: 280px;
}

.data-box {
    width: 650px;
    background: #eff6ff;
}

.architecture-line {
    width: 4px;
    height: 40px;
    background: #2563eb;
    margin: auto;
}

.architecture-box h4,
.architecture-box h5 {
    font-weight: 700;
    color: #1e293b;
}

.architecture-box p {
    color: #64748b;
    margin-bottom: 0;
}

/* ===================================
   GLOVE MANUFACTURING
=================================== */
.glove-hero {
    min-height: 650px;
    display: flex;
    align-items: center;
    padding-top: 140px;
}

/* =========================
   GLOVE WORKFLOW
========================= */

.glove-workflow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.glove-step {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px 25px;
    min-width: 190px;
    text-align: center;
    font-weight: 600;
    color: #1e293b;
    box-shadow: 0 8px 20px rgba(15,23,42,.05);
    transition: .3s;
}

    .glove-step:hover {
        transform: translateY(-4px);
        box-shadow: 0 15px 35px rgba(15,23,42,.08);
    }

.glove-arrow i {
    font-size: 28px;
    color: #2563eb;
}

@media (max-width: 768px) {

    .glove-workflow {
        flex-direction: column;
    }

    .glove-arrow i {
        transform: rotate(90deg);
    }
}

.industry-hero {
    padding-top: 140px;
    padding-bottom: 100px;
    min-height: 700px;
    display: flex;
    align-items: center;
}

/* =========================
   EQUIPMENT INTEGRATION WORKFLOW
========================= */
.workflow-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.workflow-step {
    width: 220px;
    text-align: center;
    background: #fff;
    padding: 30px 20px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

    .workflow-step i {
        font-size: 40px;
        color: #2563eb;
        margin-bottom: 15px;
    }

    .workflow-step h5 {
        font-weight: 700;
        margin-bottom: 10px;
    }

.workflow-arrow {
    font-size: 32px;
    color: #2563eb;
}

/* =========================
   CONTACT US
========================= */

.page-header {
    padding: 100px 0 80px;
    background: #f8fafc;
}

.contact-item {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
}

    .contact-item i {
        font-size: 1.6rem;
        color: #2563eb;
        margin-top: 5px;
    }

    .contact-item h5 {
        margin-bottom: 5px;
        color: #1e3a5f;
    }

    .contact-item p {
        margin: 0;
        color: #64748b;
    }

.contact-form-card {
    background: #fff;
    padding: 35px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

    .contact-form-card .form-control {
        padding: 12px;
        border-radius: 10px;
    }



/* ==========================================
   FOOTER LINKS
========================================== */


.footer-dark {
    background: #55616b;
    color: #d6dde5;
    padding: 70px 0 25px;
}

.footer-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.footer-company-text {
    color: #d6dde5;
    line-height: 1.8;
    font-size: 15px;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .footer-links li {
        margin-bottom: 10px;
        list-style: none;
    }

    .footer-links a,
    .footer-links a:visited,
    .footer-links a:active {
        color: #d6dde5 !important;
        text-decoration: none !important;
        font-size: 15px;
        transition: color 0.25s ease;
    }

        .footer-links a:hover {
            color: #ffffff !important;
            text-decoration: none !important;
        }

.footer-contact a,
.footer-contact a:visited,
.footer-contact a:active {
    color: #d6dde5 !important;
    text-decoration: none !important;
}

    .footer-contact a:hover {
        color: #ffffff !important;
        text-decoration: none !important;
    }

/* ==========================================
   ABOUT US
========================================== */

/*    .section-header h2 {
        margin-bottom: 15px;
    }

    .section-header p {
        margin-bottom: 0;
        color: #6c757d;
    }
*/


.about-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-title {
    margin-bottom: 15px;
}

.section-header {
    margin-bottom: 40px;
}


.what-we-do-section {
    padding-bottom: 100px;
}