footer{

    position: sticky;
    box-sizing: border-box;
    background: var(--orange-bc);
    margin: 200px 0 100px;
    max-width: calc(100% - 100px);
    width: 1200px;
    padding: 70px 75px 160px 95px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: sticky;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}
footer div:nth-child(1){

    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 30px


}
footer form{

    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;

}
footer input{

    text-transform: lowercase;
    background: none;
    border: none;
    border-bottom: 1px solid black;
    width: 100%;
    padding: 5px 0 5px;
    font-size: 16px;
    color: #EFF3F7;
    font-weight: 400;

}
footer input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #EFF3F7;
    opacity: 1; /* Firefox */
}

footer input::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #EFF3F7;
}

footer input::-ms-input-placeholder { /* Microsoft Edge */
    color: #EFF3F7;
}

footer button{

    align-items: center;
    gap: 10px;
    font-size: 12px;
    background-color: #EFF3F7;

}
footer button:hover{

    color: white;
    background: black;

}
footer button svg{
    fill: black;
    transition: 150ms linear;
    -webkit-transition: 150ms linear;
    -moz-transition: 150ms linear;
    -ms-transition: 150ms linear;
    -o-transition: 150ms linear;
}

footer button:hover svg{

    fill: white;

}

footer div:nth-child(2){

    display: flex;
    flex-direction: row;
    gap: 60px;

}
footer div:nth-child(2) ul{padding: 0; margin: 0;}
footer div:nth-child(2) ul div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
footer div:nth-child(2) ul h6{

    margin-bottom: 10px;
    font-weight: 600;
    pointer-events: none;

}
footer div:nth-child(2) ul div a{

    color: black;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;

}
footer div:nth-child(2) ul div a:hover{color: white;}
footer div:nth-child(2) ul div img{

    margin: 7.5px 0;

}
@media (max-width:1200px) {
    footer{ margin-top: 0; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
}
@media (max-width:1024px) {
    footer{padding-bottom: 230px; padding-left: 70px; padding-right: 30px;}
    footer div:nth-child(2) ul:nth-child(3){position: absolute; bottom: 60px; right: 70px;}
    footer div:nth-child(2) ul:nth-child(3) div{flex-direction: row; gap: 30px;}
    footer div:nth-child(2) {
        gap: 30px
    }
}
@media (max-width:768px) {
    article {
        row-gap: 40px;
    }
    footer div:nth-child(1){width: 240px; gap: 20px;}
    footer div:nth-child(1) form{gap: 20px;}
    footer div:nth-child(2) ul:nth-child(3){bottom: 60px; right: inherit; left: 70px;}
    #number {
        gap: 25px;
    }
}
@media (max-width: 680px){

    footer{
        max-width: 100%;
        margin-bottom:0;
        padding: 50px;
        padding-bottom: 80px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    footer div:nth-child(2){flex-direction: column;}
    footer div:nth-child(2) ul:nth-child(3){bottom: 80px; right: inherit; left: 50px;}
}
@media (max-width:570px) {

    footer{padding: 40px 20px;}
    footer div:nth-child(2) ul:nth-child(3){bottom: 40px; right: inherit; left: 20px;}

}