footer {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .92), #8bdbff);
    padding: 10px 0;
    position: relative;
}

#footer-mb {
    display: none;
}

footer .main-wrap {
    position: relative;
    z-index: 2;
}

footer .footer-curve {
    display: none
}

footer .title-ft {
    font-size: 46px;
    text-align: center;
    font-weight: 700;
    padding-top: 7px;
    color: #26A9E0;
}

footer .footer-main,
footer .footer-main-middle {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

footer .footer-main .footer-cont {
    margin: 0 auto;
    position: relative;
    max-width: 1200px;
    width: 100%;
}

footer .footer-logo {
    margin-bottom: 15px;
}

footer .footer-main .left {
    display: flex;
    flex-direction: column;
    max-width: 620px;
    width: 100%;
}

footer .footer-main .footer-cont>* {
    padding: 30px 0
}

footer .footer-main .footer-cont .pure-u-3-5 {
    border-bottom: 1px solid rgba(255,255,255,.5);
    width: 100%
}

footer .footer-main .footer-cont .pure-u-1-5 {
    width: 33.333%
}

footer .footer-main .footer-cont .footer-head {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px
}

footer .footer-main .footer-cont .provider-list-box {
    padding-right: 40px
}

footer .footer-main .footer-cont .provider-list-box img {
    filter: grayscale(100%) brightness(600%);
    margin-right: 4px;
    margin-top: -2px;
    transform: scale(.9);
    transition: .5s
}

footer .footer-main .footer-cont .provider-list-box img:hover {
    filter: grayscale(0) brightness(100%)
}

footer .footer-main .footer-cont .footer-links {
    display: flex;
    flex-direction: column
}

footer .footer-main .footer-cont .footer-links a {
    color: #fff;
    font-size: 14px;
    margin: 5px 0;
    text-decoration: none
}

footer .footer-main .footer-cont .footer-links a:hover {
    opacity: .5
}

footer .copy {
    border-top: 1px solid rgba(255,255,255,.5);
    color: #fff;
    font-size: 12px;
    line-height: 60px;
    margin: auto;
    max-width: 1200px;
    width: 100%;
    text-align: center;
    width: 100%
}

footer .footer-intro {
    color: #014966;
    line-height: 1.4;
    margin-bottom: 16px;
    text-align: justify;
}

footer .footer-logo>img {
    display: block;
    height: 70px;
    width: auto;
}

footer .footer-intro span {
    color: #ef653d;
    cursor: pointer;
    padding: 0 1px;
    text-decoration: underline;
}

footer .footer-main .right {
    max-width: 620px;
    width: 100%;
}

footer .footer-endorser>img, footer .footer-logos>img {
    display: block;
    width: 100%;
}

footer .footer-endorser .tl-top {
    font-size: 27px;
    font-weight: 700;
    color: #014966;
}

footer .footer-endorser .tl-button {
    font-size: 16px;
    font-weight: 700;
    color: #014966;
}

footer .footer-main2 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

footer .footer-main2 .left {
    display: flex;
    justify-content: space-between;
    max-width: 620px;
    width: 100%;
    gap: 10px;
}

footer .footer-main2 .item-icon-ft {
    width: auto;
    height: auto;
    max-height: 40px;
    overflow: hidden;
    transition: all 0.4s;
}

footer .footer-main2 .item-icon-ft img {
    width: auto;
    height: 40px;
    transition: all 0.4s;
}

footer .footer-main2 .item-icon-ft img:last-child {
    display: block;
}

footer .footer-main2 .item-icon-ft:hover img:first-child {
    display: block;
}

footer .footer-main2 .item-icon-ft:hover img:last-child {
    display: block;
}

footer .footer-main2 .right {
    display: flex;
    justify-content: space-between;
    max-width: 620px;
    width: 100%;
    gap: 10px;
}

footer .footer-main-middle .left {
    display: flex;
    flex-direction: column;
    max-width: 620px;
    width: 100%;
}

footer .footer-main-middle .right {
    width: 100%;
    max-width: 620px;
}

footer .footer-okvip {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

footer .footer-okvip .tl-top {
    font-size: 27px;
    font-weight: 700;
    color: #014966;
}

footer .footer-okvip .tl-button {
    font-size: 16px;
    font-weight: 700;
    color: #014966;
}

footer .footer-okvip .okvip-title {
    font-size: 15px;
    line-height: 1.6;
    text-transform: capitalize;
    width: auto;
}

footer .footer-okvip .okvip-title>h5 {
    font-weight: 700;
    width: auto;
}

footer .footer-okvip .okvip-img {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: space-between;
    max-width: 335px;
    width: 100%;
}

footer .footer-okvip .okvip-img img {
    display: block;
    height: 62px;
    width: auto;
}

footer .footer-okvip .okvip-img .hr {
    background: #014966;
    display: block;
    height: 62px;
    width: 1px;
}

footer .footer-link {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 25px;
    text-align: center;
}

footer .footer-link a {
    color: #014966;
    font-size: 18px;
    text-decoration: none;
    text-transform: capitalize;
    text-align: center;
    padding: 0px;
    line-height: 1.3;
    width: auto;
}

footer .footer-link .hr {
    background: #014966;
    display: block;
    height: 18px;
    width: 1px;
}

footer .footer-copy {
    color: #014966;
    font-size: 15px;
    text-align: center;
    text-transform: capitalize;
}

footer .footer-okvip {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.footer-endorser {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.footer-endorser .color-text-jun88 {
    padding-bottom: 3px;
}

.footer-endorser .color-text-jun88 img {
    width: 100%;
    height: 42px;
    margin-top: 10px;
}

@media screen and (max-width: 1200px) {
    footer .footer-okvip .okvip-img {
        gap: 10px;
        max-width: 235px;
    }
}

@media screen and (max-width: 768px) {
    #footer {
        display: none;
    }

    #footer-mb {
        display: block;
    }

    .d-flex {
        display: flex !important;
    }
    
    .text-start {
        text-align: left !important;
    }

    .ps-3 {
        padding-left: 1rem !important;
    }

    .pe-3 {
        padding-right: 1rem !important;
    }

    .mt-1 {
        margin-top: .25rem !important;
    }

    .justify-content-between {
        justify-content: space-between !important;
    } 

    .align-items-center {
        align-items: center !important;
    }

    .w-100 {
        width: 100% !important;
    }
    
    .align-items-center {
        align-items: center !important;
    }

    .justify-content-between {
        justify-content: space-between !important;
        text-decoration: none;
    }

    .border-white {
        border-color: #014966 !important;
    }

    .border-end {
        border-right: 1px solid #014966 !important;
    }
    .fw-bold {
        font-weight: 700;
    }

    .fs-14px {
        font-size: 14px;
    }

    .fs-12px {
        font-size: 12px;
    }

    .fs-13px {
        font-size: 13px;
    }

    .color-text-jun88 {
        color:  #1F607D
    }
}