.section.subscribes {width: 100%;max-width: 1920px;margin: 0 auto;background: var(--white); } .section.subscribes > .container {padding-top: 2.3125rem;padding-bottom: 3.75rem;text-align: center; } .section.subscribes > .container h1, .section.subscribes > .container .h1 {font-size: 2.8125rem;letter-spacing: 0.0125rem;margin-bottom: 1.125rem; } .section.subscribes > .container h2, .section.subscribes > .container .h2, .section.subscribes > .container h3, .section.subscribes > .container .h3 {text-align: center;font-size: 1.6875rem;font-weight: 300;line-height: 1.3;padding-left: 8.5625rem;padding-right: 8.5625rem;margin-bottom: 2.4375rem; } @media (max-width: 767.98px) {.section.subscribes > .container h2, .section.subscribes > .container .h2, .section.subscribes > .container h3, .section.subscribes > .container .h3 {padding-left: 0;padding-right: 0;} } .section.subscribes > .container h2, .section.subscribes > .container .h2 {letter-spacing: -0.0375rem; } .section.subscribes > .container h3, .section.subscribes > .container .h3 {letter-spacing: -0.025rem; } .section.subscribes > .container .content {margin-bottom: 3.625rem; } .section.subscribes > .container picture {display: flex;align-items: center;justify-content: center;padding-bottom: 3.25rem; } .section.subscribes > .container svg {max-width: 32.125rem;margin-bottom: 3.375rem;width: 100%; } .section.subscribes > .container .card {background: var(--color2);color: var(--white);border: 0; } .section.subscribes > .container .card .card-header {padding: 0.9375rem 0 0.6875rem 0;display: flex;align-items: center;justify-content: center;border: 0; } .section.subscribes > .container .card .card-header h2, .section.subscribes > .container .card .card-header .h2 {margin: 0;color: var(--white);text-transform: uppercase;font-weight: 700;font-size: 2.375rem; } .section.subscribes > .container .card .card-body {color: var(--white);padding-bottom: 0.9375rem; } .section.subscribes > .container .card .card-body .content {width: 100%;text-align: center;font-size: 1.5625rem;letter-spacing: -0.0125rem;margin: 0; } .section.subscribes > .container .card .card-body h4, .section.subscribes > .container .card .card-body .h4 {color: var(--white);font-size: 2.1875rem;letter-spacing: -0.025rem;margin: 0; } .section.subscribes > .container .card .card-footer {border: 0;padding: 0;display: flex;align-items: center;justify-content: center;padding-bottom: 1.4375rem; } .section.subscribes > .container .card .card-footer .btn {font-weight: 700;font-size: 1.4375rem;padding: 0.25rem 1.875rem;border-radius: 1.375rem; } .section.subscribes > .container .row {display: grid;grid-template-areas: "col-1 col-2";margin: 0 15.625rem; } @media (max-width: 1099.98px) {.section.subscribes > .container .row {margin: 0 auto;width: fit-content;} } @media (max-width: 991.98px) {.section.subscribes > .container .row {gap: 0;} } @media (max-width: 767.98px) {.section.subscribes > .container .row {grid-template-areas: "col-1" "col-2";} } .section.subscribes > .container .row .col {max-width: none; } @media (max-width: 991.98px) {.section.subscribes > .container .row .col {margin-bottom: 1.25rem;} } .section.subscribes > .container .row .col.col-1 {grid-area: col-1; } .section.subscribes > .container .row .col.col-1 .card .card-header {background: var(--primary); } .section.subscribes > .container .row .col.col-2 {grid-area: col-2; } .section.subscribes > .container .row .col.col-2 .card .card-header {background: var(--secondary); }