/* =====================================================
   DIGITAX FOREIGN EFIN LANDING
   Premium Landing Design v1.2
===================================================== */


.dt-landing{

    --dt-primary:#2563eb;
    --dt-primary-dark:#1d4ed8;
    --dt-accent:#0ea5e9;
    --dt-dark:#0f172a;
    --dt-text:#475569;
    --dt-light:#f8fafc;
    --dt-border:#e2e8f0;
    --dt-success:#16a34a;
    --dt-surface:#ffffff;

    font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

    color:var(--dt-dark);

    background:
    radial-gradient(circle at top left, rgba(37,99,235,.14), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #f8fafc 100%);

    overflow-x:hidden;
    line-height:1.6;

}

html {
    scroll-behavior: smooth;
}

.dt-landing [id] {
    scroll-margin-top: 110px;
}


/* ===============================
 RESET
================================ */


.dt-landing *,
.dt-landing *::before,
.dt-landing *::after{

    box-sizing:border-box;

}


.dt-landing svg{

    width:24px;

    height:24px;

    max-width:100%;

    flex:none;

    fill:none;

    stroke:currentColor;

    stroke-width:2;

    stroke-linecap:round;

    stroke-linejoin:round;

}


.dt-container{

    width:min(1180px,92%);

    margin:auto;

}


.dt-landing h1,
.dt-landing h2,
.dt-landing h3{

    letter-spacing:-.03em;

}


.dt-landing p{

    line-height:1.8;

}

.dt-landing a{
    color:inherit;
}

.dt-landing a:hover{
    color:inherit;
}



/* ===============================
 HEADER
================================ */


.dt-header{

    position:sticky;

    top:0;

    z-index:999;

    background:
    rgba(255,255,255,.88);

    backdrop-filter:blur(16px);

    border-bottom:
    1px solid rgba(15,23,42,.06);

    transition:box-shadow .25s ease, background-color .25s ease;

}

.dt-header.dt-scrolled{
    background:rgba(255,255,255,.96);
    box-shadow:0 12px 35px rgba(15,23,42,.08);
}


.dt-header-inner{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:24px;
}


.dt-logo{

    height:52px;

}
.dt-logo-link{
    justify-self:start;
}

.dt-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

    border-radius:999px;

    background:

    linear-gradient(
    135deg,
    var(--dt-primary),
    var(--dt-primary-dark)
    );

    color:#fff;

    text-decoration:none;

    font-weight:800;
    letter-spacing:.01em;
    box-shadow:

    0 16px 36px rgba(37,99,235,.25);

    transition:transform .28s ease, box-shadow .28s ease, background .28s ease;
    position:relative;
    overflow:hidden;

}

.dt-btn::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
    transform:translateX(-120%);
    transition:transform .6s ease;
}

.dt-btn:hover{

    transform:translateY(-3px);
    box-shadow:0 20px 42px rgba(37,99,235,.3);
    color:#fff;

}

.dt-btn:hover::before{
    transform:translateX(120%);
}

.dt-btn::after,
.dt-btn-secondary::after{
    content:"→";
    margin-left:8px;
    font-size:16px;
    transition:transform .25s ease;
}

.dt-btn:hover::after,
.dt-btn-secondary:hover::after{
    transform:translateX(3px);
}

.dt-btn-large{
    padding:18px 38px;
}

.dt-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-evenly;
}

.dt-hero-proof{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-top:24px;
    justify-content: space-evenly;
}

.dt-hero-proof > div{
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,255,255,.8);
    border:1px solid rgba(37,99,235,.12);
    box-shadow:0 10px 24px rgba(15,23,42,.05);
    min-width:140px;
}

.dt-hero-proof strong{
    display:block;
    font-size:18px;
    color:var(--dt-primary-dark);
}

.dt-hero-proof span{
    display:block;
    font-size:13px;
    color:#64748b;
    margin-top:2px;
}

.dt-btn-secondary{
    background:linear-gradient(135deg, #ffffff, #eef4ff);
    color:var(--dt-primary-dark) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.08);
    border:1px solid rgba(37,99,235,.16);
}

.dt-landing .dt-header .dt-btn:not(.dt-btn-secondary),
.dt-landing .dt-hero .dt-btn:not(.dt-btn-secondary),
.dt-landing .dt-hero-actions .dt-btn:not(.dt-btn-secondary),
.dt-landing .dt-audience-header .dt-btn:not(.dt-btn-secondary),
.dt-landing .dt-contact-box input[type="submit"],
.dt-landing .dt-contact-box button{
    color:#fff !important;
}

