/*
 * CONTACT + SIGN IN INNER CONTENT V7
 * IMPORTANT: Is file me menu/header/mobile-menu ki koi styling nahi hai.
 * Menu styling sirf /menu.css se aati hai.
 */
body.vw-contact-signin-page{
    margin:0;
    background:#fff;
    color:#20252b;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    overflow-x:hidden;
}
body.vw-contact-signin-page *{box-sizing:border-box}
.vw-brand-home-link{
    display:inline-block;
    color:#000;
    text-decoration:none;
}
.vw-brand-home-link:hover,
.vw-brand-home-link:focus{
    color:#000;
    text-decoration:none;
}
body.vw-contact-signin-page .name{
    margin-left:8%;
}
body.vw-contact-signin-page .name1{
    margin-top:20px;
    margin-bottom:0;
    color:#000;
    font-weight:400;
}
body.vw-contact-signin-page .name2{
    margin-top:-8px;
    color:#111;
}
.vw-home-page-main{
    width:min(1120px,calc(100% - 32px));
    margin:62px auto 70px;
}
.vw-page-intro{
    max-width:760px;
    margin:0 auto 30px;
    text-align:center;
}
.vw-eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 11px;
    border-radius:999px;
    background:#eaf7fc;
    color:#147fab;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.vw-page-intro h1,
