.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-136 .elementor-element.elementor-element-53ff8c6 > .elementor-widget-container{margin:-28px 0px 0px 0px;padding:-34px -1px -1px -1px;}.elementor-136 .elementor-element.elementor-element-53ff8c6{text-align:center;}.elementor-136 .elementor-element.elementor-element-53ff8c6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;color:var( --e-global-color-4a2a195 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-136 .elementor-element.elementor-element-4cd0185{text-align:center;color:var( --e-global-color-4a2a195 );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-136 .elementor-element.elementor-element-241efc8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-136 .elementor-element.elementor-element-241efc8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-136 .elementor-element.elementor-element-241efc8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-136 .elementor-element.elementor-element-241efc8 .elementor-icon-list-text{transition:color 0.3s;}.elementor-136 .elementor-element.elementor-element-ebe8489 > .elementor-background-overlay{opacity:0.5;}.elementor-136 .elementor-element.elementor-element-26a64cf > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-136 .elementor-element.elementor-element-26a64cf > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:transparent;background-image:linear-gradient(180deg, #00D4FF 0%, #1E7CFF 100%);border-style:solid;}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-modern-checkout, .cartflows_step-template .select2-container--default .select2-results__option--highlighted[aria-selected], .cartflows_step-template .select2-container--default .select2-results__option--highlighted[data-selected]{--wcf-primary-color:var( --e-global-color-primary );}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text:focus, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea:focus, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus{box-shadow:var( --e-global-color-primary );}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-one.wcf-current:before, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-two.wcf-current:before{background-color:var( --e-global-color-primary );}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note:before{border-top-color:var( --e-global-color-primary );}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce #order_review button, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-modern-checkout{--wcf-text-color:#FFFFFF;--wcf-link-color:#FFFFFF;--wcf-payment-section-bg-color:#111827;}.elementor-136 .elementor-element.elementor-element-e44ecf4 .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-family:"Inter", Sans-serif;}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-modern-checkout{--wcf-heading-color:#000000;--wcf-field-bg-color:#111827;--wcf-field-border-color:#1F2937;}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce-checkout, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-modern-checkout{--wcf-field-label-color:var( --e-global-color-accent );}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form #order_review .wcf-custom-coupon-field input[type="text"], .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce form .form-row select{border-style:solid;}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{font-family:"Inter", Sans-serif;}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-modern-checkout{--wcf-btn-text-color:#FFFFFF;}body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{color:#FFFFFF;}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{border-radius:12px 12px 12px 12px;}.elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce .woocommerce-error, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce .woocommerce-NoticeGroup .woocommerce-error, .elementor-136 .elementor-element.elementor-element-e44ecf4 .wcf-embed-checkout-form .woocommerce .woocommerce-notices-wrapper .woocommerce-error{background-color:#111827;}.elementor-136 .elementor-element.elementor-element-b3603f4 img{width:28%;}.elementor-136 .elementor-element.elementor-element-13d7d2a > .elementor-widget-container{margin:31px 31px 31px 31px;padding:11px 11px 11px 11px;}.elementor-136 .elementor-element.elementor-element-13d7d2a{text-align:center;color:var( --e-global-color-4a2a195 );}@media(max-width:767px){.elementor-136 .elementor-element.elementor-element-53ff8c6 > .elementor-widget-container{margin:-19px -19px -19px -19px;padding:-24px -24px -24px -24px;}.elementor-136 .elementor-element.elementor-element-53ff8c6 .elementor-heading-title{font-size:19px;}.elementor-136 .elementor-element.elementor-element-b3603f4 img{width:30%;}}/* Start custom CSS for image, class: .elementor-element-16c51dd *//* ========================= VixLogo – Premium Neon Aura ========================= */ .vixlogo{ position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 22px; } .vixlogo img{ width: clamp(130px, 18vw, 200px); height: auto; position: relative; z-index: 2; filter: drop-shadow(0 0 20px rgba(0, 229, 255, .28)) drop-shadow(0 0 50px rgba(90, 0, 255, .20)); transition: transform .4s ease, filter .4s ease; } /* Cyber Aura */ .vixlogo::before{ content:""; position:absolute; width:240px; height:240px; background: radial-gradient(circle, rgba(0,229,255,.30) 0%, rgba(90,0,255,.22) 35%, rgba(0,0,0,0) 70%); border-radius:50%; filter: blur(50px); z-index:1; animation: vixGlow 4s ease-in-out infinite alternate; opacity:.95; } /* Subtle Outer Ring */ .vixlogo::after{ content:""; position:absolute; width:260px; height:260px; border-radius:50%; background: radial-gradient(circle, rgba(0,229,255,.18) 0%, transparent 65%); filter: blur(70px); z-index:0; opacity:.6; } /* Hover */ .vixlogo:hover img{ transform: scale(1.07); filter: drop-shadow(0 0 30px rgba(0,229,255,.55)) drop-shadow(0 0 70px rgba(90,0,255,.40)); } /* Animation */ @keyframes vixGlow{ 0%{ transform: scale(1); opacity:.85; } 100%{ transform: scale(1.08); opacity:1; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-53ff8c6 *//* ================================ VisitXO Premium Brand Header ================================ */ .vx-header-premium{ position: relative; padding: 55px 35px 40px; text-align: center; background: radial-gradient( 800px 400px at 50% -10%, rgba(0,212,255,.08), transparent 70% ); } /* Top luxury glow line */ .vx-header-premium::before{ content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:70%; height:1px; background: linear-gradient( 90deg, transparent, rgba(0,212,255,.6), transparent ); box-shadow: 0 0 18px rgba(0,212,255,.4); } /* LOGO */ .vx-header-premium .vx-logo img{ max-width: 190px; transition: .3s ease; filter: drop-shadow(0 8px 25px rgba(0,212,255,.25)); } .vx-header-premium .vx-logo img:hover{ transform: translateY(-2px); filter: drop-shadow(0 12px 35px rgba(0,212,255,.45)); } /* MAIN TITLE */ .vx-header-premium h1{ font-size: clamp(28px, 3vw, 42px); font-weight: 800; letter-spacing: .6px; margin: 25px 0 15px; background: linear-gradient( 90deg, #ffffff, #00D4FF 45%, #1E7CFF 85% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* SUBTITLE */ .vx-header-premium p{ max-width: 640px; margin: 0 auto; font-size: 16px; line-height: 1.7; color: rgba(234,242,255,.75); } /* Trust small line */ .vx-header-premium .vx-trust{ margin-top: 18px; font-size: 14px; color: rgba(234,242,255,.55); letter-spacing: .3px; } /* subtle hover elevation */ .vx-header-premium:hover{ box-shadow: 0 0 70px rgba(0,212,255,.06); } /* mobile */ @media (max-width:768px){ .vx-header-premium{ padding: 40px 20px 30px; } .vx-header-premium h1{ font-size: 26px; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-241efc8 *//* =============================== VisitXO Premium Icon List ================================ */ .vx-icon-list .elementor-icon-list-items{ padding: 0; margin: 0; } .vx-icon-list .elementor-icon-list-item{ display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border-radius: 14px; transition: .25s ease; } /* Hover subtle glow */ .vx-icon-list .elementor-icon-list-item:hover{ background: rgba(0,212,255,.06); box-shadow: 0 0 20px rgba(0,212,255,.08); transform: translateY(-2px); } /* Icon styling */ .vx-icon-list .elementor-icon{ font-size: 18px; color: #00D4FF !important; filter: drop-shadow(0 0 8px rgba(0,212,255,.35)); transition: .3s ease; } /* Icon glow stronger on hover */ .vx-icon-list .elementor-icon-list-item:hover .elementor-icon{ color: #1E7CFF !important; filter: drop-shadow(0 0 15px rgba(0,212,255,.6)); } /* Text */ .vx-icon-list .elementor-icon-list-text{ font-size: 15px; color: rgba(234,242,255,.82); line-height: 1.6; transition: .2s ease; } /* Strong text highlight (optional) */ .vx-icon-list .elementor-icon-list-item:hover .elementor-icon-list-text{ color: #ffffff; } /* Mobile */ @media(max-width:768px){ .vx-icon-list .elementor-icon-list-item{ padding: 10px 10px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-7408378 */.vx-rating-real{ text-align:center; margin:22px 0; font-family: inherit; } .vx-stars{ display:flex; justify-content:center; gap:4px; margin-bottom:6px; } .star{ font-size:18px; line-height:1; } .star.full{ background: linear-gradient(90deg,#00e5ff,#2e8bff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; filter: drop-shadow(0 0 6px rgba(0,229,255,.5)); } .star.partial{ background: linear-gradient(90deg,#00e5ff 90%, rgba(255,255,255,0.2) 90%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; filter: drop-shadow(0 0 6px rgba(0,229,255,.4)); } .vx-rating-text{ font-size:14px; color:#ffffff; opacity:.85; letter-spacing:.3px; } .vx-rating-text strong{ font-size:16px; font-weight:700; opacity:1; }/* End custom CSS */ /* Start custom CSS for checkout-form, class: .elementor-element-e44ecf4 *//* ========================= VisitXO Premium Checkout (SaaS Glass) Paste as ONE block ========================= */ /* 0) Variables */ :root{ --vx-bg:#0B1220; --vx-panel:rgba(255,255,255,.035); --vx-panel-2:rgba(255,255,255,.055); --vx-stroke:rgba(0,212,255,.22); --vx-stroke-2:rgba(255,255,255,.10); --vx-text:#EAF2FF; --vx-muted:rgba(234,242,255,.72); --vx-accent:#00D4FF; --vx-accent2:#1E7CFF; --vx-danger:#ff4d4d; --vx-radius:20px; } /* 1) Page background (safe) */ body.woocommerce-checkout, .woocommerce-checkout{ background: radial-gradient(900px 500px at 50% 0%, rgba(0,212,255,.10), transparent 60%), radial-gradient(700px 450px at 15% 20%, rgba(30,124,255,.10), transparent 60%), var(--vx-bg) !important; color: var(--vx-text); } /* 2) Main checkout wrapper (cartflows/elementor friendly) */ .woocommerce-checkout .woocommerce, .woocommerce-checkout form.checkout, .cartflows-checkout-form, .wcf-checkout-container{ max-width: 1180px; margin: 0 auto; } /* 3) Make all blocks look like premium cards */ . .woocommerce-checkout .woocommerce-additional-fields, .woocommerce-checkout-review-order, .woocommerce-checkout .woocommerce-checkout-payment{ background: var(--vx-panel) !important; border: 1px solid var(--vx-stroke) !important; border-radius: var(--vx-radius) !important; box-shadow: 0 18px 55px rgba(0,0,0,.55); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 22px !important; } /* 4) Titles */ .woocommerce-checkout h3, .woocommerce-checkout .woocommerce-billing-fields h3, .woocommerce-checkout .woocommerce-checkout-review-order-table thead th{ color: var(--vx-text) !important; letter-spacing: .2px; font-weight: 700; } /* 5) Labels + text */ .woocommerce-checkout label{ color: var(--vx-muted) !important; font-weight: 500; } .woocommerce-checkout .form-row{ margin-bottom: 14px !important; } /* 6) Inputs (premium) */ .woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"], .woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="password"], .woocommerce-checkout textarea, .woocommerce-checkout select{ background: rgba(255,255,255,.035) !important; border: 1px solid rgba(255,255,255,.10) !important; color: var(--vx-text) !important; border-radius: 14px !important; padding: 12px 14px !important; outline: none !important; box-shadow: 0 0 0 rgba(0,0,0,0); transition: .2s ease; } .woocommerce-checkout input::placeholder, .woocommerce-checkout textarea::placeholder{ color: rgba(234,242,255,.45) !important; } .woocommerce-checkout input:focus, .woocommerce-checkout textarea:focus, .woocommerce-checkout select:focus{ border-color: rgba(0,212,255,.55) !important; box-shadow: 0 0 0 4px rgba(0,212,255,.10) !important; } /* 7) Order table (Product/Subtotal/Total) */ .woocommerce-checkout-review-order-table{ background: transparent !important; border-collapse: separate !important; border-spacing: 0 10px !important; } .woocommerce-checkout-review-order-table thead th{ color: rgba(234,242,255,.70) !important; border: none !important; padding: 8px 10px !important; } .woocommerce-checkout-review-order-table tbody tr, .woocommerce-checkout-review-order-table tfoot tr{ background: rgba(255,255,255,.03) !important; border: 1px solid rgba(255,255,255,.10) !important; } .woocommerce-checkout-review-order-table tbody tr td, .woocommerce-checkout-review-order-table tfoot tr td, .woocommerce-checkout-review-order-table tfoot tr th{ border: none !important; padding: 12px 12px !important; color: var(--vx-text) !important; } .woocommerce-checkout-review-order-table tbody tr td:first-child, .woocommerce-checkout-review-order-table tfoot tr th{ color: rgba(234,242,255,.80) !important; } .woocommerce-checkout-review-order-table tbody tr td:last-child, .woocommerce-checkout-review-order-table tfoot tr td:last-child{ text-align: right !important; } /* Highlight subtotal/total */ .woocommerce-checkout-review-order-table tfoot .cart-subtotal td, .woocommerce-checkout-review-order-table tfoot .order-total td{ background: rgba(0,212,255,.08) !important; border-radius: 12px !important; font-weight: 700; } .woocommerce-checkout-review-order-table tfoot .order-total td{ background: rgba(30,124,255,.10) !important; } /* 8) Payment box */ .woocommerce-checkout-payment{ margin-top: 16px !important; } .woocommerce-checkout-payment ul.payment_methods{ background: rgba(255,255,255,.02) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 16px !important; padding: 14px !important; } .woocommerce-checkout-payment .payment_box{ background: rgba(0,212,255,.06) !important; border: 1px solid rgba(0,212,255,.18) !important; border-radius: 14px !important; color: var(--vx-text) !important; } /* 9) Place Order button (SaaS CTA) */ #place_order, button#place_order, .woocommerce-checkout button.button.alt{ width: 100% !important; border: none !important; border-radius: 16px !important; padding: 16px 18px !important; font-size: 16px !important; font-weight: 800 !important; letter-spacing: .6px !important; color: #06101a !important; background: linear-gradient(90deg, var(--vx-accent), var(--vx-accent2)) !important; box-shadow: 0 18px 45px rgba(0,212,255,.20); transition: transform .15s ease, box-shadow .2s ease, filter .2s ease; } #place_order:hover, button#place_order:hover, .woocommerce-checkout button.button.alt:hover{ transform: translateY(-1px); box-shadow: 0 22px 60px rgba(0,212,255,.28); filter: brightness(1.05); } #place_order:active, button#place_order:active{ transform: translateY(0px); } /* 10) Notices */ .woocommerce-error, .woocommerce-message, .woocommerce-info{ border-radius: 14px !important; border: 1px solid rgba(255,255,255,.12) !important; background: rgba(255,255,255,.04) !important; color: var(--vx-text) !important; } .woocommerce-error{ border-color: rgba(255,77,77,.35) !important; background: rgba(255,77,77,.08) !important; } /* 11) Remove harsh borders/lines */ .woocommerce-checkout *{ text-rendering: geometricPrecision; } .woocommerce-checkout-review-order-table tr, .woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table th{ border-color: transparent !important; } /* 12) Mobile layout polishing */ @media (max-width: 768px){ .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout-review-order, .woocommerce-checkout .woocommerce-checkout-payment{ padding: 16px !important; border-radius: 16px !important; } #place_order, button#place_order{ padding: 14px 16px !important; border-radius: 14px !important; font-size: 15px !important; } .woocommerce-checkout-review-order-table{ border-spacing: 0 8px !important; } } /* 13) Optional: smooth divider line under sections (subtle) */ .woocommerce-checkout .woocommerce-billing-fields:after, .woocommerce-checkout-review-order:after{ content:""; display:block; height:1px; margin-top: 18px; background: linear-gradient(90deg, transparent, rgba(0,212,255,.35), transparent); } VisitXO Checkout – Left Form Fix Labels + Spacing + Layout ================================ */ /* مسافة بين الحقول */ .woocommerce-checkout .form-row{ margin-bottom: 16px !important; } /* اظهار الليبل فوق الحقول */ .woocommerce-checkout .form-row label, .wcf-field-label, .wcf-field-label label, .wcf-field-wrapper label, .woocommerce-checkout .woocommerce-billing-fields label{ display: block !important; position: static !important; opacity: 1 !important; visibility: visible !important; height: auto !important; clip: auto !important; margin: 0 0 6px !important; font-size: 13px !important; font-weight: 600 !important; color: rgba(234,242,255,.85) !important; } /* تحسين شكل الحقول */ .woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"], .woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="password"], .woocommerce-checkout textarea, .woocommerce-checkout select{ height: 48px !important; padding: 12px 14px !important; border-radius: 14px !important; } /* ترتيب First / Last Name في سطر واحد */ @media (min-width: 768px){ .woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last{ width: 48% !important; } .woocommerce-checkout .form-row-first{ margin-right: 4% !important; } } /* مسافة داخل قسم Billing */ .woocommerce-checkout .woocommerce-billing-fields{ padding: 24px !important; } /* تحسين placeholder */ .woocommerce-checkout input::placeholder, .woocommerce-checkout textarea::placeholder{ opacity: .6 !important; } /* =============================== VisitXO SaaS Clean Button ================================ */ #place_order, button#place_order, .woocommerce-checkout button.button.alt{ width: 100% !important; padding: 16px 20px !important; border-radius: 14px !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: .3px !important; border: 1px solid rgba(0,212,255,.25) !important; color: #ffffff !important; background: linear-gradient( 90deg, #00CFFF, #1E7CFF ) !important; box-shadow: 0 6px 18px rgba(0,212,255,.18); transition: all .2s ease !important; } /* Hover – بسيط وراقي */ #place_order:hover{ transform: translateY(-1px); box-shadow: 0 10px 28px rgba(0,212,255,.25); } /* Click Glow Effect (لحظة ضغط) */ #place_order:active{ transform: translateY(0); box-shadow: 0 0 0 4px rgba(0,212,255,.25), 0 0 30px rgba(0,212,255,.35); } @media (max-width: 767px){ .woocommerce-checkout .woocommerce-privacy-policy-text, .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p{ font-size: 13px !important; line-height: 1.7 !important; } } /* Make privacy policy minimal & non-distracting */ .woocommerce-checkout .woocommerce-privacy-policy-text { font-size: 11px !important; line-height: 1.4 !important; color: rgba(255,255,255,0.45) !important; text-align: center !important; margin-top: 8px !important; max-width: 90%; margin-left: auto; margin-right: auto; } /* Make link subtle */ .woocommerce-checkout .woocommerce-privacy-policy-text a { color: rgba(255,255,255,0.6) !important; text-decoration: underline; } .elementor-136 .elementor-element.elementor-element-e44ecf4 .woocommerce-checkout #place_order{ padding: 22px 22px 26px !important; font-weight: 900 !important; font-size: 16px !important; letter-spacing: .8px !important; text-transform: uppercase !important; line-height: 1.2 !important; border-radius: 18px !important; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; } .elementor-136 .elementor-element.elementor-element-e44ecf4 .woocommerce-checkout #place_order::after{ content: "No auto-renewal • Cancel anytime"; display: block; margin-top: 6px; font-size: 13px; font-weight: 500; letter-spacing: .2px; text-transform: none; opacity: .85; text-align: center; } .elementor-136 .elementor-element.elementor-element-e44ecf4 .woocommerce-checkout #place_order:hover, .elementor-136 .elementor-element.elementor-element-e44ecf4 .woocommerce-checkout #place_order:focus{ transform: scale(1.03); filter: brightness(1.06); box-shadow: 0 0 18px rgba(0,229,255,.35), 0 0 44px rgba(0,150,255,.25); outline: none; } @media (max-width: 767px){ .elementor-136 .elementor-element.elementor-element-e44ecf4 .woocommerce-checkout #place_order:hover, .elementor-136 .elementor-element.elementor-element-e44ecf4 .woocommerce-checkout #place_order:focus{ transform: none; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-ebe8489 *//* === VisitXO Checkout: Make Order Summary Dark (Product/Subtotal/Total) === */ /* الخلفية العامة لجدول الطلب */ .woocommerce-checkout-review-order, .woocommerce-checkout-review-order table, .woocommerce-checkout-review-order .shop_table, #order_review, #order_review table{ background: rgba(10, 18, 28, 0.55) !important; border: 1px solid rgba(0, 212, 255, 0.18) !important; border-radius: 14px !important; overflow: hidden !important; } /* صفوف Product / Subtotal / Total */ .woocommerce-checkout-review-order table th, .woocommerce-checkout-review-order table td, #order_review .shop_table th, #order_review .shop_table td{ background: transparent !important; color: #EAF7FF !important; border-color: rgba(255,255,255,0.08) !important; } /* عناوين الجدول (Product / Subtotal) */ .woocommerce-checkout-review-order thead th, #order_review .shop_table thead th{ color: #BFEFFF !important; font-weight: 700 !important; } /* اسم المنتج */ .woocommerce-checkout-review-order .product-name{ color: #EAF7FF !important; font-weight: 600 !important; } /* الأسعار */ .woocommerce-checkout-review-order .product-total, .woocommerce-checkout-review-order .cart-subtotal td, .woocommerce-checkout-review-order .order-total td{ color: #00D4FF !important; font-weight: 700 !important; } /* صف Total بشكل أقوى */ .woocommerce-checkout-review-order .order-total th, .woocommerce-checkout-review-order .order-total td{ background: rgba(0, 212, 255, 0.08) !important; } /* موبايل: مسافات أقل */ @media (max-width: 767px){ .woocommerce-checkout-review-order, #order_review{ border-radius: 12px !important; } .woocommerce-checkout-review-order table th, .woocommerce-checkout-review-order table td{ padding: 10px 12px !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b3603f4 *//* =============================== VisitXO Guarantee — Cyber Glow ================================ */ .vx-guarantee-cyber{ position: relative; text-align: center; margin: 28px 0 20px; } /* الصورة */ .vx-guarantee-cyber img{ width: clamp(120px, 18vw, 170px); height: auto; position: relative; z-index: 2; filter: drop-shadow(0 0 18px rgba(0,212,255,.35)) drop-shadow(0 0 45px rgba(0,212,255,.18)); transition: transform .3s ease, filter .3s ease; } /* هالة نيون خلفية */ .vx-guarantee-cyber::before{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width: 220px; height: 220px; background: radial-gradient(circle, rgba(0,212,255,.35) 0%, rgba(30,124,255,.25) 35%, transparent 70%); border-radius:50%; filter: blur(55px); opacity:.85; z-index:1; animation: vxPulse 3.5s ease-in-out infinite alternate; } /* حركة تنفس خفيفة */ @keyframes vxPulse{ from{ transform:translate(-50%, -50%) scale(1); opacity:.75; } to{ transform:translate(-50%, -50%) scale(1.1); opacity:1; } } /* Hover */ .vx-guarantee-cyber:hover img{ transform: translateY(-4px) scale(1.05); filter: drop-shadow(0 0 28px rgba(0,212,255,.6)) drop-shadow(0 0 60px rgba(0,212,255,.35)); } /* موبايل */ @media (max-width:768px){ .vx-guarantee-cyber::before{ width:170px; height:170px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-13d7d2a *//* ===== Guarantee Text ===== */ .vx-guarantee-text{ color:rgba(234,242,255,.78) !important; font-size:14.5px !important; line-height:1.65 !important; letter-spacing:.15px !important; } .vx-guarantee-text strong{ color:#EAF2FF !important; } /* Hide Subtotal row */ .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal { display: none !important; }/* End custom CSS */