footer{

    position: relative;
    width: 100%;
    z-index: 1;
    margin-top: 20px;
}
footer::before{
    content: '';
    position: absolute;
    background-image: url('../images/footer-bg-one.webp');
    width: 100%;
    height: 808px;
    background-size: 112% 100%; 
    background-repeat: no-repeat;
    background-position: top left ; 
    background-origin: content-box;
    z-index: 0;
    bottom: 0;

}
.footer-logoWrapper{
    display: flex;
    justify-content: flex-end;
}
.footer-logo{
    padding-top: 31px;
    padding-right: 36px;
    max-width: 154px;
    width: 100%;
    margin-left: auto;
    border-top-right-radius: 30px;
    text-align: right;

}
.footer-logo a{
    display: inline-block;
}
.footer-wrapper{
    padding-top: 31px;
    z-index: 1;
position: relative;
}

.footer-links{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #F4DEC8;
    padding: 25px 0 30px;
}
.link-head{
    font-size: 17px;
    font-weight: 700;
    line-height: 25.5px;
    text-align: left;
    color: #0E145F;
    margin-bottom: 15px;
    height: 25px;
}
.link-column ul{
    list-style: none;
}
.link-column span{
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    color: #6B6E98;
    display: block;
    max-width: 300px;
    width: 100%;
}
.link-column ul li, .link-column ul li a{
    font-size: 15px;
    font-weight: 500;
    line-height: 22.5px;
    text-align: left;
    color: #6B6E98;
    margin-bottom: 15px;
}
.link-column ul li a:hover{
    color: #52bab0;
    text-decoration: underline;
}
.link-column ul li img{
    margin-right: 10px;
    margin-bottom: -3px;
}
.quick-links{
    max-width: 825px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 50px;
    justify-content: space-between;
}
.link-column {
    /* flex: 1 1 33%;  */
    min-width: 275px; 
} 
.middleLogo-wrapper{
    max-width: 635px;
    width: 100%;
    margin: 20px auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.bottom-wrapper{
    background: #FFF5EB;
    padding: 13px 0;
    position: relative;
    z-index: 1;
}
.bottom-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bottom-content p{
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    color: #6B6E98;
}
.bottom-content ul{
    list-style: none;
    display: flex;
}

.bottom-content ul li a{
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #6B6E98;
    padding: 0 5px;
    border-right: 1px solid #6B6E98;
}
.bottom-content ul li a:hover{
    color: #52bab0;
    text-decoration: underline;
}
.bottom-content ul li:last-child a{
    border-right: none;
}
.social-icons{
    display: flex;
    gap: 10px;
}
.social-icons a img{
    transition: all 0.5s ease;
}
.social-icons a img:hover{
    transform: scale(1.1);
}
.middleLogo-wrapper .stjr-badge{
    display: none;
}
 @media screen and (max-width: 767px){
    footer::before {
        background-image: url('../images/footer-bg-mob.webp');
        background-size: 100% 100%;
        height: 1603px;
    }
 }
@media screen and (max-width: 575px){
    footer {
        height: auto;
    }
    footer::before {
        background-image: url('../images/footer-bg-mob.webp');
        background-size: 100% 100%;
        height: 1868px;
    }
    .footer-wrapper .footer-img{
        width: 98px;
        height: 42px;
    }
    .footer-links {
        flex-direction: column;
        padding: 28px 0 15px;
        gap: 30px;
    }
    .quick-links {
        flex-direction: column;
        gap: 15px;
    }
    .middleLogo-wrapper {
        gap: 10px;
        flex-wrap: wrap;
        margin: 25px auto;
        max-width: 433px;
        justify-content: center;
    }
    .bottom-content {
        flex-direction: column;
        gap: 15px;
    }
    .link-column ul li, .link-column ul li a {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 17px;
    }
    .bottom-wrapper {
        padding: 20px 0;
    }
    .link-column .stjr-badge{
        display: none;
    }
    .middleLogo-wrapper .stjr-badge{
        display: block;
    }
    .middleLogo-wrapper .stjr-review-seal-badge__svg{
        max-height: 80px;
        width: 90px;
    }
    .middleLogo-wrapper img:nth-of-type(4), .middleLogo-wrapper img:nth-of-type(5){
        width: 90px;
        height: 90px;
    }
}
@media screen and (max-width: 450px){
    footer::before {
        height: 1961px;
    }
}