.vw-auth-copy h1{
    color:#171b20;
    font-weight:650;
}
.vw-page-intro h1{
    margin:14px 0 10px;
    font-size:40px;
    line-height:1.15;
}
.vw-page-intro p,
.vw-auth-copy>p,
.vw-panel-lead{
    color:#68747d;
    line-height:1.65;
}
.vw-page-intro p{margin:0;font-size:16px}
.vw-contact-layout{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.28fr);
    gap:24px;
    align-items:stretch;
}
.vw-panel{
    background:#fff;
    border:1px solid #e1e7eb;
    border-radius:14px;
    box-shadow:0 16px 42px rgba(31,51,64,.09);
}
.vw-contact-details{
    padding:30px;
    background:linear-gradient(150deg,#f5fbfe,#fff);
}
.vw-form-panel{padding:30px}
.vw-contact-details h2,
.vw-form-panel h2,
.vw-auth-card h2{
    margin:0 0 8px;
    color:#1e242a;
    font-size:26px;
    font-weight:650;
}
.vw-panel-lead{margin:0 0 23px}
.vw-contact-item{
    display:flex;
    align-items:flex-start;
    gap:13px;
    padding:16px 0;
    border-top:1px solid #e8edef;
}
.vw-contact-item:first-of-type{border-top:0}
.vw-contact-icon{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    flex:0 0 auto;
    border-radius:50%;
    background:#e7f5fb;
    color:#1684b4;
    font-size:17px;
    font-weight:800;
}
.vw-contact-item strong{
    display:block;
    margin-bottom:4px;
    font-size:14px;
}
.vw-contact-item a,
.vw-contact-item span{
    color:#68747d;
    text-decoration:none;
    font-size:14px;
    line-height:1.5;
}
.vw-contact-item a:hover{color:#147fab}
.vw-field-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}
.vw-field{margin-bottom:15px}
.vw-field.vw-full{grid-column:1/-1}
.vw-field label{
    display:block;
    margin:0 0 7px;
    color:#313941;
    font-size:13px;
    font-weight:700;
}
.vw-field input,
.vw-field select,
.vw-field textarea{
    width:100%;
    margin:0;
    border:1px solid #ccd5db;
    border-radius:8px;
    background:#fff;
    color:#20252b;
    padding:11px 12px;
    font:inherit;
    box-shadow:none;
    transition:border-color .18s,box-shadow .18s;
}
.vw-field input,
.vw-field select{height:45px}
.vw-field textarea{
    min-height:138px;
    resize:vertical;
}
.vw-field input:focus,
.vw-field select:focus,
.vw-field textarea:focus{
    outline:0;
    border-color:#2ea4d7;
    box-shadow:0 0 0 3px rgba(46,164,215,.14);
}
.vw-field-help{
    margin-top:6px;
    color:#84909a;
    font-size:12px;
}
.vw-honeypot{
    position:absolute!important;
    left:-10000px!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
}
.vw-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 21px;
    border:0;
    border-radius:8px;
    background:#2ea4d7;
    color:#fff!important;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
    transition:background .18s,transform .18s;
}
.vw-button:hover{
    background:#1684b4;
    text-decoration:none;
}
.vw-button:active{transform:translateY(1px)}
.vw-button.vw-block{width:100%}
.vw-alert{
    margin:0 0 18px;
    padding:13px 14px;
    border-radius:8px;
    font-size:14px;
    line-height:1.5;
}
.vw-alert-success{
    border:1px solid #c6e8d4;
    background:#ecf9f1;
    color:#177646;
}
.vw-alert-error{
    border:1px solid #f0c9c9;
    background:#fff1f1;
    color:#a32d2d;
}
.vw-auth-layout{
    width:min(980px,calc(100% - 32px));
    margin:62px auto 70px;
    display:grid;
    grid-template-columns:1fr 430px;
    overflow:hidden;
    border:1px solid #e1e7eb;
    border-radius:14px;
    background:#fff;
    box-shadow:0 18px 48px rgba(31,51,64,.10);
}
.vw-auth-copy{
    padding:48px;
    background:linear-gradient(145deg,#f1f9fc,#fff);
}
.vw-auth-copy h1{
    margin:14px 0;
    font-size:38px;
    line-height:1.15;
}
.vw-auth-copy>p{margin:0;font-size:16px}
.vw-auth-benefits{
    display:grid;
    gap:10px;
    margin-top:28px;
}
.vw-auth-benefit{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 0;
    border-top:1px solid #e1eaee;
    color:#4f5c65;
    font-size:14px;
}
.vw-auth-benefit:first-child{border-top:0}
.vw-auth-check{
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    border-radius:50%;
    background:#e2f4fb;
    color:#147fab;
    font-weight:900;
}
.vw-auth-card{padding:42px 36px}
.vw-check-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:-2px 0 18px;
    color:#5c6770;
    font-size:13px;
}
.vw-check-row label{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    font-weight:500;
}
.vw-check-row input{margin:0}
.vw-text-link{
    color:#147fab;
    text-decoration:none;
}
.vw-text-link:hover{text-decoration:underline}
.vw-auth-note{
    margin:16px 0 0;
    color:#7a858d;
    font-size:12px;
    line-height:1.5;
    text-align:center;
}
body.vw-contact-signin-page .footer a,
body.vw-contact-signin-page .d31 a{
    color:inherit;
}
body.vw-contact-signin-page .d31 .da{
    position:static;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    padding-top:12px;
}
@media(max-width:900px){
    .vw-contact-layout,
    .vw-auth-layout{grid-template-columns:1fr}
    .vw-auth-card{padding:34px}
}
@media(max-width:770px){
    body.vw-contact-signin-page .name{
        margin-left:18px;
        padding-right:130px;
    }
    .vw-home-page-main,
    .vw-auth-layout{
        width:calc(100% - 22px);
        margin-top:42px;
    }
}
@media(max-width:620px){
    .vw-page-intro h1,
    .vw-auth-copy h1{font-size:30px}
    .vw-contact-details,
    .vw-form-panel,
    .vw-auth-copy,
    .vw-auth-card{padding:22px}
    .vw-field-grid{grid-template-columns:1fr}
    .vw-field.vw-full{grid-column:auto}
    body.vw-contact-signin-page .footer,
    body.vw-contact-signin-page .d31{
        width:calc(100% - 22px);
    }
    body.vw-contact-signin-page #footer,
    body.vw-contact-signin-page #footer2,
    body.vw-contact-signin-page #footer3{
        padding:22px 10px;
    }
}
