.elementor-19 .elementor-element.elementor-element-206b752{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-206b752:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-206b752 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-19 .elementor-element.elementor-element-206b752.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-19 .elementor-element.elementor-element-c67835e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-19 .elementor-element.elementor-element-c67835e.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-19 .elementor-element.elementor-element-044ffe2{width:100%;max-width:100%;}.elementor-19 .elementor-element.elementor-element-044ffe2.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-b7ad67d{--display:flex;--margin-top:-20px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-19 .elementor-element.elementor-element-ca76e9d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-206b752{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-206b752 *//* ========================================== MAIN HERO - FULL WIDTH BACKGROUND ========================================== */ .khan-hero { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; /* Full-width background, but keeps content centered inside ~1180px */ padding-top: 72px !important; padding-bottom: 88px !important; padding-left: max( 24px, calc((100vw - 1180px) / 2) ) !important; padding-right: max( 24px, calc((100vw - 1180px) / 2) ) !important; box-sizing: border-box !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; justify-content: center !important; gap: 56px !important; position: relative !important; overflow: hidden !important; background: radial-gradient( 1200px 600px at 85% -10%, rgba(212,175,55,.14), transparent 60% ), linear-gradient( 160deg, #0E0E10 0%, #202024 55%, #2A2A2E 100% ) !important; color: #F5F5F4 !important; } /* ========================================== LEFT SIDE ========================================== */ .khan-hero-left-wrap { width: 100% !important; max-width: 650px !important; min-width: 0 !important; flex: 1 1 650px !important; box-sizing: border-box !important; color: #F5F5F4 !important; } .khan-hero-left-wrap .khan-hero-left { width: 100% !important; max-width: 100% !important; color: #F5F5F4 !important; font-family: "Archivo", Arial, sans-serif !important; } /* EYEBROW */ .khan-hero-left-wrap .khan-hero-eyebrow { margin: 0 0 14px !important; color: #E9CB6B !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.5 !important; letter-spacing: .20em !important; text-transform: uppercase !important; } /* ========================================== MAIN TITLE ========================================== */ .khan-hero-left-wrap .khan-hero-title { margin: 0 0 22px !important; color: #F5F5F4 !important; font-family: "Anton", Impact, sans-serif !important; font-size: clamp( 58px, 6vw, 108px ) !important; font-weight: 400 !important; line-height: .94 !important; text-transform: uppercase !important; white-space: normal !important; } /* GOLD FIGHT */ .khan-hero-left-wrap .khan-fight { position: relative !important; display: inline-block !important; color: #E9CB6B !important; } .khan-hero-left-wrap .khan-fight::after { content: ""; position: absolute; left: -2%; right: -2%; bottom: .04em; height: .09em; background: #D4AF37; z-index: -1; } /* ========================================== PARAGRAPH ========================================== */ .khan-hero-left-wrap .khan-hero-sub { width: 100% !important; max-width: 560px !important; margin: 0 !important; color: rgba(245,245,244,.88) !important; font-size: 18px !important; line-height: 1.55 !important; } /* ========================================== POINTS ========================================== */ .khan-hero-left-wrap .khan-hero-points { width: 100% !important; list-style: none !important; margin: 26px 0 32px !important; padding: 0 !important; display: grid !important; gap: 12px !important; } .khan-hero-left-wrap .khan-hero-points li { display: flex !important; align-items: flex-start !important; gap: 12px !important; margin: 0 !important; color: #F5F5F4 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.5 !important; } .khan-hero-left-wrap .khan-tick { flex: 0 0 22px !important; width: 22px !important; height: 22px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: #D4AF37 !important; color: #141416 !important; font-weight: 900 !important; } /* ========================================== BUTTONS ========================================== */ .khan-hero-left-wrap .khan-hero-buttons { width: 100% !important; display: flex !important; flex-wrap: wrap !important; gap: 14px !important; } .khan-hero-left-wrap .khan-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 56px !important; padding: 15px 24px !important; border-radius: 6px !important; font-family: "Archivo", Arial, sans-serif !important; font-size: 14px !important; font-weight: 800 !important; text-transform: uppercase !important; text-decoration: none !important; } .khan-hero-left-wrap .khan-btn-primary { background: #D4AF37 !important; border: 2px solid #D4AF37 !important; color: #141416 !important; } .khan-hero-left-wrap .khan-btn-outline { background: transparent !important; border: 2px solid #F5F5F4 !important; color: #F5F5F4 !important; } /* ========================================== BOTTOM LINE ========================================== */ .khan-hero-left-wrap .khan-hero-bottom { margin: 26px 0 0 !important; color: rgba(245,245,244,.62) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.6 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } .khan-hero-left-wrap .khan-hero-bottom a, .khan-hero-left-wrap .khan-hero-bottom strong { color: #E9CB6B !important; } /* ========================================================= KHAN LEGAL GROUP FINAL PREMIUM HERO FORM ========================================================= */ /* ========================================================= FORM CARD ========================================================= */ .hero-form-card { position: relative !important; width: 490px !important; min-width: 490px !important; max-width: 490px !important; flex: 0 0 490px !important; flex-grow: 0 !important; flex-shrink: 0 !important; margin: 0 !important; padding: 20px 24px 22px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid rgba(212,175,55,.24) !important; border-radius: 10px !important; color: #171717 !important; overflow: visible !important; box-shadow: 0 28px 65px rgba(0,0,0,.38) !important; gap: 0 !important; } /* GOLD TOP ACCENT */ .hero-form-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px; border-radius: 10px 10px 0 0; background: linear-gradient( 90deg, #AD8422, #E9CB6B, #AD8422 ); z-index: 10; } /* ========================================================= REMOVE ELEMENTOR SPACING ========================================================= */ .hero-form-card > *, .hero-form-card .elementor-element, .hero-form-card .elementor-widget, .hero-form-card .elementor-widget-container, .hero-form-card .elementor-widget-shortcode, .hero-form-card .elementor-shortcode { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; box-sizing: border-box !important; } /* ========================================================= FORM TITLE ABOVE WPFORMS ========================================================= */ .hero-form-card .gex-form-head { width: 100% !important; margin: 0 0 15px !important; padding: 0 !important; text-align: left !important; } .hero-form-card .gex-form-kicker { display: block !important; margin: 0 0 6px !important; padding: 0 !important; color: #9B7417 !important; font-family: "Archivo", Arial, sans-serif !important; font-size: 9.5px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .14em !important; text-transform: uppercase !important; } .hero-form-card .gex-form-head h2 { width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; color: #151515 !important; font-family: "Archivo", Arial, sans-serif !important; font-size: 23px !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: -.035em !important; text-align: left !important; text-transform: none !important; } .hero-form-card .gex-form-head p { width: 100% !important; margin: 0 !important; padding: 0 !important; color: #706B65 !important; font-family: "Archivo", Arial, sans-serif !important; font-size: 11.5px !important; font-weight: 500 !important; line-height: 1.45 !important; text-align: left !important; } /* ========================================================= WPFORMS RESET ========================================================= */ .hero-form-card #wpforms-1019, .hero-form-card #wpforms-form-1019, .hero-form-card .wpforms-container, .hero-form-card .wpforms-container-full { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: visible !important; } /* HIDE WPFORMS OWN TITLE */ .hero-form-card .wpforms-title, .hero-form-card .wpforms-description { display: none !important; } /* ========================================================= FIELD WRAPPERS ========================================================= */ .hero-form-card #wpforms-form-1019 .wpforms-field { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 0 9px !important; box-sizing: border-box !important; overflow: visible !important; } /* ========================================================= LABELS ========================================================= */ .hero-form-card #wpforms-form-1019 .wpforms-field-label { display: block !important; margin: 0 0 5px !important; padding: 0 !important; color: #3D3935 !important; font-family: "Archivo", Arial, sans-serif !important; font-size: 10px !important; font-weight: 750 !important; line-height: 1.2 !important; letter-spacing: .055em !important; text-transform: uppercase !important; } .hero-form-card #wpforms-form-1019 .wpforms-required-label { color: #A67E1D !important; } /* ========================================================= FORCE EVERY FIELD FULL WIDTH ========================================================= */ .hero-form-card #wpforms-form-1019 .wpforms-field-small, .hero-form-card #wpforms-form-1019 .wpforms-field-medium, .hero-form-card #wpforms-form-1019 .wpforms-field-large { width: 100% !important; max-width: 100% !important; } .hero-form-card #wpforms-form-1019 input.wpforms-field-small, .hero-form-card #wpforms-form-1019 input.wpforms-field-medium, .hero-form-card #wpforms-form-1019 input.wpforms-field-large, .hero-form-card #wpforms-form-1019 select.wpforms-field-small, .hero-form-card #wpforms-form-1019 select.wpforms-field-medium, .hero-form-card #wpforms-form-1019 select.wpforms-field-large, .hero-form-card #wpforms-form-1019 textarea.wpforms-field-small, .hero-form-card #wpforms-form-1019 textarea.wpforms-field-medium, .hero-form-card #wpforms-form-1019 textarea.wpforms-field-large { width: 100% !important; max-width: 100% !important; } /* ========================================================= STANDARD INPUTS PHONE EXCLUDED ========================================================= */ .hero-form-card #wpforms-form-1019 input[type="text"], .hero-form-card #wpforms-form-1019 input[type="email"], .hero-form-card #wpforms-form-1019 input[type="number"], .hero-form-card #wpforms-form-1019 input[type="url"], .hero-form-card #wpforms-form-1019 input[type="date"], .hero-form-card #wpforms-form-1019 select { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 9px 11px !important; box-sizing: border-box !important; border: 1px solid #DAD7D1 !important; border-radius: 6px !important; background: #FAFAF8 !important; color: #181818 !important; font-family: "Archivo", Arial, sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.3 !important; outline: none !important; box-shadow: none !important; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important; } /* ========================================================= PLACEHOLDERS ========================================================= */ .hero-form-card #wpforms-form-1019 input::placeholder, .hero-form-card #wpforms-form-1019 textarea::placeholder { color: #96918B !important; opacity: 1 !important; } /* ========================================================= FOCUS ========================================================= */ .hero-form-card #wpforms-form-1019 input:focus, .hero-form-card #wpforms-form-1019 select:focus, .hero-form-card #wpforms-form-1019 textarea:focus { border-color: #C8A132 !important; background: #ffffff !important; box-shadow: 0 0 0 3px rgba(212,175,55,.11) !important; } /* ========================================================= NORMAL SELECT DROPDOWN ========================================================= */ .hero-form-card #wpforms-form-1019 select { visibility: visible !important; opacity: 1 !important; cursor: pointer !important; pointer-events: auto !important; appearance: auto !important; -webkit-appearance: menulist !important; } .hero-form-card #wpforms-form-1019 select option { color: #181818 !important; background: #ffffff !important; } /* ========================================================= PHONE FIELD ========================================================= */ .hero-form-card #wpforms-form-1019 .iti { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; } .hero-form-card #wpforms-form-1019 .iti input[type="tel"], .hero-form-card #wpforms-form-1019 input.wpforms-smart-phone-field { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding-top: 9px !important; padding-right: 11px !important; padding-bottom: 9px !important; /* SPACE FOR COUNTRY FLAG */ padding-left: 58px !important; box-sizing: border-box !important; border: 1px solid #DAD7D1 !important; border-radius: 6px !important; background: #FAFAF8 !important; color: #181818 !important; font-family: "Archivo", Arial, sans-serif !important; font-size: 13px !important; line-height: 1.3 !important; text-indent: 0 !important; outline: none !important; box-shadow: none !important; } /* PHONE FLAG */ .hero-form-card #wpforms-form-1019 .iti__country-container, .hero-form-card #wpforms-form-1019 .iti__flag-container { z-index: 30 !important; } /* PHONE COUNTRY DROPDOWN */ .hero-form-card #wpforms-form-1019 .iti__country-list, .hero-form-card #wpforms-form-1019 .iti__dropdown-content { z-index: 999999 !important; max-height: 220px !important; overflow-y: auto !important; background: #ffffff !important; color: #181818 !important; } .hero-form-card #wpforms-form-1019 .iti__country, .hero-form-card #wpforms-form-1019 .iti__country-name, .hero-form-card #wpforms-form-1019 .iti__dial-code { color: #181818 !important; } /* ========================================================= TEXTAREA ========================================================= */ .hero-form-card #wpforms-form-1019 textarea { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 68px !important; min-height: 68px !important; margin: 0 !important; padding: 9px 11px !important; box-sizing: border-box !important; border: 1px solid #DAD7D1 !important; border-radius: 6px !important; background: #FAFAF8 !important; color: #181818 !important; font-family: "Archivo", Arial, sans-serif !important; font-size: 13px !important; line-height: 1.4 !important; resize: vertical !important; outline: none !important; box-shadow: none !important; } /* ========================================================= CONSENT ========================================================= */ .hero-form-card #wpforms-form-1019 .wpforms-field-consent { padding-bottom: 8px !important; } .hero-form-card #wpforms-form-1019 .wpforms-field-consent label { margin: 0 !important; color: #77716C !important; font-family: "Archivo", Arial, sans-serif !important; font-size: 9px !important; font-weight: 400 !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; } .hero-form-card #wpforms-form-1019 .wpforms-field-consent input[type="checkbox"] { width: 14px !important; height: 14px !important; min-width: 14px !important; margin-top: 2px !important; } /* ========================================================= SUBMIT ========================================================= */ .hero-form-card #wpforms-form-1019 .wpforms-submit-container { width: 100% !important; margin: 0 !important; padding: 1px 0 0 !important; } .hero-form-card #wpforms-form-1019 button.wpforms-submit, .hero-form-card #wpforms-form-1019 button[type="submit"] { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 12px 16px !important; border: 1px solid #C29A29 !important; border-radius: 6px !important; background: linear-gradient( 180deg, #E9CB6B, #D4AF37 ) !important; color: #151515 !important; font-family: "Archivo", Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .055em !important; text-transform: uppercase !important; cursor: pointer !important; box-shadow: 0 8px 18px rgba(171,129,24,.18) !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important; } .hero-form-card #wpforms-form-1019 button.wpforms-submit:hover, .hero-form-card #wpforms-form-1019 button[type="submit"]:hover { transform: translateY(-2px) !important; background: linear-gradient( 180deg, #F0D77F, #DDBB4A ) !important; box-shadow: 0 11px 23px rgba(171,129,24,.23) !important; } /* ========================================================= ERROR TEXT ========================================================= */ .hero-form-card #wpforms-form-1019 .wpforms-error { margin-top: 3px !important; color: #B42318 !important; font-size: 9px !important; line-height: 1.2 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .hero-form-card { width: 100% !important; max-width: 520px !important; min-width: 0 !important; flex: 0 0 auto !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .hero-form-card { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 18px 16px 19px !important; border-radius: 8px !important; } .hero-form-card .gex-form-head { margin-bottom: 13px !important; } .hero-form-card .gex-form-kicker { margin-bottom: 5px !important; font-size: 9px !important; } .hero-form-card .gex-form-head h2 { margin-bottom: 5px !important; font-size: 20px !important; line-height: 1.14 !important; } .hero-form-card .gex-form-head p { font-size: 11px !important; line-height: 1.4 !important; } .hero-form-card #wpforms-form-1019 .wpforms-field { padding-bottom: 8px !important; } /* IOS ZOOM PROTECTION */ .hero-form-card #wpforms-form-1019 input[type="text"], .hero-form-card #wpforms-form-1019 input[type="email"], .hero-form-card #wpforms-form-1019 input[type="number"], .hero-form-card #wpforms-form-1019 input[type="url"], .hero-form-card #wpforms-form-1019 input[type="date"], .hero-form-card #wpforms-form-1019 select, .hero-form-card #wpforms-form-1019 textarea { font-size: 16px !important; } /* MOBILE PHONE FIX */ .hero-form-card #wpforms-form-1019 .iti input[type="tel"], .hero-form-card #wpforms-form-1019 input.wpforms-smart-phone-field { font-size: 16px !important; padding-top: 9px !important; padding-right: 11px !important; padding-bottom: 9px !important; padding-left: 58px !important; text-indent: 0 !important; } .hero-form-card #wpforms-form-1019 textarea { height: 66px !important; min-height: 66px !important; } .hero-form-card #wpforms-form-1019 .iti__country-list, .hero-form-card #wpforms-form-1019 .iti__dropdown-content { max-width: calc(100vw - 32px) !important; max-height: 210px !important; z-index: 999999 !important; } } /* ========================================================= CONSENT LINKS: GOLD GLOW ========================================================= */ .hero-form-card #wpforms-form-1019 .wpforms-field-consent a, .hero-form-card #wpforms-form-1019 .wpforms-field-consent a:link, .hero-form-card #wpforms-form-1019 .wpforms-field-consent a:visited { color: #D4AF37 !important; -webkit-text-fill-color: #D4AF37 !important; font-weight: 600 !important; text-decoration: underline !important; text-decoration-color: #D4AF37 !important; text-underline-offset: 3px !important; text-shadow: 0 0 4px rgba(212,175,55,.65), 0 0 9px rgba(212,175,55,.38) !important; transition: color .3s ease, text-shadow .3s ease !important; } .hero-form-card #wpforms-form-1019 .wpforms-field-consent a:hover, .hero-form-card #wpforms-form-1019 .wpforms-field-consent a:focus { color: #E9CB6B !important; -webkit-text-fill-color: #E9CB6B !important; text-shadow: 0 0 5px rgba(233,203,107,.95), 0 0 12px rgba(212,175,55,.70), 0 0 20px rgba(212,175,55,.40) !important; } /* ========================================================= FINAL OVERRIDE: PRIVACY POLICY + TERMS & CONDITIONS GLOWING GOLD ========================================================= */ .hero-form-card #wpforms-form-1019 .wpforms-field-consent label a, .hero-form-card #wpforms-form-1019 .wpforms-field-consent label a:link, .hero-form-card #wpforms-form-1019 .wpforms-field-consent label a:visited, .hero-form-card #wpforms-form-1019 .wpforms-field-consent .wpforms-field-label-inline a, .hero-form-card #wpforms-form-1019 .wpforms-field-consent .wpforms-field-label-inline a:link, .hero-form-card #wpforms-form-1019 .wpforms-field-consent .wpforms-field-label-inline a:visited { color: #D4AF37 !important; -webkit-text-fill-color: #D4AF37 !important; font-weight: 700 !important; text-decoration: underline !important; text-decoration-color: #D4AF37 !important; text-underline-offset: 3px !important; text-shadow: 0 0 3px rgba(212,175,55,.95), 0 0 7px rgba(212,175,55,.80), 0 0 13px rgba(212,175,55,.55) !important; } .hero-form-card #wpforms-form-1019 .wpforms-field-consent label a:hover, .hero-form-card #wpforms-form-1019 .wpforms-field-consent label a:focus, .hero-form-card #wpforms-form-1019 .wpforms-field-consent .wpforms-field-label-inline a:hover, .hero-form-card #wpforms-form-1019 .wpforms-field-consent .wpforms-field-label-inline a:focus { color: #E9CB6B !important; -webkit-text-fill-color: #E9CB6B !important; text-shadow: 0 0 4px rgba(233,203,107,1), 0 0 9px rgba(212,175,55,.95), 0 0 17px rgba(212,175,55,.70), 0 0 24px rgba(212,175,55,.45) !important; }/* End custom CSS */