.index-footer {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #3a4953;
}

.index-footer .content {
    width: 91.45%;
    margin: 0 auto;
    padding: 30px 0;
    padding-right: 10px;
}

.index-footer .content .desktop {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;

}

.index-footer .content .desktop .top {
    width: 100%;
    display: flex;
    justify-content: start;
}

.index-footer .content .desktop .top .top-item-first .top-items {
    width: auto;
    justify-content: start;
    height: 100%;
}

.index-footer .content .desktop .top .top-item-first .top-items .top-elements {
    width: 100%;
}

.index-footer .content .desktop .top .top-item-first .top-items .top-elements.social-icons {
    margin-top: auto;
}

.index-footer .content .desktop .top .top-item-last {
    width: auto;
    display: flex;
    justify-content: end;
}

.index-footer .content .desktop .top .top-items {
    width: calc(100% - 70px);
    display: flex;
    justify-content: end;
    align-items: stretch;
}

.index-footer .content .desktop .top .top-items .separator {
    width: 50px;
}

.index-footer .content .desktop .top .top-item-last .top-items {
    width: auto;
}

.index-footer .content .desktop .top .top-items .top-item {
    display: block;
    width: max-content;
}

.index-footer .content .desktop .top .top-items .top-item.image {
    width: calc(100% - 50px);
    position: relative;
    display: flex;
    flex-direction: column;
}

.index-footer .content .desktop .top .top-items .top-item.image img {
    width: 100%;
    max-width: 197.52px;
    position: relative;
    top: -6px;
}

.index-footer .content .desktop .top .top-items .top-item .item {
    width: max-content;
}

.index-footer .content .desktop .top .top-items .top-item:last-child .item {
    margin-left: auto;
}

.index-footer .content .desktop .top .top-items .top-item .title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: Manrope, Sans-Serif;
    letter-spacing: 0;
    margin-bottom: .5rem;
    line-height: 1.2;
}

.index-footer .content .desktop .top .top-items .top-item .top-elements {
    display: block;
}

.index-footer .content .desktop .top .top-items .top-item .top-elements .top-element {
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    font-family: Inter, Sans-Serif;
    color: rgba(255, 255, 255, .7);
    list-style: none;
}

.index-footer .content .desktop .top .top-item-first .top-items .top-item .top-elements .top-element {
    font-size: 12.5px;
    line-height: 1.2;
}

.index-footer .content .desktop .store {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.index-footer .content .desktop .store .store-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index-footer .content .desktop .store .store-content .store-images {
    width: auto;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.index-footer .content .desktop .store .store-content .store-images .image {
    width: 120px;
}

.index-footer .content .desktop .store .store-content .store-images .image img {
    width: 100%;
    max-width: 120px;
}

.index-footer .content .desktop .store .store-content .store-reclaimed {
    width: auto;
    height: 40px;
    display: flex;
    justify-content: start;
    align-items: baseline;
    gap: 15px;
}

.index-footer .content .desktop .store .store-content .store-reclaimed h5 {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    font-family: Inter, Sans-Serif;
}

.index-footer .content .desktop .store .store-content .store-reclaimed h5.mobile {
    display: none;
}

.index-footer .content .desktop .store .store-content .store-reclaimed h5 a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    font-weight: 400;
}

.index-footer .content .desktop .store .store-content .store-reclaimed img {
    height: 40px;
    max-height: 40px;
}

.index-footer .content .desktop .bottom {
    width: 100%;
    display: block;
}

.index-footer .content .desktop .bottom .bottom-content {
    width: 100%;
    display: block;
}

.index-footer .content .desktop .bottom .bottom-content .bottom-sections {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index-footer .content .desktop .bottom .bottom-content .bottom-sections .bottom-title {
    display: block;
    width: auto;
}

.index-footer .content .desktop .bottom .bottom-content .bottom-sections .bottom-title .title {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

.index-footer .content .desktop .bottom .bottom-content .bottom-sections .bottom-title .subtitle {
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, .38);
}

.index-footer .content .desktop .bottom .bottom-content .bottom-sections .bottom-image {
    width: 173px;
}

.index-footer .content .desktop .bottom .bottom-content .bottom-sections .bottom-image img {
    width: 100%;
    max-width: 100%;
}

.index-footer .content .desktop .top .first {
    width: 38%;
}

.index-footer .content .desktop .top .first .container {
    width: 100%;
    margin: 0;
    padding: 0;
}

.index-footer .content .desktop .top .first .container .image {
    width: 41%;
    margin-bottom: 15px;
}

.index-footer .content .desktop .top .first .container .image img {
    width: 100%;
}

.index-footer .content .desktop .top .first .container .description {
    width: 90%;
    margin: 0;
    padding: 0;
}

.index-footer .content .desktop .top .first .container .description p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, .65);
}

