/* ============================================================
   Trisha Web — Contact Why Choose
============================================================ */

.tw-contact-why{
    --tw-cwhy-bg:none;
    --tw-cwhy-overlay:.04;
    --tw-cwhy-position:center center;
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding:95px 0;
    background:#fff;
}
.tw-contact-why__bg{
    position:absolute;
    inset:0;
    z-index:-2;
    background:var(--tw-cwhy-bg) center/cover no-repeat;
    background-position:var(--tw-cwhy-position);
}
.tw-contact-why:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:rgba(255,255,255,var(--tw-cwhy-overlay));
}
.tw-contact-why>.container{position:relative;z-index:1}
.tw-contact-why__grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:70px;
    align-items:center;
}
.tw-contact-why__badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    margin-bottom:18px;
    border:1px solid rgba(13,110,253,.15);
    border-radius:999px;
    background:#f2f7ff;
    color:#0d6efd;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.4px;
}
.tw-contact-why__content h2{
    margin:0;
    max-width:650px;
    color:#071d49;
    font-size:clamp(34px,4vw,52px);
    line-height:1.1;
    font-weight:800;
    letter-spacing:-1.3px;
}
.tw-contact-why__description{
    max-width:650px;
    margin:18px 0 30px;
    color:#697386;
    font-size:16px;
    line-height:1.8;
}
.tw-contact-why__benefits{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-bottom:30px;
}
.tw-contact-why__benefit{
    display:flex;
    gap:13px;
    padding:18px;
    border:1px solid #e7ebf2;
    border-radius:17px;
    background:rgba(255,255,255,.94);
    box-shadow:0 10px 30px rgba(20,45,90,.05);
}
.tw-contact-why__benefit-icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#eaf2ff;
    color:#0d6efd;
}
.tw-contact-why__benefit strong{
    display:block;
    color:#071d49;
    font-size:14px;
    line-height:1.4;
}
.tw-contact-why__benefit p{
    margin:4px 0 0;
    color:#748095;
    font-size:12px;
    line-height:1.55;
}
.tw-contact-why__cta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 22px;
    border-radius:12px;
    background:linear-gradient(135deg,#0d6efd,#0757c9);
    color:#fff;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 12px 25px rgba(13,110,253,.2);
    transition:transform .2s ease;
}
.tw-contact-why__cta:hover{color:#fff;transform:translateY(-2px)}
.tw-contact-why__visual{position:relative}
.tw-contact-why__image{
    position:relative;
    min-height:480px;
    overflow:hidden;
    border-radius:30px;
    background:#edf3fb;
    box-shadow:0 25px 60px rgba(20,45,90,.13);
}
.tw-contact-why__image:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 50%,rgba(7,29,73,.38));
}
.tw-contact-why__image img{
    display:block;
    width:100%;
    height:100%;
    min-height:480px;
    object-fit:cover;
}
.tw-contact-why__image-badge{
    position:absolute;
    left:22px;
    bottom:22px;
    z-index:2;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:12px 16px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:12px;
    background:rgba(7,29,73,.82);
    color:#fff;
    backdrop-filter:blur(10px);
    font-size:12px;
    font-weight:700;
}
.tw-contact-why__visual-placeholder{
    min-height:480px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:40px;
    border:1px dashed #ccd7e8;
    border-radius:30px;
    background:linear-gradient(145deg,#f0f6ff,#fbfdff);
    text-align:center;
}
.tw-contact-why__visual-placeholder span{
    width:78px;
    height:78px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    border-radius:22px;
    background:#e8f1ff;
    color:#0d6efd;
    font-size:30px;
}
.tw-contact-why__visual-placeholder strong{
    color:#071d49;
    font-size:21px;
}
.tw-contact-why__visual-placeholder small{
    margin-top:6px;
    color:#7b879a;
}
@media(max-width:991.98px){
    .tw-contact-why{padding:75px 0}
    .tw-contact-why__grid{grid-template-columns:1fr;gap:45px}
    .tw-contact-why__visual{max-width:720px;margin:auto;width:100%}
}
@media(max-width:767.98px){
    .tw-contact-why{padding:60px 0}
    .tw-contact-why__content h2{font-size:32px}
    .tw-contact-why__benefits{grid-template-columns:1fr}
    .tw-contact-why__image,.tw-contact-why__image img,.tw-contact-why__visual-placeholder{min-height:360px}
}