/* ===================================
   DANTEK PAGE
=================================== */

.dantek-page {

    background:#f5f5f2;

    color:#111;

}


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

.dantek-hero {

    min-height:320px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    padding:70px 20px;

    background:#111;

}


.dantek-hero-inner {

    max-width:850px;

    margin:auto;

}


.dantek-logo {

    width:170px;

    max-width:80%;

    height:auto;

    margin-bottom:30px;

}


.dantek-hero h1 {

    margin:0 0 18px;

    font-size:46px;

    line-height:1.15;

    color:white;

}


.dantek-hero p {

    margin:0;

    color:#aaa;

    font-size:19px;

    line-height:1.7;

}


/* ===================================
   CONTENT
=================================== */

.dantek-content {

    padding:80px 20px;

}


.dantek-content-inner {

    max-width:1100px;

    margin:auto;

}


/* ===================================
   INTRO
=================================== */

.dantek-intro {

    max-width:800px;

    margin:0 auto 70px;

    text-align:center;

}


.dantek-intro h2,
.dantek-example h2,
.dantek-cta h2 {

    font-size:34px;

    margin:0 0 20px;

}


.dantek-intro p,
.dantek-example p {

    color:#555;

    font-size:17px;

    line-height:1.8;

}


/* ===================================
   SERVICES
=================================== */

.dantek-services {

    display:grid;

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

    gap:25px;

    margin-bottom:80px;

}


.dantek-service {

    background:white;

    padding:35px;

    border-radius:14px;

    box-shadow:0 5px 20px rgba(0,0,0,0.06);

    border-top:4px solid #82BE21;

}


.dantek-service h3 {

    margin:0 0 12px;

    font-size:21px;

}


.dantek-service p {

    margin:0;

    color:#666;

    line-height:1.7;

}


/* ===================================
   COYCRUISIN EXAMPLE
=================================== */

.dantek-example {

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}


/* ===================================
   CTA
=================================== */

.dantek-cta {

    max-width:850px;

    margin:auto;

    padding:55px 35px;

    text-align:center;

    background:#111;

    color:white;

    border-radius:16px;

}


.dantek-cta h2 {

    color:white;

}


.dantek-cta p {

    color:#aaa;

    font-size:17px;

    line-height:1.7;

    margin-bottom:30px;

}


.dantek-btn {

    display:inline-block;

    padding:14px 32px;

    background:#82BE21;

    color:#111;

    border-radius:10px;

    text-decoration:none;

    font-weight:700;

    transition:.25s;

}


.dantek-btn:hover {

    background:#9bdc35;

    transform:translateY(-2px);

}

/* ===================================
   DANTEK DISCLAIMER
=================================== */

.dantek-disclaimer {

    margin:25px auto 0 !important;

    max-width:650px;

    color:#777 !important;

    font-size:12px !important;

    line-height:1.6 !important;

}

/* ===================================
   MOBILE
=================================== */

@media (max-width:768px) {


    .dantek-hero {

        min-height:280px;

        padding:55px 20px;

    }


    .dantek-logo {

        width:140px;

        margin-bottom:25px;

    }


    .dantek-hero h1 {

        font-size:34px;

    }


    .dantek-hero p {

        font-size:17px;

    }


    .dantek-content {

        padding:60px 20px;

    }


    .dantek-intro h2,
    .dantek-example h2,
    .dantek-cta h2 {

        font-size:28px;

    }


    .dantek-services {

        grid-template-columns:1fr;

        gap:20px;

        margin-bottom:60px;

    }


    .dantek-service {

        padding:28px;

    }


    .dantek-cta {

        padding:45px 25px;

    }

}