body.dtf-account-access-page .dtf-account-access { width: min(1120px, calc(100% - 32px)) !important; margin-top: 28px !important; } body.dtf-account-access-page .dtf-account-grid { grid-template-columns: 285px minmax(0, 1fr) !important; gap: 16px !important; } body.dtf-account-access-page .dtf-account-hero { padding-top: 28px !important; padding-bottom: 24px !important; } body.dtf-account-access-page .dtf-account-forms #customer_login .u-column1, body.dtf-account-access-page .dtf-account-forms #customer_login .u-column2, body.dtf-account-access-page .dtf-account-forms #customer_login .col-1, body.dtf-account-access-page .dtf-account-forms #customer_login .col-2 { padding: 28px !important; } body.dtf-account-access-page .dtf-account-trust-strip { max-width: 860px !important; } body.dtf-account-access-page .dtf-account-trust-strip p { max-width: 170px !important; } body.dtf-account-access-page .dtf-account-forms .nsl-container:empty, body.dtf-account-access-page .dtf-account-forms .mo-openid-app-icons:empty, body.dtf-account-access-page .dtf-account-forms .the_champ_login_container:empty, body.dtf-account-access-page .dtf-account-forms .google-login:empty, body.dtf-account-access-page .dtf-account-forms .login-social:empty { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } body.dtf-account-access-page .dtf-account-forms .woocommerce-form-login > p:first-child:empty, body.dtf-account-access-page .dtf-account-forms .woocommerce-form-register > p:first-child:empty { display: none !important; margin: 0 !important; } body.dtf-account-access-page .dtf-account-forms .g-recaptcha, body.dtf-account-access-page .dtf-account-forms .anr_captcha_field, body.dtf-account-access-page .dtf-account-forms .gglcptch, body.dtf-account-access-page .dtf-account-forms .wpcf7-recaptcha { overflow: visible !important; } @media (max-width: 991px) { body.dtf-account-access-page .dtf-account-access { width: min(100% - 20px, 720px) !important; margin: 18px auto 30px !important; } body.dtf-account-access-page .dtf-account-hero { padding: 24px 16px 20px !important; margin-bottom: 12px !important; } body.dtf-account-access-page .dtf-account-hero-icon { width: 44px !important; height: 44px !important; margin-bottom: 10px !important; } body.dtf-account-access-page .dtf-account-hero h1 { font-size: 25px !important; line-height: 1.15 !important; max-width: 320px !important; margin-left: auto !important; margin-right: auto !important; } body.dtf-account-access-page .dtf-account-hero p { font-size: 13px !important; line-height: 1.55 !important; max-width: 330px !important; } body.dtf-account-access-page .dtf-benefits-card { padding: 15px !important; margin-bottom: 12px !important; border-radius: 18px !important; } body.dtf-account-access-page .dtf-benefits-card h2 { font-size: 18px !important; margin-bottom: 12px !important; } body.dtf-account-access-page .dtf-benefit-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; overflow: visible !important; padding-bottom: 0 !important; } body.dtf-account-access-page .dtf-benefit-item { min-width: 0 !important; padding: 12px 8px !important; border-radius: 15px !important; } body.dtf-account-access-page .dtf-benefit-item:nth-child(5) { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: 36px minmax(0, 1fr) !important; text-align: left !important; align-items: center !important; gap: 10px !important; } body.dtf-account-access-page .dtf-benefit-item:nth-child(5) > span { margin: 0 !important; } body.dtf-account-access-page .dtf-benefit-item > span { width: 38px !important; height: 38px !important; border-radius: 13px !important; } body.dtf-account-access-page .dtf-benefit-item strong { font-size: 12px !important; line-height: 1.2 !important; } body.dtf-account-access-page .dtf-benefit-item p { font-size: 10.8px !important; line-height: 1.3 !important; } body.dtf-account-access-page .dtf-account-whatsapp { margin-top: 12px !important; padding: 11px !important; } body.dtf-account-access-page .dtf-account-mobile-tabs { position: relative !important; z-index: 30 !important; margin: 0 0 12px !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important; } body.dtf-account-access-page .dtf-account-forms #customer_login { border-radius: 18px !important; overflow: visible !important; } body.dtf-account-access-page .dtf-account-forms #customer_login .u-column1, body.dtf-account-access-page .dtf-account-forms #customer_login .u-column2, body.dtf-account-access-page .dtf-account-forms #customer_login .col-1, body.dtf-account-access-page .dtf-account-forms #customer_login .col-2 { padding: 20px 16px !important; border-radius: 18px !important; } body.dtf-account-access-page .dtf-account-forms h2 { font-size: 22px !important; margin-bottom: 16px !important; } body.dtf-account-access-page .dtf-account-forms .form-row { margin-bottom: 15px !important; } body.dtf-account-access-page .dtf-account-forms label { font-size: 12px !important; margin-bottom: 6px !important; } body.dtf-account-access-page .dtf-account-forms input.input-text, body.dtf-account-access-page .dtf-account-forms input[type="text"], body.dtf-account-access-page .dtf-account-forms input[type="email"], body.dtf-account-access-page .dtf-account-forms input[type="password"], body.dtf-account-access-page .dtf-account-forms input[type="tel"] { min-height: 46px !important; border-radius: 11px !important; font-size: 13px !important; } body.dtf-account-access-page .dtf-account-forms .woocommerce-form-login__rememberme { display: inline-flex !important; width: auto !important; margin-top: 2px !important; } body.dtf-account-access-page .dtf-account-forms .lost_password, body.dtf-account-access-page .dtf-account-forms .woocommerce-LostPassword { margin-top: -4px !important; margin-bottom: 14px !important; } body.dtf-account-access-page .dtf-account-forms .woocommerce-privacy-policy-text, body.dtf-account-access-page .dtf-account-forms .woocommerce-privacy-policy-text p { font-size: 11.2px !important; line-height: 1.5 !important; } body.dtf-account-access-page .dtf-account-forms .g-recaptcha, body.dtf-account-access-page .dtf-account-forms .anr_captcha_field, body.dtf-account-access-page .dtf-account-forms .gglcptch, body.dtf-account-access-page .dtf-account-forms .wpcf7-recaptcha { transform-origin: left top !important; max-width: 100% !important; margin: 8px 0 13px !important; } body.dtf-account-access-page .dtf-account-trust-strip { margin-top: 12px !important; padding: 8px !important; border-radius: 17px !important; } body.dtf-account-access-page .dtf-account-trust-strip > div { padding: 10px 6px !important; } body.dtf-account-access-page .dtf-account-trust-strip span { width: 34px !important; height: 34px !important; } body.dtf-account-access-page .dtf-account-trust-strip strong { font-size: 11px !important; line-height: 1.2 !important; } body.dtf-account-access-page .joinchat, body.dtf-account-access-page .ht-ctc-chat, body.dtf-account-access-page .qlwapp, body.dtf-account-access-page .whatsapp-float, body.dtf-account-access-page .floating-whatsapp, body.dtf-account-access-page [class*="whatsapp"][style*="fixed"], body.dtf-account-access-page [id*="whatsapp"][style*="fixed"] { bottom: 92px !important; } } @media (max-width: 480px) { body.dtf-account-access-page .dtf-account-access { width: calc(100% - 18px) !important; margin-top: 14px !important; } body.dtf-account-access-page .dtf-account-hero { padding: 22px 14px 18px !important; } body.dtf-account-access-page .dtf-account-hero h1 { font-size: 23px !important; } body.dtf-account-access-page .dtf-account-forms #customer_login .u-column1, body.dtf-account-access-page .dtf-account-forms #customer_login .u-column2, body.dtf-account-access-page .dtf-account-forms #customer_login .col-1, body.dtf-account-access-page .dtf-account-forms #customer_login .col-2 { padding: 18px 14px !important; } body.dtf-account-access-page .dtf-benefit-list { gap: 8px !important; } body.dtf-account-access-page .dtf-account-forms iframe[src*="recaptcha"] { transform: scale(.92) !important; transform-origin: left top !important; margin-bottom: -8px !important; } } @media (max-width: 360px) { body.dtf-account-access-page .dtf-benefit-list { grid-template-columns: 1fr !important; } body.dtf-account-access-page .dtf-benefit-item, body.dtf-account-access-page .dtf-benefit-item:nth-child(5) { display: grid !important; grid-template-columns: 36px minmax(0, 1fr) !important; text-align: left !important; align-items: center !important; gap: 10px !important; grid-column: auto !important; } body.dtf-account-access-page .dtf-benefit-item > span { margin: 0 !important; } }