#home {
        display: flex;
        min-height: calc(10vh - 91px);
        position: relative;
        color: black;
        background-color: white
    }

    #cta {
        width: 35%;
        display: flex;
        flex-direction: column;
        gap: 28px;
        margin-top: 5%;
    }

    #cta .title {
        font-size: 1,5rem;
        color: var(--color-neutral-1);;
    }

    #cta .title span {
        color: var(--color-primary-6);
    }

    #cta .description {
        font-size: 1.2rem;
    }

    #cta_buttons {
        display: flex;
        gap: 24px;
    }

    #cta_buttons a {
        text-decoration: none;
        color: var(--color-neutral-1);;
    }

    #phone_button {
        display: flex;
        gap: 8px;
        align-items: center;
        background-color: #ffffff;
        padding: 8px 14px;
        font-weight: 500;
        box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.1);
        border-radius: 12px;
    }

    #phone_button button {
        box-shadow: none;
    }


    .shape {
        background-color: var(--color-primary-2);
        width: 50%;
        height: 100%;
        position: absolute;
        border-radius: 40% 30% 0% 20%;
        top: 0;
        right: 0;
        z-index: 1;
    }

    @media screen and (max-width: 1170px) {
        #home {
            min-height: 100%;
            padding-top: 0px;
        }

    }

    @media screen and (max-width: 450px) {
        #phone_button button {
            display: none;
        }
    }

    #id{
        color: rgb(145, 145, 31);
    }

    #container {
        display: flex;
        flex-direction: column; 
        gap: 60px; 
    }

    body {
        border-left: 15px solid  rgb(145, 145, 31);
        border-right: 15px solid  rgb(145, 145, 31);
        margin: 0;
        padding: 0;
    }