.elementor-181 .elementor-element.elementor-element-a5ab5af{--display:flex;overflow:visible;}.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-181 .elementor-element.elementor-element-6289a0b{background-color:#24C177;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-181 .elementor-element.elementor-element-6289a0b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:capitalize;color:var( --e-global-color-astglobalcolor2 );}.elementor-181 .elementor-element.elementor-element-c0a0b00{--display:flex;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-8f855ba */.affiliate-page { font-family: 'Inter', sans-serif; color: #222325; max-width: 1000px; margin: 0 auto; padding: 20px; line-height: 1.6; }
.aff-hero { text-align: center; padding: 40px 0; }
.aff-badge { background: #e8f7ef; color: #1dbf73; padding: 6px 15px; border-radius: 20px; font-weight: 700; font-size: 14px; }
.aff-hero h1 { font-size: 38px; margin: 20px 0; font-weight: 800; }
.main-aff-img { width: 100%; max-width: 800px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); margin: 30px 0; }
.aff-btn-main { background: #1dbf73; color: white !important; padding: 15px 35px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 18px; display: inline-block; transition: 0.3s; }
.aff-btn-main:hover { background: #19a463; transform: translateY(-3px); }
.aff-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 50px; }
.aff-feature-card { background: #ffffff; padding: 30px; border: 1px solid #eee; border-radius: 12px; text-align: center; transition: 0.3s; }
.aff-feature-card:hover { border-color: #1dbf73; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }
.aff-how-it-works { background: #f7f9fa; padding: 50px 20px; border-radius: 20px; margin-top: 60px; text-align: center; }
.steps-wrapper { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; margin-top: 40px; }
.step-item { flex: 1; min-width: 200px; }
.step-circle { width: 50px; height: 50px; background: #1dbf73; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; font-size: 20px; font-weight: 800; }
.aff-final-cta { text-align: center; background: #222325; color: white; padding: 60px 20px; border-radius: 20px; margin-top: 60px; }
.aff-email-link { color: #1dbf73; font-weight: 800; text-decoration: none; font-size: 22px; display: block; margin-top: 15px; }
.aff-features-grid a, .aff-how-it-works a { color: #1dbf73; font-weight: 600; text-decoration: underline; }/* End custom CSS */