.main {
 min-height: 68.88889vw;
 grid-template-rows: auto 1fr;
 background: url("../../img/fr/@index/main/bg.jpg") no-repeat 50% 0%/cover;
 padding-block: 16.66667vw 0;
}

.main__title {
 grid-column: 5 / span 8;
 margin-bottom: 4.58333vw;
}

.main__text {
 grid-column: 5 / span 8;
 font-size: 1.38889vw;
 font-weight: 600;
 line-height: 1.2;
 letter-spacing: -0.05em;
}

.main__button {
 grid-column: 5 / span 4;
}

.formats {
 background: url("../../img/fr/@index/formats/bg.svg") no-repeat 50% 0/100% auto;
 padding-top: 7.63889vw;
}

.formats__header {
 grid-column: 2 / span 10;
 display: grid;
 grid-template-columns: 7fr 3fr;
 gap: 3.47222vw var(--gap);
 margin-bottom: 5.13889vw;
}

.formats__title {
 grid-column: span 2;
}

.formats__text {
 color: var(--green-light);
 font-size: 1.11111vw;
 font-family: var(--rubik);
 line-height: 1.5;
}

.formats__cards {
 grid-column: span 12;
 display: flex;
 gap: 4.86111vw;
 padding-inline: 4.86111vw;
}

.formats__card {
 flex: 1 1 100%;
 text-align: center;
}

.formats__card-header {
 width: 16.66667vw;
 height: 15.55556vw;
 display: flex;
 align-items: flex-start;
 margin: 0 auto -2.77778vw;
}

.formats__card-image {
 position: relative;
}

.formats__card-img {
 position: relative;
 z-index: 2;
 transition: 0.3s;
}

.formats__card-shadow {
 width: 20.13889vw;
 height: 12.43056vw;
 position: absolute;
 bottom: -2.43056vw;
 left: -1.73611vw;
 display: flex;
 align-items: flex-end;
 mix-blend-mode: multiply;
}

.formats__card-content {
 position: relative;
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 5vw 1.04167vw 1.66667vw;
 margin-bottom: 6.94444vw;
}

.formats__card-bg {
 height: 23.61111vw;
 position: absolute;
 inset: 0;
 z-index: -1;
 box-shadow: 0px 1.38889vw 1.38889vw rgba(0, 0, 0, 0.1);
 -webkit-backdrop-filter: blur(0.34722vw);
         backdrop-filter: blur(0.34722vw);
 -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
}

.formats__card-name {
 font-size: 3.33333vw;
 font-weight: 700;
 letter-spacing: -0.03em;
 margin-bottom: 0.69444vw;
}

.formats__card-format {
 max-width: 13.88889vw;
 font-size: 1.38889vw;
 font-weight: 600;
 line-height: 1.2;
 letter-spacing: -0.05em;
 margin-bottom: 0.69444vw;
}

.formats__card-location {
 max-width: 9.72222vw;
 font-family: var(--rubik);
 font-size: 0.83333vw;
 font-weight: 500;
 line-height: 1;
}

.formats__card-info {
 display: flex;
 flex-direction: column;
 gap: 1.38889vw;
}

.formats__card-info-item-title {
 color: var(--green-light);
 font-size: 1.11111vw;
 font-family: var(--rubik);
 line-height: 1.5;
}

.formats__card-info-item-text {
 font-size: 2.22222vw;
 font-weight: 700;
 line-height: 0.94;
 letter-spacing: -0.03em;
 padding-bottom: 1px;
}

.formats__card_1 .formats__card-bg {
 background: rgba(73, 157, 56, 0.75);
}

.formats__card_2 .formats__card-bg {
 background: rgba(56, 137, 126, 0.75);
}

.formats__card_3 .formats__card-bg {
 background: rgba(14, 119, 5, 0.75);
}

.formats__card_1 .formats__card-image {
 left: -1.04167vw;
}

.formats__card_3 .formats__card-image {
 right: -0.69444vw;
}

