.footerWrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 0 51px;
    border-top: 1px solid rgba(162, 161, 154, 0.6);
}
.footNav{
    display: flex;
    gap: 34px;
}
.footNav a{
    font-size: 16px;
line-height: 120.19%;
text-decoration-line: underline;
color: #000000;
}
.footSocials{
    display: flex;
    align-items: center;
    gap: 14px;
}

.footer{
    padding: 50px 0 0;
    /* background: radial-gradient(50% 50% at 50% 50%, #326BBC 0%, #05ada3 100%); */
    position: relative;
    background: #FBFBFB;
}
.footer.floatRight{
    max-width: calc(100% - 288px);
    margin-left: auto;
}
.footer::before{
    position: absolute;
    content: '';
    width: 136px;
    height: 197px;
    bottom: 3px;
    right: 8px;
    background: url(../png/footer_before.png);
}
.footerContentWrapper{
    display: flex;
    align-items: start;
    gap: 68px;
    padding-bottom: 60px;
}
.logoDiv{
    color: #256DB6;
    max-width: 595px;
}
.dmca-badge img{
    max-width: 120px;
    width: 100%;
    height: 21px;
}
.footDesc{
    font-size: 13px;
line-height: 159.7%;
color: #121212;
margin: 20px 0 15px;
}
.linksDiv{
    max-width: 635px;
    display: flex;
    justify-content: start;
    width: 100%;
    padding-left: 14px;
    gap: 120px;
}
.noStyle{
    list-style: none;
}
.footerList{
    position: relative;
}
.footerList::before{
    position: absolute;
    content: '';
    width: 1px;
    height: 82px;
    left: -14px;
    background: rgba(255, 255, 255, 0.1);
    top: -20px;
}
.footerList li, .footerList li a{
    display: block;
    font-size: 14px;
line-height: 150%;
color: #121212;
margin-top: 10px;
}
.footerList li a:hover{
    text-decoration: underline;
}
.footerList li:first-child{
    margin-top: 0;
}
.linksHead{
    font-weight: 700;
font-size: 15px;
line-height: 150%;
color: #121212;
margin-bottom: 14px;
}
.footerBtn{
    max-width: 185px;
    width: 100%;
    height: 46px;
    background: #121212;
    border-radius: 100px;
    display: flex;
    align-items: center;
    overflow: hidden;

    justify-content: center;
    position: relative;
}
.footerBtn .btnText{
    font-weight: 500;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.03em;
color: #05ada3;
z-index: 2;
}
.footerBtn::after{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    background: #256DB6;
    border-radius: 100px;
    transition: all ease .1s;
    left: -100%;
    top: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.footerBtn:hover::after{
    left: 0;
}
.footerBtn:hover .btnText{
    color: #fff;
}
.copyrightText{
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
line-height: 150%;
color: #121212;
}
.footBottom{    
    position: relative;
}
.bottomWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
    border-top: 2px solid rgba(114, 114, 114, 0.1);
    
}
.jointLinks *{
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    text-align: right;
    color: #121212;
}
.jointLinks a:hover{
    text-decoration: underline;
}
.footSocials a{
    transition: all ease .1s;
}
.footSocials a:hover{
    transform: scale(1.1);
}
.footBottom img{
    max-width: 120px;
    width: 100%;
    max-height: 21px;
    height: 100%;
}
.defaultIcon {
    display: none;
}
.googleBusiness{
    display: block;
    width: 25px;
    height: 25px;
}
.footLinksShort{
    display: flex;
    align-items: center;
    gap: 10px;
}
.footLinksShort a{
    display: flex;
}
@media (max-width: 1365px) {
        .floatRight .linksDiv{
            gap: 50px;
        }
}
@media (max-width: 1199px) {
    .linksDiv{
        max-width: 500px;
    }
}
@media (max-width: 1169px) {
    .footer.floatRight{
        max-width: calc(100% - 230px);
    }
}
@media (max-width:991px) {
    .footerContentWrapper{
        flex-wrap: wrap;
        gap: 60px;
    }
    .linksDiv{
        max-width: 100%;
    }
    .bottomWrapper {
        flex-direction: column;
        gap: 24px;
    }
}
@media (max-width:767px) {
    .footer.floatRight{
        max-width: 100%;
    }
}
@media (max-width:575px) {
    .footerWrapper{
        flex-direction: column;
        gap: 17px;
    }
    .footerBtn {
        flex-grow: 1;
        /* width: 100%; */
        margin: 0 auto;
    }
    
    .linksDiv {
        flex-wrap: wrap;
        justify-content: start;
        gap: 28px 80px;
    }
    .bottomWrapper{
        gap: 10px;
    }
    .footerContentWrapper{
        gap: 34px;
    }
    .footerContentWrapper{
        padding-bottom: 36px;
    }
    .footer::before{
        display: none;
    }
    .footBottom::before{
        width: calc(100% - 15px);
    }
}