@import url('../styles/fonts.css');
@import url('../styles/all.min.css');


:root {
    --rb: 'Raleway-Bold';
    --rm: 'Raleway-Medium';
    --rr: 'Raleway-Regular';
    --reb: 'Raleway-Extra-Bold';
    --rsb: 'Raleway-SemiBold';
    --bl: #081800;
    --gr: #418A1C;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
}

.container {
    max-width: 1430px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

/* HEADER START */
.header__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 44px;

}

.header__nav-links {
    display: flex;
    column-gap: 45px;
}

.header__links-link {
    font-size: 18px;
    line-height: 130%;
    color: #101C02;
    opacity: 0.5;
    font-family: var(--rb);
    transition: 0.5s;
}

.header__links-link:hover {
    color: var(--gr);

}

.button-h {
    box-shadow: 8px 8px 0px #51C815;
    background: var(--bl);
    font-size: 18px;
    line-height: 130%;
    font-family: var(--rb);
    color: #FFFFFF;
    transition: 0.5s;
}

.button-h:hover {
    color: var(--bl);
    box-shadow: 8px 8px 0px var(--bl);
    background: #51C815;
}

.header__nav-button {
    padding: 20px 30px;
}
.nav-cont {
    margin-bottom: 60px;
}

.header__blocks {
    display: flex;
    column-gap: 53px;
}
.header__blocks-left {
    background: #F7FFEC;
    border-radius: 10px;
}
.header__blocks-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.header__right-title {
    font-size: 80.41px;
line-height: 102.93px;
font-family: var(--reb);
color: var(--gr);
max-width: 715px;
}
.header__right-span {
    color: var(--bl);
    line-height: 77.2px;
    font-size: 60.31px;


}
.header__right-description {
    font-size: 18px;
line-height: 160%;
color: #081800;
font-family: var(--rm);
}
.header__right-button {
    padding: 20px 30px;
    margin-bottom: 74px;
}
.header__right-boxes {
    display: flex;
    column-gap: 20px;
}
.header__box-amount {
    color: var(--gr);
    font-size: 43px;
line-height: 140%;
font-family: var(--rb);
margin-bottom: 10px;
}
.header__box-description {
    font-size: 18px;
line-height: 160%;
font-family: var(--rm);

}
.header__right-description {
    margin: 41px 0;
}

/* HEADER END */

/* MAIN START */

.main {
    margin-top: 125px;
}