.dt-btn-secondary:hover{
    color:var(--dt-primary-dark) !important;
    box-shadow:0 16px 32px rgba(15,23,42,.12);
}

.dt-landing .dt-btn:not(.dt-btn-secondary),
.dt-landing .wpcf7-submit,
.dt-landing .dt-contact-box input[type="submit"],
.dt-landing .dt-contact-box button{
    color:#fff !important;
}

.dt-btn:focus-visible,
.dt-faq-item button:focus-visible,
.dt-contact-box input:focus-visible,
.dt-contact-box textarea:focus-visible{
    outline:3px solid rgba(19,93,255,.25);
    outline-offset:3px;
}




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


.dt-hero{

    position:relative;

    padding:
    110px 0 100px;

}

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

.dt-hero-visual{
    display:flex;
    justify-content:center;
}



.dt-hero-grid{

    display:grid;

    grid-template-columns:
    1fr .85fr;

    gap:80px;

    align-items:center;

}


.dt-gradient{

    position:absolute;

    border-radius:50%;

    filter:blur(100px);

    opacity:.35;

}



.dt-gradient-one{

    width:450px;

    height:450px;

    background:#60A5FA;

    left:-200px;

    top:-200px;

}


.dt-gradient-two{

    width:500px;

    height:500px;

    background:#A78BFA;

    right:-250px;

    bottom:-250px;

}



.dt-pill{

    display:inline-flex;

    padding:8px 18px;

    background:linear-gradient(135deg, rgba(37,99,235,.12), rgba(14,165,233,.16));

    color:var(--dt-primary-dark);

    border-radius:999px;

    font-size:14px;

    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;

}



.dt-hero h1{

    font-size:
    clamp(42px,5vw,64px);

    line-height:1.02;

    margin:

    28px 0 30px;
    font-weight:800;

}



.dt-hero h1 span{

    color:var(--dt-primary);
    display:inline-block;

}


.dt-lead{

    font-size:20px;

    color:#475569;

    max-width:640px;
    margin-bottom:35px;
    font-weight:500;

}




.dt-check-list{

    display:flex;

    flex-wrap:wrap;

    gap:25px;
    justify-content: space-evenly;

}



.dt-check-list div{

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:700;
    color:var(--dt-dark);

}


.dt-check-list svg{

    width:20px;

    height:20px;

    color:#16A34A;

}





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


.dt-efin-card{

    background:

    linear-gradient(145deg, rgba(255,255,255,.96), rgba(240,247,255,.94));

    backdrop-filter:blur(20px);

    padding:40px;

    border-radius:32px;

    border:

    1px solid rgba(37,99,235,.12);

    box-shadow:

    0 30px 90px rgba(15,23,42,.12);

    animation:

    dtFloat 6s infinite ease-in-out;
    position:relative;
    overflow:hidden;

}

.dt-efin-card:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    border:1px solid rgba(255,255,255,.6);
    pointer-events:none;
}


@keyframes dtFloat{

50%{

transform:translateY(-12px);

}

}



.dt-card-top{

    display:flex;

    align-items:center;

    gap:20px;

    margin-bottom:30px;

}

.dt-card-top strong{
    display:block;
    font-size:22px;
    margin-bottom:2px;
}

.dt-card-top p{
    margin:0;
    color:#64748b;
}

.dt-hero-badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:18px;
}

.dt-badge-pill{
    display:inline-flex;
    align-items:center;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(37,99,235,.12);
    color:var(--dt-primary-dark);
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.dt-badge-pill-soft{
    background:rgba(14,165,233,.12);
    color:#0369a1;
}

.dt-hero-progress{
    margin:24px 0 18px;
    padding:18px;
    border-radius:20px;
    background:rgba(248,250,252,.9);
    border:1px solid rgba(37,99,235,.1);
}

.dt-hero-progress-header{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    font-size:14px;
    margin-bottom:10px;
    color:#334155;
}

.dt-hero-progress-header strong{
    font-size:15px;
    color:var(--dt-dark);
}

.dt-progress-track{
    height:8px;
    border-radius:999px;
    background:#e2e8f0;
    overflow:hidden;
    margin-bottom:12px;
}

.dt-progress-fill{
    width:72%;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg, var(--dt-primary), var(--dt-accent));
}

.dt-hero-mini-list{
    display:grid;
    gap:8px;
}

