.carta-hero { padding: 46px 0 42px; }
.affiliate-intro-card { max-width: 1040px; margin: 0 auto; overflow: hidden; border: 1px solid #dce8ef; border-radius: 22px; background: #fff; box-shadow: 0 16px 38px rgba(23, 59, 95, .13); }
.affiliate-intro-card .carta-hero-image { height: 300px; border-radius: 0; box-shadow: none; }
.affiliate-intro-card .carta-hero-image::after { background: #6bae45; }
.affiliate-intro-card .carta-hero-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 47%; }
.affiliate-intro-card .leadership_about { padding: 30px 38px 26px; }
.affiliate-intro-card .section_title_lefts h1 { margin-bottom: 16px; font-size: 36px; }
.affiliate-intro-card .about_text { display: grid; grid-template-columns: 1.35fr 1fr; gap: 28px; }
.affiliate-intro-card .about_text p { margin: 0; font-size: 16px; line-height: 1.65; }
.affiliate-steps { padding: 82px 0 70px; background: #f5f8fb; }
.affiliate-heading { max-width: 760px; margin: 0 auto 38px; text-align: center; }
.affiliate-heading span { display: block; margin-bottom: 8px; color: #b11f2a; font-size: 13px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; }
.affiliate-heading h2 { margin: 0 0 14px; color: #18263a; font-size: 36px; line-height: 1.18; }
.affiliate-heading p { margin: 0; color: #5c6675; font-size: 17px; line-height: 1.7; }
.affiliate-step { position: relative; min-height: 285px; padding: 38px 30px 30px; overflow: hidden; background: #fff; border-radius: 12px; box-shadow: 0 12px 35px rgba(21, 39, 63, .09); }
.affiliate-step__number { position: absolute; top: 14px; right: 20px; color: #e7ebf0; font-size: 52px; font-weight: 800; line-height: 1; }
.affiliate-step > i { position: relative; display: inline-flex; width: 58px; height: 58px; margin-bottom: 22px; align-items: center; justify-content: center; color: #fff; background: #b11f2a; border-radius: 50%; font-size: 25px; }
.affiliate-step h3 { position: relative; margin: 0 0 13px; color: #18263a; font-size: 22px; }
.affiliate-step p { position: relative; margin: 0; color: #5c6675; font-size: 16px; line-height: 1.7; }
.affiliate-step a { color: #9d1722; font-weight: 700; overflow-wrap: anywhere; }
.affiliate-fees { padding: 0 0 76px; background: #f5f8fb; }
.affiliate-fees__box { display: grid; grid-template-columns: .8fr 2.2fr; gap: 34px; padding: 38px; border-left: 6px solid #b11f2a; border-radius: 14px; background: #fff; box-shadow: 0 12px 35px rgba(21, 39, 63, .09); }
.affiliate-fees__intro span { display: block; margin-bottom: 7px; color: #b11f2a; font-size: 12px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; }
.affiliate-fees__intro h2 { margin: 0 0 12px; color: #18263a; font-size: 30px; }
.affiliate-fees__intro p { margin: 0; color: #5c6675; font-size: 15px; line-height: 1.65; }
.affiliate-fees__list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.affiliate-fee { display: flex; min-height: 132px; padding: 18px 12px; align-items: center; flex-direction: column; justify-content: center; text-align: center; border: 1px solid #dce8ef; border-radius: 10px; background: #f8fafc; }
.affiliate-fee strong { color: #b11f2a; font-size: 21px; line-height: 1.2; }
.affiliate-fee span { margin: 9px 0 6px; color: #26374d; font-size: 13px; line-height: 1.35; }
.affiliate-fee small { color: #687586; font-size: 12px; font-weight: 700; text-transform: uppercase; }
@media (max-width: 991px) { .affiliate-fees__box { grid-template-columns: 1fr; } .affiliate-fees__list { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .breatcome_title h2 { font-size: 32px; line-height: 1.2; } .carta-hero { padding: 30px 0; } .affiliate-intro-card { border-radius: 16px; } .affiliate-intro-card .carta-hero-image { height: 210px; margin: 0; border-radius: 0; } .affiliate-intro-card .leadership_about { padding: 25px 22px 22px; } .affiliate-intro-card .section_title_lefts h1 { margin-bottom: 15px; font-size: 29px; } .affiliate-intro-card .about_text { display: block; } .affiliate-intro-card .about_text p + p { margin-top: 14px; } .affiliate-steps { padding: 52px 0 42px; } .affiliate-heading h2 { font-size: 29px; } .affiliate-step { min-height: 0; margin-bottom: 22px; } .affiliate-fees { padding-bottom: 52px; } .affiliate-fees__box { gap: 24px; padding: 28px 20px; } .affiliate-fees__intro h2 { font-size: 27px; } .affiliate-fees__list { grid-template-columns: 1fr; } .affiliate-fee { min-height: 0; } }