:root{--scrollbar-color:#c8c8c8;--scrollbar-bg-color:#f2f2f2;--scrollbar-size:thin;--scrollbar-webkit-size:5px;--scrollbar-webkit-border-radius:8px;--scrollbar-webkit-border-size:3px}.fourCardsWithBackground{background:linear-gradient(139.99deg,#1b365d,#040c0f);position:relative;width:100%}.rtl .fourCardsWithBackground{direction:rtl}.fourCardsWithBackground:before{background:url(images/c_green.1989f209.svg);content:"";height:72px;position:absolute;right:74px;top:0;width:231px}@media only screen and (max-width:768px){.fourCardsWithBackground:before{background-repeat:no-repeat;background-size:contain;height:52px;left:91px;right:auto;width:191px}}.fourCardsWithBackground:after{background:url(images/c_light_blue.70fdea98.svg);content:"";height:232px;left:0;position:absolute;top:206px;width:72px}@media only screen and (max-width:768px){.fourCardsWithBackground:after{display:none}}.fourCardsWithBackground__wrapper{margin:auto;max-width:1680px;padding:100px calc(((var(--grid-width) - var(--grid-gutter))/var(--grid-col-count) - var(--grid-gutter))*1 + var(--grid-gutter)*2)}@media only screen and (max-width:768px){.fourCardsWithBackground__wrapper{padding:65px 20px 85px}}.fourCardsWithBackground__wrapper:after{background:url(images/c_dark_blue.dfd4709f.svg);bottom:0;content:"";height:72px;left:490px;position:absolute;width:232px}@media only screen and (max-width:768px){.fourCardsWithBackground__wrapper:after{background-repeat:no-repeat;background-size:contain;height:52px;left:88px;width:191px}}.fourCardsWithBackground__title{color:#fff;margin-bottom:24px;margin-inline-end:auto;margin-inline-start:auto;max-width:calc(((var(--grid-width) - var(--grid-gutter))/var(--grid-col-count) - var(--grid-gutter))*12 + var(--grid-gutter)*11);text-align:center}.fourCardsWithBackground__title span{display:block;overflow-wrap:break-word}@media only screen and (max-width:768px){.fourCardsWithBackground__title span{font-size:28px}}.fourCardsWithBackground__title span:last-child{color:#118756}.fourCardsWithBackground__text{color:#fff;margin:auto;max-width:calc(((var(--grid-width) - var(--grid-gutter))/var(--grid-col-count) - var(--grid-gutter))*12 + var(--grid-gutter)*11);text-align:center}.fourCardsWithBackground__cards{display:flex;flex-direction:row;gap:21px;justify-content:center;margin-top:55px}@media only screen and (max-width:1024px){.fourCardsWithBackground__cards{flex-wrap:wrap}.fourCardsWithBackground__cards .card.four-card{flex:0 0 calc(50% - 11px)}}@media only screen and (max-width:768px){.fourCardsWithBackground__cards .card.four-card{flex:0 0 100%}}