main {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 60px;
    padding-bottom: 150px;

    p, h2 {
        text-align: unset !important;
    }

    #section-1 {
        width: 100%;
        height: 770px;
        padding: 0px;
        display: flex;
        justify-content: center;
        align-items: center;

        @media (max-width: 768px) {
            height: 400px;
        }

        .container, .side-container {
            width: unset;
        }

        .container {
            padding: 20px;

            p {
                text-align: center !important;
            }
        }

        .heading {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap: 30px;

            h1 {
                font-weight: 600;
                font-size: 89px;
                line-height: 100%;
                letter-spacing: 0%;
                text-align: center;
                word-spacing: unset;
                color: #fff;

                @media (max-width: 768px) {
                    font-size: 55px;
                }
            }

            p {
                font-weight: 200;
                font-size: 55px;
                line-height: 100%;
                letter-spacing: 0%;
                text-align: center;
                text-transform: uppercase;
                color: #fff;
                max-width: 1100px;
                width: 100%;

                @media (max-width: 768px) {
                    font-size: 32px;
                }
            }
        }
    }

    .text, .gray-section {
        width: 100%;
        max-width: 1480px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0px 20px;
    }
    .text, p {
        font-weight: 200;
        font-size: 21px;
        line-height: 34px;
        letter-spacing: 0px;

        @media (max-width: 768px) {
            font-size: 17px;
        }

        strong {
            font-weight: 400;
        }
    }
    h2 {
        font-weight: 200;
        font-size: 55px;
        line-height: 89px;
        text-transform: unset;
        padding: 0px;
        margin: 0px;
        color: #000;
        letter-spacing: 0px;

        @media (max-width: 768px) {
            font-size: 32px;
            line-height: 45px;
        }

        strong {
            font-weight: 400;
        }
    }

    .last-h2 {
        text-transform: uppercase;
        font-weight: 400;
    }

    .gray-section {
        background-color: #2C2C2C;
        min-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

        .gray-section-content {
            width: 100%;
            max-width: 1480px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
            padding: 20px;

            @media (max-width: 1024px) {
                flex-direction: column;
                align-items: center;
            }

            p {
                display: flex;
            }

            .text, h2 {
                color: #fff;
                padding: 0px;
            }

            ul {
                list-style-type: disc;
                margin-left: 25px;
            }
        }

        img {
            @media (max-width: 1440px) {
                width: 100%;
            }
        }
    }

    #section-9 {
        width: 100%;
        height: 340px;
        padding: 0px;
        display: flex;
        justify-content: center;
        align-items: center; 

        @media (max-width: 1024px) {
            background-position: right !important;
        }

        .container, .side-container {
            width: unset;
            margin: 0px;
        }

        .container {
            width: 100%;
            max-width: 1240px;
            padding: 20px;

            @media (max-width: 1024px) {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            a {
                width: 100%;
                max-width: 415px;
                height: 80px;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #fff;
                color: #000;
                font-weight: 600;
                font-size: 21px;
                line-height: 34px;
                letter-spacing: 0%;
                text-align: center;
                text-transform: uppercase;
                border: 1px solid #fff;
                transition: all 0.3s ease-in-out;

                @media (max-width: 1024px) {
                    width: 415px;
                }

                @media (max-width: 768px) {
                    font-size: 17px;
                    height: 60px;
                    width: 300px;
                }

                @media (min-width: 1024px) {
                    &:hover {
                        background-color: #2C2C2C;
                        color: #fff;
                    }
                }
            }
        }
    }

    h3 {
        margin-top: 20px;
        font-weight: 300;

        @media (max-width: 768px) {
            font-size: 21px;
        }
    }
}