.dt-hero-mini-list div{
    display:flex;
    align-items:center;
    gap:10px;
    color:#475569;
    font-size:13px;
    font-weight:700;
}

.dt-hero-mini-list span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    border-radius:50%;
    background:rgba(37,99,235,.12);
    color:var(--dt-primary-dark);
    font-size:11px;
}

.dt-doc-icon{

    width:70px;

    height:70px;

    padding:15px;

    background:linear-gradient(135deg, rgba(37,99,235,.16), rgba(14,165,233,.2));

    border-radius:22px;

    color:var(--dt-primary-dark);

}



.dt-doc-icon svg{

    width:35px;

    height:35px;

}



.dt-card-item{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 0;
    border-bottom:1px solid rgba(226,232,240,.9);
    font-weight:600;
    color:var(--dt-dark);

}


.dt-card-item svg{

    color:#16A34A;

}



.dt-approved{

    margin-top:25px;

    background:linear-gradient(135deg, rgba(22,163,74,.12), rgba(34,197,94,.2));

    color:#15803d;

    padding:15px;

    border-radius:15px;

    text-align:center;

    font-weight:800;

}




/* ===============================
 TRUST
================================ */


.dt-trust{

    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);

    padding:70px 0;

}



.dt-trust-grid{

    display:grid;

    grid-template-columns:

    repeat(3,1fr);

    gap:30px;

    text-align:center;

}


.dt-trust strong{

    display:block;

    font-size:44px;

    color:var(--dt-primary);
    font-weight:800;

}


.dt-trust span{

    display:block;

    margin-top:8px;

    color:#64748B;

}





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


.dt-section,
.dt-process,
.dt-faq{

    padding:100px 0;

}

.dt-section .dt-container,
.dt-process .dt-container,
.dt-faq .dt-container{
    position:relative;
}



.dt-section h2,
.dt-process h2,
.dt-faq h2{

    text-align:center;

    font-size:clamp(32px, 3.4vw, 42px);
    margin-bottom:20px;
    font-weight:800;

}


.dt-section-text{

    max-width:680px;

    margin:

    0 auto 70px;

    text-align:center;

    color:#64748B;
    font-size:18px;

}




/* ===============================
 BENEFITS
================================ */


.dt-benefit-grid{

    display:grid;

    grid-template-columns:

    repeat(3,1fr);

    gap:30px;

}



.dt-benefit{

    position:relative;

    overflow:hidden;

    background:

    linear-gradient(
    180deg,
    #fff,
    #f8fbff
    );

    border:

    1px solid rgba(15,23,42,.06);

    padding:35px;

    border-radius:28px;

    box-shadow:

    0 18px 45px rgba(15,23,42,.05);

    transition:.3s;

}



.dt-benefit:hover,
.dt-audience-card:hover,
.dt-step:hover{

    transform:translateY(-8px);

    box-shadow:

    0 25px 60px rgba(15,23,42,.12);

}



.dt-benefit:after{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:

    linear-gradient(
    90deg,
    #135DFF,
    #60A5FA
    );

    opacity:0;

    transition:.3s;

}


.dt-benefit:hover:after{

    opacity:1;

}



.dt-icon{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg, rgba(37,99,235,.14), rgba(14,165,233,.2));

    color:var(--dt-primary-dark);

    border-radius:20px;

    margin-bottom:25px;

}


.dt-icon svg{

    width:28px;

    height:28px;

}


.dt-benefit h3{

    margin-bottom:12px;
    font-size:22px;

}


.dt-benefit p{

    color:#64748B;

    margin:0;

}

.dt-hidden{
    opacity:0;
    transform:translateY(24px);
}

.dt-visible{
    opacity:1;
    transform:translateY(0);
    transition:opacity .6s ease, transform .6s ease;
}

.dt-audience{
    padding:100px 0 20px;
    background:linear-gradient(180deg, #fff 0%, #F8FAFC 100%);
}

.dt-audience-header{
    max-width:760px;
    margin:0 auto 34px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.dt-section-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(37,99,235,.1);
    color:var(--dt-primary-dark);
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.dt-audience-header h2{
    margin:16px 0 12px;
}

.dt-audience-intro{
    margin:0;
    max-width:700px;
    font-size:18px;
}

.dt-audience-header .dt-btn{
    margin-top:20px;
}

.dt-audience-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:24px;
    margin-top:40px;
}

.dt-audience-card{
    position:relative;
    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border:1px solid rgba(15,23,42,.06);
    border-radius:24px;
    padding:28px 24px;
    box-shadow:0 15px 40px rgba(15,23,42,.05);
    transition:.3s;
    overflow:hidden;
}

.dt-audience-card:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(37,99,235,.08), transparent 60%);
    pointer-events:none;
}