.formats__card-header:hover .formats__card-img {
 translate: 0 -2.08333vw 0;
}

.conditions {
 background: url("../../img/fr/@index/conditions/bg.jpg") no-repeat 50% 100%/100% auto;
 padding-top: 7.63889vw;
}

.conditions__title {
 text-align: center;
 grid-column: span 12;
 margin-bottom: 3.47222vw;
}

.conditions__subtitle {
 grid-column: 3 / span 8;
 text-align: center;
 margin-bottom: 21.31944vw;
}

.conditions__cards {
 grid-column: span 12;
 display: flex;
 align-items: center;
 gap: 5.20833vw;
 padding-inline: 4.23611vw;
 margin-bottom: 14.93056vw;
}

.conditions__card {
 min-height: 20.41667vw;
 flex: 1 1 100%;
 position: relative;
 z-index: 2;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
 padding: 0.83333vw;
}

.conditions__card-bg {
 width: 20.41667vw;
 height: 20.41667vw;
 position: absolute;
 inset: 0;
 z-index: -1;
 box-shadow: 0px 1.38889vw 1.38889vw rgba(0, 0, 0, 0.1);
 -webkit-backdrop-filter: blur(0.34722vw);
         backdrop-filter: blur(0.34722vw);
 margin: auto;
 -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
}

.conditions__card-value {
 white-space: nowrap;
 font-size: 6.66667vw;
 font-weight: 700;
 line-height: 0.9;
 letter-spacing: -0.05em;
 margin-bottom: 3.47222vw;
}

.conditions__card-text {
 max-width: 13.19444vw;
 font-size: 1.38889vw;
 font-weight: 600;
 line-height: 1.2;
 letter-spacing: -0.05em;
}

.conditions__card_1 .conditions__card-bg {
 background: rgba(21, 99, 14, 0.75);
}

.conditions__card_2 .conditions__card-bg {
 width: 30.625vw;
 height: 30.625vw;
 background: rgba(56, 130, 42, 0.75);
}

.conditions__card_3 .conditions__card-bg {
 background: rgba(43, 115, 94, 0.75);
}

.conditions__text {
 max-width: 38.19444vw;
 grid-column: span 12;
 text-align: center;
 color: var(--green-light);
 font-size: 1.11111vw;
 font-family: var(--rubik);
 line-height: 1.5;
 margin-inline: auto;
}

.advantages {
 background: url("../../img/fr/@index/advantages/bg.svg") no-repeat 50% 50%/100% auto;
 padding-top: 7.63889vw;
}

.advantages__title {
 text-align: right;
 grid-column: span 12;
 margin-bottom: 3.47222vw;
}

.advantages__subtitle {
 text-align: right;
 grid-column: span 12;
 margin-bottom: 8.61111vw;
}

.advantages__cards {
 grid-column: span 12;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 0.69444vw 10vw;
 padding-inline: 6.25vw;
}

.advantages__card {
 max-width: 19.02778vw;
 flex: 1 1 100%;
 text-align: center;
}

.advantages__card-header {
 width: 13.61111vw;
 height: 13.61111vw;
 position: relative;
 z-index: 2;
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 0 auto 3.81944vw;
}

.advantages__card-bg {
 position: absolute;
 inset: 0;
 z-index: -1;
 background: #043100;
 -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
}

.advantages__card-image {
 width: 6.25vw;
}

.advantages__card-title {
 font-size: 2.22222vw;
 font-weight: 700;
 line-height: 0.94;
 letter-spacing: -0.03em;
 margin-bottom: 0.13889vw;
}

.advantages__card-text {
 font-size: 1.38889vw;
 font-weight: 600;
 line-height: 1.2;
 letter-spacing: -0.05em;
}

.steps {
 overflow: clip;
 background: url("../../img/fr/@index/steps/bg.svg") no-repeat 50% 50%/100% auto;
 padding-top: 7.63889vw;
}

