.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-51 .elementor-element.elementor-element-c6048c2 .fluentform-widget-wrapper{width:1280px;}.elementor-51 .elementor-element.elementor-element-c6048c2 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-51 .elementor-element.elementor-element-c6048c2 .fluentform-widget-wrapper{width:90%;}}@media(max-width:767px){.elementor-51 .elementor-element.elementor-element-c6048c2 .fluentform-widget-wrapper{width:90%;}}/* Start custom CSS *//* ========================================================= PRINTMD FUNNEL — STEP 1 PRINTING TYPE CARDS ========================================================= */ /* ----------------------------------------- QUESTION / LABEL ----------------------------------------- */ .printing-type-cards .ff-el-form-label { max-width: 1280px !important; margin: 0 auto 34px auto !important; color: #10213F !important; font-family: inherit !important; font-size: 52px !important; font-weight: 500 !important; line-height: 1.02 !important; letter-spacing: -2.5px !important; } /* ----------------------------------------- GRID ----------------------------------------- */ .printing-type-cards .ff-el-input--content { width: 100% !important; max-width: 1280px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 16px !important; } /* ----------------------------------------- REMOVE DEFAULT FIELD SPACING ----------------------------------------- */ .printing-type-cards .ff-el-form-check { margin: 0 !important; padding: 0 !important; } /* ----------------------------------------- HIDE REAL RADIO ----------------------------------------- */ .printing-type-cards input[type="radio"] { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important; } /* ----------------------------------------- CARD ----------------------------------------- */ .printing-type-cards .ff-el-form-check-label { position: relative !important; display: block !important; width: 100% !important; height: 200px !important; box-sizing: border-box !important; margin: 0 !important; padding: 30px 30px 28px 30px !important; background: #FFFFFF !important; border: 1px solid #D9E1EC !important; border-radius: 12px !important; color: #14213D !important; font-family: inherit !important; font-size: 18px !important; font-weight: 650 !important; line-height: 1.25 !important; cursor: pointer !important; transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease !important; } /* ----------------------------------------- HOVER ----------------------------------------- */ .printing-type-cards .ff-el-form-check-label:hover { border-color: #A9C8F8 !important; box-shadow: 0 8px 25px rgba(20, 45, 90, .05) !important; transform: translateY(-1px); } /* ----------------------------------------- ICON ----------------------------------------- */ .printing-type-cards .ff-el-form-check-label::before { position: absolute !important; left: 30px !important; top: 30px !important; width: 60px !important; height: 75px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; margin: 0 !important; border-radius: 8px !important; background: #F0F6FF !important; color: #0877F9 !important; font-size: 20px !important; font-weight: 400 !important; z-index: 2 !important; } /* ----------------------------------------- CARD TEXT POSITION ----------------------------------------- */ .printing-type-cards .ff-el-form-check-label { display: flex !important; align-items: flex-end !important; } /* ----------------------------------------- SELECTION CIRCLE ----------------------------------------- */ .printing-type-cards .ff-el-form-check-label::after { content: "" !important; position: absolute !important; right: 22px !important; top: 22px !important; width: 28px !important; height: 28px !important; box-sizing: border-box !important; border: 2px solid #C5D1E1 !important; border-radius: 50% !important; background: #FFFFFF !important; } /* ----------------------------------------- SELECTED CARD ----------------------------------------- */ .printing-type-cards .ff-el-form-check-label:has(input[type="radio"]:checked) { background: #F4F8FF !important; border-color: #0877F9 !important; box-shadow: 0 0 0 1px #0877F9 !important; } /* ----------------------------------------- SELECTED CIRCLE ----------------------------------------- */ .printing-type-cards .ff-el-form-check-label:has(input[type="radio"]:checked)::after { content: "✓" !important; display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; background: #0877F9 !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; } /* ----------------------------------------- ICON DEFINITIONS ------------------------ /* ========================================= PrintMD — Card Icons Font Awesome version ========================================= */ /* ========================================= PrintMD Creative Icon Set ========================================= */ .printing-type-cards .ff-el-form-check-label::before { content: "" !important; background-image: url("https://printingmd.com/wp-content/uploads/2026/10/Glossy-Blue-Document-Icon-Set.png") !important; background-repeat: no-repeat !important; background-size: 400% 200% !important; background-color: transparent !important; border-radius: 8px !important; font-family: inherit !important; } /* 1 — Booklets */ .printing-type-cards .ff-el-form-check:nth-child(1) .ff-el-form-check-label::before { background-position: 0% 0% !important; } /* 2 — Brochures */ .printing-type-cards .ff-el-form-check:nth-child(2) .ff-el-form-check-label::before { background-position: 33.333% 0% !important; } /* 3 — Business Cards */ .printing-type-cards .ff-el-form-check:nth-child(3) .ff-el-form-check-label::before { background-position: 66.666% 0% !important; } /* 4 — Direct Mail */ .printing-type-cards .ff-el-form-check:nth-child(4) .ff-el-form-check-label::before { background-position: 100% 0% !important; } /* 5 — Flyers */ .printing-type-cards .ff-el-form-check:nth-child(5) .ff-el-form-check-label::before { background-position: 0% 100% !important; } /* 6 — Postcards */ .printing-type-cards .ff-el-form-check:nth-child(6) .ff-el-form-check-label::before { background-position: 33.333% 100% !important; } /* 7 — Presentation Materials */ .printing-type-cards .ff-el-form-check:nth-child(7) .ff-el-form-check-label::before { background-position: 66.666% 100% !important; } /* 8 — Other Commercial Printing */ .printing-type-cards .ff-el-form-check:nth-child(8) .ff-el-form-check-label::before { background-position: 100% 100% !important; } /* ----------------------------------------- MOBILE ----------------------------------------- */ @media (max-width: 1024px) { .printing-type-cards .ff-el-input--content { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 800px !important; } .printing-type-cards .ff-el-form-label { font-size: 42px !important; } } @media (max-width: 767px) { .printing-type-cards .ff-el-input--content { grid-template-columns: 1fr !important; gap: 12px !important; } .printing-type-cards .ff-el-form-label { font-size: 36px !important; letter-spacing: -1.5px !important; } .printing-type-cards .ff-el-form-check-label { height: 150px !important; } } /* ========================================= PrintMD Funnel - Continue Button ========================================= */ /* ========================================= PrintMD - Fluent Forms Next Button ========================================= */ .printmd-funnel button[type="button"] { min-width: 190px !important; height: 58px !important; padding: 0 28px !important; border: none !important; border-radius: 9px !important; background: #0877F9 !important; color: #FFFFFF !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; box-shadow: 0 12px 30px rgba(8,119,249,.18) !important; transition: all .2s ease !important; } .printmd-funnel button[type="button"]:hover { background: #0669DD !important; transform: translateY(-2px); box-shadow: 0 16px 34px rgba(8,119,249,.25) !important; } /* Disabled Continue button */ .printmd-funnel .ff-btn-next:disabled, .printmd-funnel .ff-btn-next.disabled { background: #B8C0CC !important; color: #FFFFFF !important; cursor: not-allowed !important; box-shadow: none !important; transform: none !important; }/* End custom CSS */