@media (max-width:767px){
    #footer-placeholder{
        padding-top: 7vh;
    }
    #footer-placeholder::before {
        content: "";
        position: absolute;
        background: url(../img/background.svg) no-repeat;
        background-position: bottom left;
        background-size: cover;
        width: 100%;
        z-index: -1;
        bottom: 0;
        left: 0px;
        height: 400px;
        opacity: 0.6;
        mask-image: url(../img/w_logo_black.png);
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: 60%;
        
        }


    .footer-section1 {
        flex-direction: column;
        gap: 3vh;
        /* /* padding-bottom: 7vh; */
    }

    .footer-section1-left-container {
        width: 100%;
    }

    .section-heading {
        font-size: 2.2rem;
        line-height: unset;
    }

    .section-subheading {
        font-size: 1rem;
        line-height: unset;
        padding-top: 1rem;
    }

    .footer-section1-right-container {
        gap: 3vh;
        align-items: flex-start;
    }

    .footer-section1-right-container button {
        padding: 12px 30px;
        margin-bottom: 5vh;
    }

    .footer-section1-right-container button span {
font-size: 1rem;
    }

    .frc-heading {
        font-size: 2.2rem;
        line-height: unset;
        margin: 0;
    }

    .frc-subheading {
        font-size:1rem;
        line-height:unset;
    }

    .footer-section2 {
        padding-top: 0vh;
        gap: 1rem;
        background-position: top;
        background-size: 110%;
    }

    .h1 {
        font-size: 1.8rem;
    }

    .footer-section2 ul {
        gap: 1rem;
        font-size: 1rem;
    }

    .location-details-content {
        width: 49%;
    }

    .location-details-div img {
        height: 13rem;
        object-fit: contain;
    }

    hr {
        margin-top: -1rem;
    }

    .location-details-div h2{
        font-size: 1.3rem;
    }

    .location-details-div p {
        font-size: 1rem;
        width: 100%;
    }

    .footer-section3 {
        padding: 7vh 0;
    }

    .footer-section3-content {
      
            p {
                font-size: 0.9rem;
            }
        
img{
    width: 13rem;
    margin-bottom: 0.5rem;
}

        :nth-child(2) {
            color: white;
            font-size: 1.1rem;
        }
    }
    .footer-copyright-div{
        background: unset;
        padding-top: 0;
    

    }
    .copyright-content {
        flex-direction: column;
        gap: 1rem;
        font-size: 0.8rem
    }
}

@media (min-width:768px) and (max-width:1024px){
    #footer-placeholder {
        padding-top: 5vh;
        background: black;
        position: relative;
        z-index: 1;
    }
    #footer-placeholder::before {
        content: "";
        position: absolute;
        background: url(../img/background.svg) no-repeat;
        background-position: bottom left;
        background-size: cover;
        width: 100%;
        z-index: -1;
        bottom: 0;
        left: 0px;
        height: 400px;
        opacity: 0.6;
        mask-image: url(../img/w_logo_black.png);
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: 30%;
        
        }


    /* .footer-section1 {
   flex-direction: column;
   gap: 1rem;
   padding-bottom: 5vh;
    } */

    .section-heading {
        font-size: 2.2rem;
        line-height: unset;
    }

    .section-subheading {
        font-size: 1rem;
        line-height: unset;
        padding-top: 1rem;
    }

    .footer-section1-right-container {
        gap: 1rem;
        align-items: flex-start;
    }

    .footer-section1-right-container button {
        padding: 12px 30px
    }

    .footer-section1-right-container button span {
font-size: 1rem;
    }

    .frc-heading {
        font-size: 2.2rem;
        line-height: unset;
        margin: 0;
    }

    .frc-subheading {
        font-size:1rem;
        line-height:unset;
    }

    .footer-section2 {
        padding-top: 0vh;
        gap: 1rem;
        background-position: top;
        background-size: 80%;
    }

    .h1 {
        font-size: 1.8rem;
    }

    .footer-section2 ul {
        gap: 1rem;
        font-size: 1rem;
    }

    .location-details-content {
        width: 30%;
    }

    .location-details-div img {
        height: 13rem;
        object-fit: contain;
    }

    hr {
        margin-top: -1rem;
    }

    .location-details-div h2{
        font-size: 1.3rem;
        color: white;
    }

    .location-details-div p {
        font-size: 1rem;
        width: 100%;
    }

    .footer-section3 {
        padding: 5vh 0;
      
    }

    .footer-section3-content {
      
            p {
                font-size: 0.9rem;
            }
        
img{
    width: 13rem;
    margin-bottom: 0.5rem;
}

        :nth-child(2) {
            color: white;
            font-size: 1.1rem;
        }
    }
    .footer-copyright-div{
        background: unset;
        padding-top: 0;

    }
    .copyright-content {
        /* flex-direction: column; */
        /* gap: 1rem; */
        font-size: 0.9rem
    }
}