.dt-audience-icon{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg, rgba(37,99,235,.16), rgba(14,165,233,.16));
    color:var(--dt-primary-dark);
    border-radius:18px;
    margin-bottom:18px;
    position:relative;
    z-index:1;
}

.dt-audience-icon svg{
    width:24px;
    height:24px;
}

.dt-audience-tag{
    display:inline-flex;
    margin-bottom:10px;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(37,99,235,.1);
    color:var(--dt-primary-dark);
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    position:relative;
    z-index:1;
}

.dt-audience-card h3{
    margin-bottom:10px;
    position:relative;
    z-index:1;
}

.dt-audience-card p{
    color:#64748B;
    margin:0 0 12px;
    position:relative;
    z-index:1;
}

.dt-audience-list{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    gap:8px;
    position:relative;
    z-index:1;
}

.dt-audience-list li{
    display:flex;
    align-items:center;
    gap:8px;
    color:#334155;
    font-size:14px;
    font-weight:600;
}

.dt-audience-list li:before{
    content:"•";
    color:var(--dt-primary);
    font-size:16px;
    line-height:1;
}





/* ===============================
 HOW IT WORKS TIMELINE
================================ */


.dt-process{

    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);

}



.dt-process-grid{

    position:relative;

    display:grid;

    grid-template-columns:

    repeat(3,1fr);

    gap:40px;

    margin-top:70px;

}



.dt-process-grid:before{

    content:"";

    position:absolute;

    top:40px;

    left:12%;

    right:12%;

    height:3px;

    background:#DBEAFE;

}



.dt-step{

    text-align:center;

    position:relative;

    z-index:1;
    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border:1px solid rgba(15,23,42,.06);
    border-radius:24px;
    padding:30px 24px;
    transition:transform .3s ease, box-shadow .3s ease;

}


.dt-step span{

    width:82px;

    height:82px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto;

    border-radius:50%;

    background:linear-gradient(135deg, var(--dt-primary), var(--dt-accent));

    color:#fff;

    border:8px solid #fff;

    box-shadow:

    0 15px 35px rgba(37,99,235,.22);

    font-size:24px;

    font-weight:800;

}



.dt-step h3{

    margin-top:20px;
    font-size:22px;

}


.dt-step p{

    color:#64748B;

}





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


.dt-faq-item{

    max-width:800px;

    margin:15px auto;

    background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border:1px solid rgba(15,23,42,.06);
    border-radius:18px;

    box-shadow:

    0 10px 30px rgba(0,0,0,.05);

    overflow:hidden;

}



.dt-faq-item button{

    width:100%;

    padding:22px 25px;

    background:none;

    border:0;

    display:flex;

    justify-content:space-between;
    align-items:center;
    font-size:18px;

    font-weight:700;

    cursor:pointer;
    color:var(--dt-dark);

}



.dt-faq-item button:after{

    content:"+";

    color:#135DFF;

    font-size:26px;

}



.dt-faq-item.active button:after{

    content:"−";

}


.dt-faq-item .dt-faq-answer{

    display:none;

    padding:

    0 25px 25px;

    color:#64748B;

}

.dt-faq-item.active .dt-faq-answer{
    display:block;
}




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


.dt-contact{

    padding:100px 0;

}



.dt-contact-box{

    position:relative;

    overflow:hidden;

    background:

    linear-gradient(145deg, #ffffff 0%, #f8fbff 100%);

    padding:60px;

    border-radius:36px;

    box-shadow:

    0 32px 90px rgba(15,23,42,.12);

    border:1px solid rgba(37,99,235,.12);

}



.dt-contact-box:before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    right:-120px;

    top:-140px;

    background:radial-gradient(circle, rgba(37,99,235,.16), rgba(37,99,235,0));

    border-radius:50%;

}



.dt-contact-box h2{

    position:relative;

    font-size:clamp(32px, 3.3vw, 46px);

    text-align:center;
    font-weight:800;

}



.dt-contact-box > p{

    position:relative;

    text-align:center;

    color:#64748B;

    font-size:18px;
    font-weight:600;
    margin-bottom:40px;

}



/* CF7 */