.index-footer .content .desktop .top .second {
    width: 30%;
    margin: 0;
    padding: 0;
    border-left: solid 1px rgba(255, 255, 255, .65);
}

.index-footer .content .desktop .top .third {
    width: 30%;
    margin: 0;
    padding: 0;
}

.index-footer .content .desktop .top .second .container, .index-footer .content .desktop .top .third .container {
    width: 80%;
    margin: 0 0 0 30px;
    padding: 0 10px 15px 0;
    border-bottom: solid 1px rgba(255, 255, 255, .65);
}

.index-footer .content .desktop .bottom .third .container {
    width: 80%;
    margin: 20px 0 0 30px;
    padding: 0 10px 15px 0;
}

.index-footer .content .desktop .top .second .container title, .index-footer .content .desktop .top .third .container title, .index-footer .content .desktop .bottom .third .container title {
    width: 100%;
}

.index-footer .content .desktop .top .second .container .title h4, .index-footer .content .desktop .top .third .container .title h4, .index-footer .content .desktop .bottom .third .container .title h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
}

.index-footer .content .desktop .top .second .container .list a, .index-footer .content .desktop .top .third .container .list a, .index-footer .content .desktop .bottom .third .container .list a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, .38);
}

.index-footer .content .desktop .bottom {
    width: 100%;
    display: flex;
    justify-content: start;
    margin-top: 30px;
}

.index-footer .content .desktop .bottom .first {
    width: 38%;
}

.index-footer .content .desktop .bottom .first .container {
    width: 100%;
    margin: 0;
    padding: 30px 0;
}

.index-footer .content .desktop .bottom .first .container .icons {
    width: 100%;
    display: inline-flex;
    margin: 0;
    padding: 0;
}

.index-footer .content .desktop .bottom .first .container .icons .icon {
    width: 48.39px;
    height: 48.39px;
    margin: 0 15px 0 0;
    background-color: rgba(255, 255, 255, .21);
    border-radius: 10%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center center;
}

.index-footer .content .desktop .bottom .first .container .icons .icon#i-fb {
    background-image: url('/assets/img/facebook-logo-white.svg');
}

.index-footer .content .desktop .bottom .first .container .icons .icon#i-fb:hover {
    background-image: url('/assets/img/facebook-logo.svg');
    background-color: #fff;
}

.index-footer .content .desktop .bottom .first .container .icons .icon#i-i {
    background-image: url('/assets/img/instagram-white.svg');
}

.index-footer .content .desktop .bottom .first .container .icons .icon#i-i:hover {
    background-image: url('/assets/img/instagram.svg');
    background-color: #fff;
}

.index-footer .content .desktop .bottom .first .container .icons .icon#i-tk {
    background-image: url('/assets/img/tik-tok-white.svg');
}

.index-footer .content .desktop .bottom .first .container .icons .icon#i-tk:hover {
    background-image: url('/assets/img/tik-tok.svg');
    background-color: #fff;
}

.index-footer .content .desktop .bottom .first .container .icons .icon#i-yt {
    background-image: url('/assets/img/youtube-white.svg');
}

.index-footer .content .desktop .bottom .first .container .icons .icon#i-yt:hover {
    background-image: url('/assets/img/youtube.svg');
    background-color: #fff;
}

