body {
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

img {
    width: 100%;
    max-width: 100%;
}

button {
    border-radius: 32px;
    border: none;
    padding: 12px 24px;
    transition-duration: .3s;
}

button:hover {
    opacity: 70%;
    transition-duration: .3s;
}

b {
    color: #666665;
}

.shadow {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    border-radius: 24px;
}

.main_bg_gray {
    background-color: #f4f3f3;
}

.main_bg {
    background-color: white;
}

.header_links {
    background-color: #00ae21;
    color: white;
    border-radius: 24px 24px 0 0;
}

header .link:last-child .material-symbols-outlined {
    font-size: 36px;
}

header .link a{
    text-decoration: none;
    color: white;
    transition-duration: .3s;
}

header .link a:hover{
    opacity: 70%;
    transition-duration: .3s;
}

main .first_block .logo_wrapper {
    margin-top: 40px;
    display: inline-block;
}

main .first_block .logo_wrapper img{
    width: 95%;
}

main .first_block .logo_wrapper p {
    font-size: 1.3rem;
}

main .first_block .image_wrapper {
    margin-top: -40px;
}

main .first_block .button_wrapper {
    margin-top: -150px;
    margin-left: 90px;
}

main .first_block .button_wrapper button {
    color: white;
    background-color: #ff0000   ;
}

main .secnd_block {
    margin-top: 10%;
    margin-bottom: 5%;
}


main .secnd_block .text_wrapper .text .header_scnd {
    font-size: 1.35rem;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: 2px solid #ababa9;
}

main .secnd_block .text_wrapper .text .header_scndprt {
    font-size: 1.4rem;
    margin-top: 5px;
}

main .secnd_block .text_wrapper .text .list {
    line-height: 40px;
}

main .fourth_block .text_wrapper img{
    width: 30px;
}

main .fourth_block .img_wrapper img{
    width: 95%;
}

main .fourth_block .text_wrapper .list_fourth{
    font-size: 1.4rem;
}

main .fourth_block .red_fourth {
    font-size: 1.4rem;
    color: #ff0000;
}


main .fifth_block .header_wrapper {
    margin-bottom: -40px;
    font-size: 2rem;
}

main .fifth_block .text_wrapper {
    margin-top: 40px;
    font-size: 1.5rem;
}

main .sixth_block .wrapper {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    border-radius: 24px;
}

main .sixth_block .wrapper .icons_wrapper{
    width: 60%;
}

main .sixth_block .wrapper .icons_wrapper img{
    width: 150px;
}

main .sixth_block .wrapper .header_sixth{
    font-size: 2rem;
}

main .sixth_block .wrapper .text_wrapper{
    width: 80%;
}

main .sixth_block .wrapper .text_wrapper img{
    width: 45px;
}

main .sixth_block .wrapper .text_wrapper p .green{
    font-weight: bold;
    color: #00ad20;
}


main .seventh_block .img_wrapper p {
    font-size: 3rem;
    color: #ff0000;
}

main .seventh_block .img_wrapper img {
    width: 50%
}

main .seventh_block .buttons_wrapper .buttons {
    margin-top: 10%;
}

main .seventh_block .buttons_wrapper .buttons button {
    height: 100%;
    width: 250px;
    font-size: 1.4rem;
    background-color: red;
    color: white;
    cursor: default;
}

main .seventh_block .buttons_wrapper .buttons a {
    padding: 0px 10px;
}

main .seventh_block .buttons_wrapper .buttons a img {
    width: 225px;
    height: 100%;
}

main .seventh_block .img_cycle img {
    width: 75%;
}

main .eigth_block .list_wrapper {
    width: 60%;
}

main .ninth_block .wrapper .img_wrapper img {
    width: auto;
}

main .ninth_block .wrapper p {
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

main .last_block .text_wrapper {
    margin-bottom: 10%;
    color: #ff0000;
    font-size: 3rem;
}

main .last_block .text_wrapper p {
    margin-left: 25%;    
}

main .map .text_wrapper p {
    font-size: 2rem;
    background-color: #f3f3f3;  
}

main .map .wrapper .buttons_wrapper button {
    background-color: #00ae21;
    color: white;  
}

main .copy_block {
    font-size: 11px;
}

.footer {
    background-color: #00ae21;
    color: white;
    border-radius: 0 0 24px 24px;
}

.footer img {
    width: auto;
    height: 100%;
}

@media (max-width:1199px) {
    main .first_block .button_wrapper {
        margin-top: -80px;
        margin-left: 40px;
    }

    main .sixth_block .wrapper .icons_wrapper {
        width: 80%;
    }

    main .sixth_block .wrapper .icons_wrapper img {
        width: 125px;
    }

    main .seventh_block .img_wrapper p {
        font-size: 2rem;
    }

    main .seventh_block .buttons_wrapper .buttons button {
        width: 200px;
    }

    main .eigth_block .list_wrapper {
        width: 100%;
    }
    
    main .seventh_block .buttons_wrapper .buttons a {
        width: 200px;
        margin-top: 5%;
    }

    main .seventh_block .buttons_wrapper .buttons a img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width:992px) {
    main .first_block .button_wrapper {
        margin-top: -80px;
        margin-left: 20px;
    }

    main .seventh_block .img_wrapper img {
        width: 90%;
    }

    main .seventh_block .img_wrapper p {
        font-size: 1.1rem;
    }
}

@media (max-width:768px) {
    .container-fluid {
        --bs-gutter-x: 0rem;
    }

    .row {
        --bs-gutter-x: 0rem;
    }

    .header_links_mobile {
        background-color: #00ae21;
        color: white;
    }

    .main_bg_gray {
        padding: 0;
    }

    main .first_block .button_wrapper {
        margin-top: 0px;
        margin-left: 0px;
    }

    main .first_block .logo_wrapper {
        margin-top: 5px;
        display: block;
    }

    main .first_block .image_wrapper {
        margin-top: 5px;
    }

    main .first_block .image_wrapper img:last-child {
        margin-top: -50px;
    }

    main .first_block .button_wrapper {
        margin-top: 15px;
    }

    main .secnd_block .text_wrapper .text .list {
        line-height: 25px;
    }

    main .secnd_block .text_wrapper .text .list li {
        margin-bottom: 10px;
    }

    main .fifth_block .header_wrapper {
        margin-bottom: 0px;
    }
    
    main .fifth_block .text_wrapper {
        margin-top: 0px;
    }
    
    main .fifth_block .header_wrapper {
        font-size: 1.5rem;
    }
    
    main .fifth_block .text_wrapper {
        font-size: 1.2rem;
    }

    main .sixth_block .wrapper .header_sixth{
        font-size: 1.5rem;
    }

    main .sixth_block .wrapper .icons_wrapper_mobile img{
        width: 120px;
    }

    main .sixth_block .wrapper .text_wrapper{
        width: 90%;
    }

    main .sixth_block .wrapper .text_wrapper .icons_wrapper_mobile{
        width: 90%;
    }

    main .sixth_block .wrapper .text_wrapper p{
        font-size: 0.9rem;
    }

    main .seventh_block .img_wrapper p {
        font-size: 1.5rem;
    }

    main .seventh_block .img_wrapper img {
        width: 100%
    }

    main .seventh_block .buttons_wrapper .buttons button {
        font-size: 1.1rem;
    }
    
    main .seventh_block .buttons_wrapper .buttons {
        margin-top: 60%;
    }

    main .seventh_block .img_wrapper p {
        margin-left: 10%;
        font-size: 1.7rem;
    }
    
    main .seventh_block .buttons_wrapper .buttons button {
        height: 100%;
        width: 100%;
        color: white;
    }
    
    main .seventh_block .buttons_wrapper .buttons img {
        width: 100%;
        margin-top: 5%;
    }
    
    main .seventh_block .img_cycle img {
        width: 100%;
    }

    main .eigth_block .list_wrapper {
        width: 100%;
    }

    main .ninth_block .wrapper p {
        font-size: 1.5rem;
    }

    main .last_block .text_wrapper p {
        font-size: 2.2rem;
        margin-left: 10%;    
    }
    
    main .map .text_wrapper p {
        font-size: 1.2rem;
    }

    main .copy_block {
        padding-left: 5%;
    }

    .footer {
        border-radius: 0;
    }

    .footer img {
        width: 50%;
        height: 100%;
    }
    
}

@media (max-width:500px) {
    main .secnd_block .text_wrapper .text .header_scnd {
        font-size: 1.2rem;
    }

    main .secnd_block .text_wrapper .text .header_scndprt {
        font-size: 1.2rem;
    }

    main .map .text_wrapper p {
        font-size: 1.4rem;
    }

    main .sixth_block .wrapper .text_wrapper p {
        font-size: 0.7rem;
    }

    main .seventh_block .img_wrapper p {
        margin-left: 5%;
    }

    main .last_block .text_wrapper p {
        font-size: 1.7rem;
        margin-left: 5%;
    }
}