.section.rightarticle {padding-bottom: 3.8125rem; } .section.rightarticle h2 {text-align: center; } .section.rightarticle .claim {text-align: center;font-weight: 500;padding: 1.875rem 0; } @media (min-width: 768px) {.section.rightarticle .claim {font-size: 1.5rem;} } .section.rightarticle .row > * {margin-bottom: 1.875rem; } @media (min-width: 576px) {.section.rightarticle .row > * {margin-bottom: 0;} } @media (min-width: 992px) {.section.rightarticle .col-lg-4 {flex: 0 0 37.5%;max-width: 37.5%;} } @media (min-width: 992px) {.section.rightarticle .col-lg-8 {flex: 0 0 62.5%;max-width: 62.5%;} } .section.rightarticle .image {aspect-ratio: 444/528;position: relative;height: 100%;max-width: 100%; } .section.rightarticle .image .img-fluid {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;border-radius: 0.75rem; } .section.rightarticle .image::before {content: "";position: absolute;inset: 0;border-radius: inherit;padding: 3px;background: conic-gradient(from 180deg at 50% 100%, rgb(251, 191, 36) 0%, rgba(251, 191, 36, 0) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;border-radius: 0.75rem;transform: none;z-index: 2; } @media (min-width: 768px) {.section.rightarticle .image::before {transform: translateX(2%) translateY(2%);} } @media (min-width: 992px) {.section.rightarticle .image::before {transform: translateX(3%) translateY(3%);} } @media (min-width: 1140px) {.section.rightarticle .image::before {transform: translateX(5%) translateY(5%);} } .section.rightarticle .content {height: 100%; } @media (min-width: 768px) {.section.rightarticle .content {padding-right: 3.125rem;} } .section.rightarticle .content h3 {font-weight: 700; } .section.rightarticle .content p {font-size: 1.125rem; } .section.rightarticle .content .list-bigger {margin-bottom: 1.875rem; } .section.rightarticle .content .list-bigger li {font-size: 1.125rem;margin-bottom: 0.9375rem; } .section.rightarticle .content .list-bigger li::before {top: 0.625rem; } .section.rightarticle .content .list-cards {list-style: none;padding-left: 0; } .section.rightarticle .content .list-cards li {padding: 1rem;background: rgba(0, 0, 0, 0.1);border-radius: 0.75rem;margin-bottom: 0.75rem;font-weight: 600;display: flex;align-items: center; } .section.rightarticle .content .list-cards li img {margin-right: 0.9375rem; } .section.rightarticle .content .list-cards li span {font-weight: 400;color: #9CA3AF; } .section.rightarticle .content .list-cards.bigger li {padding: 1.5rem;font-size: 1.125rem; } .section.rightarticle .content .list-cards.center li {justify-content: center;text-align: center; } .section.rightarticle .content .advantages.row > * {margin-bottom: 1.25rem; } .section.rightarticle .content .advantages .card {background: #F9FAFB;align-items: center; } @media (min-width: 576px) {.section.rightarticle .content .advantages .card {align-items: flex-start;} } .section.rightarticle .content .advantages .card img {width: 2.5rem;margin-bottom: 0.3125rem; } .section.rightarticle .content .advantages .card-title {font-size: 1.25rem;font-weight: 900;margin-bottom: 0.3125rem; } @media (min-width: 992px) {.section.rightarticle .content .advantages .card-title {font-size: 1rem;} } .section.rightarticle .content .advantages .card-text {font-weight: 300;margin-bottom: 0;font-size: 0.875rem; } .section.rightarticle .content .dimensions {display: flex;flex-direction: column;justify-content: space-between;height: 100%; } .section.rightarticle .content .dimensions p {font-size: 1.25rem; } .section.rightarticle .content .dimensions .row {align-items: center;flex-direction: column; } @media (min-width: 576px) {.section.rightarticle .content .dimensions .row {flex-direction: row;} } .section.rightarticle .content .dimensions .row.yellow {padding: 1.25rem 1.875rem;border: 1px solid rgba(251, 191, 36, 0.2);border-radius: 1rem;background: rgba(251, 191, 36, 0.1); } .section.rightarticle .content .dimensions .row.yellow img {padding: 0.9375rem; }