body { margin: 0; padding: 0; overflow-x: hidden; }

.page { margin: 0; }

.footer { display: none; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

.container { padding: 0 15px; margin: 0 auto; }

@media only screen and (min-width: 576px) { .container { max-width: 540px; } }
@media only screen and (min-width: 992px) { .container { max-width: 960px; } }
@media only screen and (min-width: 1200px) { .container { max-width: 1140px; } }
.out-of-header { background: -webkit-gradient(linear, left top, left bottom, from(#C0F0F7), color-stop(63.02%, #58F4A3), to(#C0F0F7)); background: linear-gradient(180deg, #C0F0F7 0%, #58F4A3 63.02%, #C0F0F7 100%); color: #005800; font-family: 'Inter', sans-serif; overflow-x: hidden; margin-top: -50px; padding: 97px 0 0; }

@media (max-width: 1024px) { .header button { background: transparent; } }
main h1 { font-size: 35px; font-weight: 700; line-height: 100%; margin: 0; padding: 0; margin-bottom: 20px; }
main h2 { font-size: 21px; font-weight: 800; line-height: 120%; margin: 0; padding: 0; margin: 0 0 10px; }
main h3 { font-size: 15px; font-weight: 700; line-height: 120%; margin: 0; padding: 0; margin: 0 0 5px; }
main h3 a { text-decoration: underline; }
main h3 a:hover { color: #ffbb3c; text-decoration: underline; }
main h3 a:active { color: #ce9427; text-decoration: underline; }
main p { font-size: 16px; font-weight: 400; line-height: 140%; margin: 0; padding: 0; }
main a { color: #005800; text-decoration: none; }
main .landing-btn { background: #FECC00; border-radius: 15px; color: #000; display: block; font-size: 14px; font-weight: 700; line-height: 120%; margin: 31px 0 0; padding: 19px 37px; text-transform: uppercase; width: -webkit-max-content; width: -moz-max-content; width: max-content; }
main .landing-btn:hover { background: #f0c100; }
main .landing-btn:active { background: #f0ad00; }
main .welcome { position: relative; }
main .welcome-text { position: relative; z-index: 1; }
main .welcome-text p { font-size: 17px; line-height: 120%; }
main .welcome .visual { position: relative; }
main .welcome .visual img { left: 70%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: auto; }
main .terms { margin: 500px 0 75px; padding: 0 27px; position: relative; text-align: center; }
main .terms-block { margin: 0 0 50px; padding: 0 30px; position: relative; }
main .terms-block img { border: 1px solid #0E9554; border-radius: 30px 30px 30px 5px; padding: 31.6px; margin: 0 0 20px; }
main .white-block { overflow: hidden; padding: 56px 0 0; position: relative; }
main .white-block .white-bg { background: url(../img/white-bg.svg) no-repeat; background-size: cover; height: 100%; left: 50%; position: absolute; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; z-index: 0; }
main .days { padding: 0 45px; position: relative; text-align: center; z-index: 2; }
main .days-text { margin: 0 auto 40px; max-width: 170px; }
main .days-text p { font-size: 11px; font-weight: 300; line-height: 120%; }
main .days-block { margin: 32px 0; }
main .days-block .dates { background: #005800; border-radius: 176px; margin: 0 auto 10px; padding: 11px; width: 68px; height: 68px; }
main .days-block .dates .date { color: #fff; font-size: 30px; font-weight: 800; line-height: 100%; }
main .days-block .dates .month { color: #fff; font-size: 11px; font-weight: 800; line-height: 100%; }
main .days-block__text p { font-size: 13px; font-weight: 300; line-height: 16px; }
main .days-block__text .list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 15px 0 0; }
main .days-block__text .list p { color: #D95E48; font-weight: 400; margin-left: 5px; text-decoration: underline; }
main .boxes { position: relative; }
main .boxes img { left: 50%; height: 432px; width: 360px; position: relative; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
main .faq { margin-top: 60px; position: relative; z-index: 2; }
main .faq h2 { margin: 0 0 20px; }
main .faq .accordion { margin: 0 0 10px 0; padding: 0px; position: relative; }
main .faq .accordion__text { background: #0E9454; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(43, 93, 168, 0.15); box-shadow: 0px 5px 25px rgba(43, 93, 168, 0.15); color: #fff; cursor: pointer; font-size: 15px; font-weight: 700; line-height: 110%; margin: 0; padding: 20px 60px 20px 15px; position: relative; z-index: 2; }
main .faq .accordion__text:after { background: url(../img/close-icon.svg) no-repeat; background-size: contain; content: ''; height: 20px; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 20px; }
main .faq .accordion__text-opened::after { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }
main .faq .accordion__body { background: #C3FAB2; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(43, 93, 168, 0.15); box-shadow: 0px 5px 25px rgba(43, 93, 168, 0.15); display: none; padding: 30px 15px 20px; -webkit-transform: translateY(-15px); transform: translateY(-15px); z-index: 1; }
main .faq .accordion__body * { color: #000; font-size: 15px; line-height: 22px; }
main .faq .accordion__body a { font-weight: 600; text-decoration: underline; }
main .responsibility { padding: 515px 0 40px; position: relative; }
main .responsibility::before { background: url(../img/open-box.png) no-repeat; background-size: contain; bottom: 0; content: ''; height: 770px; left: 48%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 783px; }
main .responsibility p { color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 300; line-height: 120%; margin: 0 auto; max-width: 330px; text-align: center; position: relative; z-index: 2; }
main .butterfly { background: url(../img/butterfly.png) no-repeat; background-size: contain; height: 161px; left: 54%; position: absolute; top: -57px; width: 186px; }
main .bonus, main .coin, main .leaf { position: absolute; z-index: 1; }
main .petal { position: absolute; z-index: 0; }
main .b-1 { background: url(../img/bonus1.png) no-repeat; background-size: contain; height: 74px; right: -8%; top: -100px; width: 70px; }
main .b-2 { background: url(../img/bonus2.png) no-repeat; background-size: contain; height: 132px; left: -10%; top: 22%; width: 107px; }
main .b-3 { background: url(../img/bonus1.png) no-repeat; background-size: contain; bottom: 0%; right: 0%; width: 119px; height: 122px; }
main .c-1 { background: url(../img/coin1.png) no-repeat; background-size: contain; height: 146px; left: -50px; top: 300px; width: 182px; }
main .c-2 { background: url(../img/coin2.png) no-repeat; background-size: contain; height: 135px; right: -20%; top: 340px; width: 177px; }
main .c-3 { background: url(../img/coin3.png) no-repeat; background-size: contain; bottom: -20%; height: 158px; right: -10%; width: 127px; }
main .c-4 { background: url(../img/coin4.png) no-repeat; background-size: contain; height: 119px; left: -80px; width: 123px; }
main .l-1 { background: url(../img/leaf1.png) no-repeat; background-size: contain; height: 73px; right: -10%; top: 0; width: 74px; }
main .l-2 { background: url(../img/leaf2.png) no-repeat; background-size: contain; bottom: -18%; height: 159px; left: -15%; width: 161px; }
main .p-1 { background: url(../img/petal-1.svg) no-repeat; background-size: contain; height: 265px; right: -11%; top: 292px; width: 163px; }
main .p-2 { background: url(../img/petal-3.svg) no-repeat; background-size: contain; height: 241px; left: -2%; top: 13%; width: 103px; }
main .p-3 { background: url(../img/petal-2.svg) no-repeat; background-size: contain; bottom: -20%; height: 241px; right: -14%; width: 170px; }

@media (min-width: 510px) and (max-width: 768px) { main .butterfly { left: 58%; } }
@media (min-width: 768px) and (max-width: 1022px) { main .welcome .visual img { left: 60%; }
  main .butterfly { left: 48%; }
  main .b-2 { left: 2%; }
  main .c-3 { right: 0; height: 174px; width: 152px; }
  main .l-2 { left: 0; }
  main .p-2 { height: 275px; top: 10%; width: 130px; } }
@media (min-width: 1024px) { .out-of-header { margin-top: 70px; padding: 96px 0 180px; }
  main h1 { font-size: 60px; }
  main h2 { font-size: 35px; line-height: 27px; margin: 0 0 13px; }
  main h3 { font-size: 15px; line-height: 169%; margin: 0; }
  main .landing-btn { border-radius: 20px; -webkit-box-shadow: 0px 16.3448px 21.7931px rgba(33, 33, 33, 0.2); box-shadow: 0px 16.3448px 21.7931px rgba(33, 33, 33, 0.2); font-size: 18px; margin-top: 50px; padding: 21px 100px; }
  main .landing-btn:hover { -webkit-box-shadow: 0px 8.3448px 11.7931px rgba(33, 33, 33, 0.2); box-shadow: 0px 8.3448px 11.7931px rgba(33, 33, 33, 0.2); }
  main .landing-btn:active { -webkit-box-shadow: none; box-shadow: none; }
  main .welcome .container { display: grid; grid-template-areas: "text visual"; }
  main .welcome-text { grid-area: text; max-width: 480px; }
  main .welcome-text p { font-size: 25px; }
  main .welcome .visual { grid-area: visual; height: 100%; width: 100%; }
  main .welcome .visual img { left: 82%; top: 54%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
  main .terms { margin: 300px 0 190px; }
  main .terms-blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
  main .terms-block { max-width: 280px; margin: 0 auto; padding: 0; position: relative; z-index: 2; }
  main .terms-block img { border: 2px solid #0E9554; height: 147px; padding: 40px 46px; width: 157px; }
  main .terms-block p { font-size: 16px; line-height: 140%; margin: 25px 0 0; }
  main .terms-block:first-child img { padding: 46px; }
  main .terms-block::after { background: url(../img/terms-after.svg) no-repeat; background-size: contain; content: ''; left: 75%; height: 10px; position: absolute; top: 30%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 60%; -webkit-box-sizing: content-box; box-sizing: content-box; z-index: 1; }
  main .terms-block:last-child::after { display: none; }
  main .white-block .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 78px 0 100px; display: grid; grid-template-columns: 50% 50%; }
  main .white-block .white-bg { background: url(../img/white-bgdesk.svg) no-repeat; background-size: cover; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
  main .days { margin: 0 auto; padding: 0; text-align: left; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; }
  main .days-text { margin: 0 0 40px; max-width: inherit; }
  main .days-text p { font-size: 20px; line-height: 140%; }
  main .days-block { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }
  main .days-block .dates { margin: 0 20px 0 0; padding: 24px 25px; text-align: center; width: 104px; height: 104px; }
  main .days-block .dates .date { font-size: 41px; }
  main .days-block .dates .month { font-size: 15px; }
  main .days-block__text .list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin: 15px 0 0; }
  main .boxes img { height: 100%; left: calc(50% + 60px); width: 100%; }
  main .faq { margin-top: 50px; }
  main .faq h2 { margin: 0 0 40px; }
  main .faq .accordion { margin: 0 0 20px 0; max-width: 555px; }
  main .faq .accordion__text { font-size: 26px; padding: 25px 79px 25px 25px; }
  main .faq .accordion__text::after { height: 34px; width: 34px; right: 25px; }
  main .faq .accordion__body { padding: 30px 20px 30px 20px; }
  main .faq .accordion__body * { font-size: 16px; line-height: 140%; }
  main .responsibility { margin: 40px 0 0; padding: 0; }
  main .responsibility p { color: rgba(14, 149, 84, 0.8); font-size: 16px; font-weight: 400; margin: 0; max-width: 555px; text-align: left; }
  main .responsibility::before { display: none; }
  main .butterfly { left: 100%; top: -81px; }
  main .b-1 { background: url(../img/bonus1-1.png) no-repeat; background-size: contain; right: -52%; }
  main .b-2 { height: 176px; left: 0; top: -76%; width: 153px; }
  main .b-3 { height: 180px; right: 2%; width: 172px; }
  main .c-1 { height: 190px; left: -155%; top: 215px; width: 263px; }
  main .c-2 { background: url(../img/coin3.png) no-repeat; background-size: contain; height: 227px; right: 6%; top: 300px; width: 177px; }
  main .c-3, main .c-4 { display: none; }
  main .l-2 { bottom: 66%; height: 254px; left: auto; right: -39px; width: 257px; }
  main .p-1 { display: none; }
  main .p-2 { height: 415px; top: 50%; width: 200px; }
  main .p-3 { -webkit-transform: rotate(30deg); transform: rotate(30deg); bottom: -90%; height: 428px; right: -10vw; width: 360px; } }
@media (min-width: 1240px) { main .welcome .visual img { height: 514px; left: 50%; }
  main .terms-block:after { left: 75.5%; top: 27%; width: 226px; }
  main .boxes img { height: 682px; width: 615px; }
  main .b-3 { height: 280px; left: 76%; right: auto; width: 272px; }
  main .c-1 { left: -80%; top: 167px; }
  main .c-5 { background: url(../img/coin4.png) no-repeat; background-size: contain; bottom: 0; height: 300px; left: calc(55% + 100px); width: 332px; }
  main .l-1 { height: 71px; right: -49%; top: -16%; width: 89px; }
  main .l-3 { background: url(../img/leaf-3.png) no-repeat; background-size: contain; width: 220px; height: 160px; right: 0; bottom: -100%; }
  main .l-4 { background: url(../img/leaf2.png) no-repeat; background-size: contain; height: 156px; left: -7%; top: 60px; width: 203px; }
  main .l-5 { background: url(../img/leaf-blur.png) no-repeat; background-size: contain; bottom: -30%; height: 292px; right: -14%; width: 330px; z-index: 2; } }