.index-footer .content .desktop .bottom .first .container .icons .icon#i-in {
    background-image: url('/assets/img/linkedin-white.svg');
}

.index-footer .content .desktop .bottom .first .container .icons .icon#i-in:hover {
    background-image: url('/assets/img/linkedin.svg');
    background-color: #fff;
}

.index-footer .content .desktop .bottom .first .container .icons .icon#i-tw {
    background-image: url('/assets/img/twitter-white.svg');
}

.index-footer .content .desktop .bottom .first .container .icons .icon#i-tw:hover {
    background-image: url('/assets/img/twitter.svg');
    background-color: #fff;
}

.index-footer .content .desktop .bottom .second {
    width: 30%;
    border-left: solid 1px rgba(255, 255, 255, .65);
}

.index-footer .content .desktop .bottom .second .container {
    width: 80%;
    margin: 20px 0 0 30px;
    padding: 0 10px 15px 0;
}

.index-footer .content .desktop .bottom .second .container .title {
    width: 100%;
}

.index-footer .content .desktop .bottom .second .container .title h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
}

.index-footer .content .desktop .bottom .second .container .list {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 7px;
}

.index-footer .content .desktop .bottom .second .container .list .text {
    width: 31%;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
}

.index-footer .content .desktop .bottom .second .container .list .image {
    width: 17%;
    display: flex;
    justify-content: center;
}

.index-footer .content .desktop .bottom .second .container .list .image img {
    width: 16px;
    height: 16px;
}

.index-footer .content .desktop .bottom .second .container .list .phone {
    color: rgba(255, 255, 255, .38);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
}

.index-footer .content .desktop .bottom .third {
    width: 30%;
}

.index-footer .bottom-text {
    display: flex;
    justify-content: center;
    align-items: center;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: rgba(255, 255, 255, .19);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    background-color: rgba(58, 73, 83, .96);
    height: 50px;
    width: 91.45%;
    margin: 0 auto;
}

.index-footer .bottom-text h5 {
    text-align: center;
    width: auto;
    margin: 0;
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    font-weight: 400;
    font-family: Inter, Sans-Serif;
    display: flex;
    justify-content: center;
    white-space: nowrap;
    gap: 10px;
    align-items: center;
}

.index-footer .bottom-text .bottom-content {
    text-align: center;
    width: auto;
    margin: 0;
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    font-weight: 400;
    font-family: Inter, Sans-Serif;
    display: flex;
    justify-content: center;
    white-space: nowrap;
    gap: 10px;
    align-items: center;
}

.index-footer .bottom-text .bottom-content img {
    height: 20px;
}



.index-footer .bottom-text h5 a {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    font-weight: 400;
}

.index-footer .content .mobile {
    display: none;
}