.steps__title {
 text-align: center;
 grid-column: span 12;
 margin-bottom: 3.47222vw;
}

.steps__subtitle {
 text-align: center;
 grid-column: 3 / span 8;
 margin-bottom: 9.65278vw;
}

.steps__cards {
 position: relative;
 grid-column: span 12;
 display: flex;
 justify-content: center;
 margin: 0 -0.76389vw 9.65278vw;
}

.steps__cards-bg {
 width: 19.72222vw;
 height: 19.72222vw;
 position: absolute;
 top: 0;
 z-index: -1;
 background: #032400;
 box-shadow: 0px 1.38889vw 1.38889vw rgba(0, 0, 0, 0.1);
 -webkit-backdrop-filter: blur(0.34722vw);
         backdrop-filter: blur(0.34722vw);
 -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
}

.steps__cards-bg_1 {
 left: calc(var(--padding) * -1 + 0.76389vw);
 translate: -50% 0 0;
}

.steps__cards-bg_2 {
 right: calc(var(--padding) * -1 + 0.76389vw);
 translate: 50% 0 0;
}

.steps__card {
 width: 19.72222vw;
 height: 19.72222vw;
 position: relative;
 text-align: center;
 padding: 2.15278vw;
 margin-inline: -0.83333vw;
}

.steps__card-bg {
 position: absolute;
 inset: 0;
 z-index: -1;
 background: rgba(56, 130, 42, 0.75);
 box-shadow: 0px 1.38889vw 1.38889vw rgba(0, 0, 0, 0.1);
 -webkit-backdrop-filter: blur(0.34722vw);
         backdrop-filter: blur(0.34722vw);
 -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
}

.steps__card-icon {
 position: absolute;
 top: 8.47222vw;
 right: -1.52778vw;
 font-size: 3.125vw;
}

.steps__card-image {
 width: 3.125vw;
 margin: 0 auto 2.77778vw;
}

.steps__card-title {
 width: 9.72222vw;
 min-height: 3.81944vw;
 align-content: center;
 font-size: 1.66667vw;
 font-weight: 700;
 letter-spacing: -0.01em;
 margin: 0 auto;
}

.steps__card-num {
 color: var(--green-grey);
}

.steps__card_1 .steps__card-bg {
 background: rgba(57, 148, 92, 0.75);
}

.steps__card_5 .steps__card-bg {
 background: rgba(43, 115, 94, 0.75);
}

.steps__text {
 max-width: 38.19444vw;
 grid-column: span 12;
 text-align: center;
 color: var(--green-light);
 font-size: 1.11111vw;
 font-family: var(--rubik);
 line-height: 1.5;
 margin-inline: auto;
}

.help {
 padding-top: 7.63889vw;
}

.help__title {
 grid-column: span 12;
 margin-bottom: 3.47222vw;
}

.help__subtitle {
 grid-column: span 12;
 margin-bottom: 5.55556vw;
}

.help__cards {
 grid-column: span 12;
 display: flex;
 justify-content: center;
 margin-inline: calc(var(--padding) * -1);
}

.help__card {
 min-height: 39.51389vw;
 flex: 1 1 100%;
 position: relative;
 z-index: 2;
 padding: 25.69444vw 1.875vw 2.08333vw 2.08333vw;
}

.help__card-image {
 position: absolute;
 inset: 0;
 z-index: -1;
}

.help__card-shadow {
 position: absolute;
 inset: 0;
 background: linear-gradient(180deg, rgba(4, 49, 0, 0) 0%, #043100 100%);
}

.help__card-img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
}

.help__card-title {
 font-size: 2.22222vw;
 font-weight: 700;
 line-height: 0.94;
 letter-spacing: -0.03em;
 margin-bottom: 0.13889vw;
}

.help__card-text {
 font-size: 1.38889vw;
 font-weight: 600;
 line-height: 1.2;
 letter-spacing: -0.05em;
}