.dt-contact-box form{

    display:flex;

    flex-direction:column;

    gap:18px;

    max-width:760px;

    margin:0 auto;

}


.dt-contact-box form p{

    margin:0;

}



.dt-contact-box input,
.dt-contact-box textarea{

    width:100%;

    padding:17px 20px;

    background:#ffffff;

    border:

    1px solid #dbeafe;

    border-radius:16px;

    font-size:16px;
    color:var(--dt-dark);

}



.dt-contact-box input:focus,
.dt-contact-box textarea:focus{

    outline:none;

    background:#fff;

    border-color:#135DFF;

    box-shadow:

    0 0 0 4px rgba(19,93,255,.12);

}



.dt-contact-box textarea{

    min-height:140px;

}



.dt-contact-box input[type="submit"]{

    height:60px;

    border:none;

    border-radius:999px;

    background:

    linear-gradient(
    135deg,
    var(--dt-primary),
    var(--dt-accent)
    );

    color:#fff;

    font-size:18px;

    font-weight:800;

    cursor:pointer;

    box-shadow:

    0 16px 36px rgba(37,99,235,.26);

    transition:transform .3s ease, box-shadow .3s ease;

}



.dt-contact-box input[type="submit"]:hover{

    transform:translateY(-3px);

}





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


.dt-footer{

    padding:35px 0 50px;

    text-align:center;

    color:#64748B;
    font-weight:600;

}





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


@media(max-width:900px){


.dt-hero-grid{

grid-template-columns:1fr;

}


.dt-benefit-grid{

grid-template-columns:1fr;

}


.dt-process-grid{

grid-template-columns:1fr;

}


.dt-process-grid:before{

display:none;

}


.dt-trust-grid{

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

}


.dt-contact-box{

padding:35px 25px;

}


}



@media(max-width:600px){

    .dt-trust-grid,
    .dt-audience-grid{
        grid-template-columns:1fr;
    }

    .dt-header-inner{
        height:72px;
    }

    .dt-logo{
        height:40px;
    }

    .dt-hero{
        padding:90px 0 80px;
    }

    .dt-hero h1{
        font-size:clamp(34px, 9vw, 44px);
    }

    .dt-lead{
        font-size:18px;
    }

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

    /* Hero buttons only */
    .dt-hero-actions .dt-btn{
        flex:1;
        min-width:220px;
        padding:15px 24px;
    }

}

/* ==========================================================
   HEADER / IRS LOGO
========================================================== */

.dt-header-inner{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
    align-items:center;
    gap:18px;
    min-height:82px;
}

.dt-logo-link{
    justify-self:start;
    display:flex;
    align-items:center;
    min-width:0;
}

.dt-irs-header{
    justify-self:center;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    padding:7px 16px;
    border-radius:14px;
    background:linear-gradient(180deg, rgba(37,99,235,.04), rgba(14,165,233,.08));
    border:1px solid rgba(37,99,235,.12);
    box-shadow:0 8px 20px rgba(37,99,235,.08);
}

.dt-irs-logo{
    width:160px;
    max-width:100%;
    height:auto;
    display:block;
    filter:drop-shadow(0 8px 12px rgba(37,99,235,.12));
}

.dt-header .dt-btn{
    justify-self:end;
    margin:0;
    white-space:nowrap;
    padding:14px 24px;
    width:auto;
    min-width:0;
}

@media (max-width:980px){
    .dt-header-inner{
        gap:12px;
    }

    .dt-irs-header{
        padding:6px 12px;
    }

    .dt-irs-logo{
        width:124px;
    }

    .dt-header .dt-btn{
        padding:12px 18px;
        font-size:14px;
    }
}


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

@media (max-width:767px){

    .dt-header-inner{
        grid-template-columns:auto minmax(0, 1fr) auto;
        gap:8px;
        min-height:68px;
    }

    .dt-logo-link,
    .dt-irs-header,
    .dt-header .dt-btn{
        min-width:0;
    }

    .dt-logo{
        height:34px;
    }

    .dt-irs-header{
        display:flex;
        justify-content:center;
        align-items:center;
        overflow:hidden;
        padding:5px 8px;
        border-radius:12px;
    }

    .dt-irs-logo{
        width:82px;
        max-width:100%;
    }

    .dt-header .dt-btn{
        width:auto;
        max-width:100%;
        padding:9px 12px;
        font-size:12px;
        min-height:38px;
        line-height:1.2;
        white-space:nowrap;
    }

}