@media(max-width: 1200px) {
    .index-footer .content {
        width: 100%;
        margin: 0;
        padding: 20px 20px 20px 20px;
        padding-left: 13px;
        padding-right: 16px;
    }

    .index-footer .content .desktop {
        /*display: none;*/
    }

    .index-footer .content .mobile {
        /*display: block;*/
    }

    .index-footer .content .mobile .image {
        width: 50%;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .index-footer .content .mobile .description {
        width: 100%;
    }

    .index-footer .content .mobile .description p {
        text-align: center;
        margin: 0;
        font-size: 15px;
        color: rgba(255, 255, 255, .65);
        font-weight: 400;
    }

    .index-footer .content .mobile .content {
        width: 100%;
    }

    .index-footer .content .mobile .content .title {
        width: 100%;
    }

    .index-footer .content .mobile .content .title.central {
        margin-bottom: 25px;
    }

    .index-footer .content .mobile .content .title h4 {
        text-align: center;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
    }

    .index-footer .content .mobile .content .list {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index-footer .content .mobile .content .list.central {
        margin-bottom: 5px;
        padding: 0 35px;
    }

    .index-footer .content .mobile .content .list a {
        text-decoration: none;
        color: rgba(255, 255, 255, .38);
        font-size: 15px;
        font-weight: 400;
    }

    .index-footer .content .mobile .icons {
        width: 100%;
        padding: 0 19%;
        margin-top: 40px;
    }

    .index-footer .content .mobile .icons .icons-row {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }

    .index-footer .content .mobile .icons .icons-row .icon {
        width: 50.59px;
        height: 50.59px;
        background-repeat: no-repeat;
        background-size: 24px 24px;
        background-position: center center;
        background-color: rgba(255, 255, 255, .21);
        border-radius: 10%;
        transition: .3s;
    }

    .index-footer .content .mobile .icons .icons-row .icon#i-fb {
        background-image: url('/assets/img/facebook-logo-white.svg');
    }

    .index-footer .content .mobile .icons .icons-row .icon#i-i {
        background-image: url('/assets/img/instagram-white.svg');
    }

    .index-footer .content .mobile .icons .icons-row .icon#i-tk {
        background-image: url('/assets/img/tik-tok-white.svg');
    }

    .index-footer .content .mobile .icons .icons-row .icon#i-yt {
        background-image: url('/assets/img/youtube-white.svg');
    }

    .index-footer .content .mobile .icons .icons-row .icon#i-in {
        background-image: url('/assets/img/linkedin-white.svg');
    }

    .index-footer .content .mobile .icons .icons-row .icon#i-tw {
        background-image: url('/assets/img/twitter-white.svg');
    }

    .index-footer .content .mobile .content .list .text {
        width: 35%;
        text-align: left;
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
    }

    .index-footer .content .mobile .content .list .image {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    .index-footer .content .mobile .content .list .image img {
        width: 16px;
        height: 16px;
    }

    .index-footer .content .mobile .content .list .phone {
        text-align: left;
        font-weight: 400;
        color: rgba(255, 255, 255, .38);
        font-size: 13px;
        margin: 0 0 0 0;
    }

    .index-footer .bottom-text {
        text-align: center;
    }

    .index-footer .content .desktop .top {
        flex-direction: column;
    }

    .index-footer .content .desktop .top .top-item-first .top-items {
        width: 100%;
    }

    .index-footer .content .desktop .top .top-items .top-item.image {
        width: 100%;
    }

    .index-footer .content .desktop .top .top-items .top-item.image img {
        margin: 0 auto;
        max-width: 65%;
        width: 100%;
        position: unset;
    }

    .index-footer .content .desktop .top .top-item-first .top-items .top-elements {
        margin-top: 20px;
    }

    .index-footer .content .desktop .top .top-item-first .top-items .top-elements.text-image {
        margin-top: 5px;
    }

    .index-footer .content .desktop .top .top-item-first .top-items .top-elements.social-icons {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .index-footer .content .desktop .top .top-item-first .top-items .top-item .top-elements .top-element {
        text-align: center;
    }

    .index-footer .content .desktop .top .top-item-last {
        width: 100%;
        display: block;
        margin-top: 30px;
    }

    .index-footer .content .desktop .top .top-item-last .top-items {
        width: 100%;
        flex-direction: column;
        gap: 20px;
    }

    .index-footer .content .desktop .top .top-items .top-item {
        width: 100%;
    }

    .index-footer .content .desktop .top .top-items .top-item .item {
        width: 100%;
    }

    .index-footer .content .desktop .top .top-items .top-item .title {
        text-align: center;
        font-size: 16px;
    }

    .index-footer .content .desktop .top .top-items .top-item .top-elements .top-element {
        text-align: center;
        color: rgba(255, 255, 255, .7);
    }

    .index-footer .content .desktop .top .top-items .separator {
        display: none;
    }

    .index-footer .content .desktop .store .store-content {
        flex-direction: column;
    }

    .index-footer .content .desktop .store .store-content .store-reclaimed {
        flex-direction: column;
        height: auto;
        margin-top: 20px;
        gap: 20px;
    }

    .index-footer .content .desktop .store .store-content .store-reclaimed h5 {
        display: none;
    }

    .index-footer .content .desktop .store .store-content .store-reclaimed h5.mobile {
        display: block;
    }
}