.main__boxes1 {
    display: flex;
    column-gap: 30px;
    margin-bottom: 130px;
}
.main__boxes1-left {
    display: flex;
    flex-direction: column;
    max-width: 670px;
    width: 100%;
}
.main__left-title {
    font-family: var(--reb);
    font-size: 57px;
line-height: 79.8px;
color: var(--bl);
margin-bottom: 33px;
}
.main__left-image1 {
    background: #F7FFEC;
    padding: 48px 80px;
}
.main__boxes1-right {
    max-width: 620px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.main__left-image2 {
    background: #F7FFEC;
    padding: 0 62px;
}
.main__right-description {
    font-size: 18px;
line-height: 160%;
color: #081800;
font-family: var(--rm);
margin: 35px 0;
opacity: 0.6;
}
.main__right-button {
    padding: 20px 52px;
}
.main__boxes2 {
    display: flex;
    column-gap: 130px;
}
.main__boxes2-left {
    display: flex;
    flex-direction: column;
    max-width: 650px;
    width: 100%;
}
.main__boxes2-left img {
    padding: 54px 89px;
    background: #F7FFEC;
    margin-bottom: 60px;
    width: 90%;
}
.main__left-checkmarks {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.main__checkmarks-checkmark {
    display: flex;
    column-gap: 34px;
    align-items: center;
}
.checkmark {
    padding: 12px 14px;
    background: #418A1C;
    color: #FFFFFF;
}
.main__checkmark-description {
    color: var(--bl);
    font-family: var(--rb);
    font-size: 18px;
line-height: 160%;
opacity: 0.6;
}
.main__boxes2-right {
    display: flex;
    flex-direction: column;
}
.main__right-title {
    color: var(--bl);
    font-family: var(--reb);
    font-size: 57px;
line-height: 140%;
}
.main__boxes2-right img {
    padding: 30px 50px;
    background: #F7FFEC;
    width: 90%;
}
.main__boxes3 {
    display: flex;
    column-gap: 130px;
    margin-top: 130px;
}
.main__boxes3-left {
    display: flex;
    flex-direction: column;
    max-width: 654px;
    width: 100%;
    position: relative;
}
.main__boxes3-left img {
    background: #F7FFEC ;
    padding: 19px 30px ;opacity: 0.9;
    width: 90%;
}
.play {
    position: absolute;
    color: #51C815;
    font-size: 130px;
    background: white;
cursor: pointer;
top: 50%;
left: 41%;
border-radius: 75px;
transition: 0.4s;
}
.play:hover {
    position: absolute;
    color: white;
    font-size: 130px;
    background:  #51C815;

}
.main__boxes3-left h3 {
    margin-bottom: 60px;
}
.main__boxes3-right {
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 616px;
    width: 100%;
}
.main__boxes3-right i {
    top: 28%;
    left: 40%;
}
.main__boxes3-right img {
    padding: 1px 52px;
    background: #F7FFEC;
transform: matrix(-1, 0, 0, 1, 0, 0);
margin-bottom: 40px;
opacity: 0.9;
width: 90%;
}
.main__right-descriptionn {
    font-size: 18px;
line-height: 160%;
color: #081800;
font-family: var(--rm);
opacity: 0.6;
}



.main__boxes4 {
    display: flex;
    column-gap: 130px;
    margin-top: 111px;
}
.main__boxes4-le {
    display: flex;
    flex-direction: column;

}
.main__le-content {
    display: flex;
    max-width: 650px;
    width: 100%;
    background: #F7FFEC;
    align-items: center;
    column-gap: 63px;
    margin-bottom: 24px;
    padding-left: 42px;
}

.main__le-content img {
    padding: 22px 0;
}
.main__content-info {
    
    padding-right: 55px;
}
.main__content-title {
    font-size: 32px;
line-height: 160%;
color: var(--bl);
font-family: var(--rb);


}
.main__content-description {
    font-size: 14px;
    line-height: 160%;
    font-family: var(--rr);
    opacity: 0.6;
    color: #101C02;
    margin-top: 15px;
    margin-bottom: 20px;
}
.main__content-prise {
    font-size: 24px;
line-height: 160%;
font-family: var(--rb);
color: #418A1C;
}
.main__le-description {
    font-size: 18px;
line-height: 160%;
font-family: var(--rb);
color: #101C02;
opacity: 0.6;
max-width: 556px;
margin-top: 16px;
}
.main__boxes4-ri {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 620px;
    width: 100%;
}
.main__ri-title {
    font-size: 57px;
line-height: 140%;
font-family: var(--reb);
color: #081800;
margin-bottom: 60px;
}
.main__ri-info {
    display: flex;
    align-items: center;
    column-gap: 63px;
    background: #F7FFEC;
    padding: 42px 55px 42px 42px;
}
.main__text-title {
    font-family: var(--rsb);
    font-size: 32px;
line-height: 160%;
color: #081800;
}
.main__text-description {
    font-size: 14px;
line-height: 160%;
font-family: var(--rr);
color: #101C02;
opacity: 0.6;
margin-top: 15px;
margin-bottom: 20px;
}
.main__text-prise {
    font-size: 24px;
line-height: 160%;
font-family: var(--rb);
color: #418A1C;
}
.main__ri-link {
    padding: 20px 50px;
    margin-top: 39px;
}

/* MAIN END */


/* FOOTER START */

.footer {
    background: #F7FFEC;
    margin-top: 130px;
    padding-top: 104px;
    padding-bottom: 99px;
    position: relative;

}

.footer__menu {
    display: flex;
    justify-content: space-between;
}
.footer__main-about {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.main__about-title {
    font-size: 18px;
line-height: 160%;
font-family: var(--rb);
color: #000A01;
}
.main__about-link {
    font-size: 18px;
line-height: 160%;
font-family: var(--rm);
text-transform: uppercase;
color: #000A01;
opacity: 0.6;
transition: 0.5s;
}
.main__about-link:hover {
    color: #418A1C;
}

.main__policy {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.main__policy-title {
    font-size: 18px;
line-height: 160%;
font-family: var(--rb);
color: #000A01;
}
.main__policy-link {
    font-size: 18px;
    line-height: 160%;
    font-family: var(--rm);
    text-transform: uppercase;
    color: #000A01;
    opacity: 0.6;
    transition: 0.5s;
}
.main__policy-link:hover {
    color: #418A1C;
}
.main__follow-us-title {
    font-size: 18px;
line-height: 160%;
font-family: var(--rb);
color: #000A01;
margin-bottom: 15px;
}
.main__follow-us-follow {
    display: flex;
    column-gap: 43px;
    align-items: center;
    
}
.main__follow-link {
    background: #081800;
    padding: 12px 12px;
    border-radius: 35px;
    
}
.main__follow-us {
    z-index: 99;
}
.footer__image {
    position: absolute;
    top: 13%;
    right: 0%;
    transform: rotate(0deg);
    
} 
/* FOOTER END */