footer {
    background: #294258;
    padding-top: 48px;
    padding-bottom: 36px;
    padding-left: 130px;
}
.content-footer a:hover {
    color: white;
}
.title-first {
    color: white;
    font-size: 20px;
    font-weight: 600;
    
    line-height: 30px;
}
.des-first {
    color: white;
    font-size: 18px;
    font-weight: 600;
    
    line-height: 26px;
}
.address-footer {
    color: white;
    font-size: 18px;
    font-weight: 400;
    
    line-height: 26px;
}
.first-item-footer {
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.second-item-footer {
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: white;
    font-size: 20px;
    
    font-weight: 600;
    line-height: 30px;
}
.location-footer, .mail-footer, .tell-footer {
    display: flex;
    gap: 8px;
    color: #F3F4F6;
    font-size: 18px;
    
    font-weight: 400;
    line-height: 24px;
}
.third-item-footer {
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    color: white;
    font-size: 20px;
    
    font-weight: 600;
    line-height: 30px;
}
    .third-item-footer img {
        object-fit: cover;
        width: 200px;
    }
footer .container {
    flex-direction: column;
    display: flex;
    gap: 30px;
    width: 100% !important;
}
.content-footer {
    flex-direction: row;
    display: flex;
    border-bottom: 1px #6B7280 solid;
    padding-bottom: 30px;
    gap: 24px;
}
.tag-footer {
    color: #9CA3AF;
    font-size: 16px;
    font-weight: 400;
    
    line-height: 24px;
}
    .tag-footer span {
        color: #40AEE1;
        font-size: 16px;
        
        font-weight: 700;
        line-height: 24px;
    }

@media (max-width: 600px) {
    footer {
        padding-left: 0px;
    }
    .content-footer {
        flex-direction: column;
    }
    .first-item-footer, .second-item-footer, .third-item-footer {
        width: 100%;
    }
}
@media (min-width: 601px) and (max-width: 991px) {
    footer {
        padding-left: 0px;
    }

    .content-footer {
        display: ruby;
    }

    .content-footer {
        flex-direction: column;
    }

    .first-item-footer, .second-item-footer, .third-item-footer {
        width: 100%;
    }
}
}