/*your custom css goes here*/
.footer-mid .widget-title {
    margin: 15px 0 20px
}

.section-padding-30 {
    padding: 30px 0
}

.section-padding-50 {
    padding: 50px 0
}

.section-padding-60 {
    padding: 60px 0
}

.section-padding {
    padding: 25px 0
}
.download-app {
    margin-bottom: 0 !important
}

.footer-mid .logo img {
    max-width: 150px
}

.footer-mid .widget-about,
.footer-mid .widget-install-app {
    min-width: 205px
}

.footer-mid .widget-about strong {
    display: none
}
.mb-30 {
    margin-bottom: 30px !important
}
.mb-15 {
    margin-bottom: 15px !important
}

.contact-infor {
    color: #253D4E;
    font-size: 15px
}
.contact-infor li {
    list-style: none;
}

.contact-infor li:not(:last-child) {
    margin-bottom: 10px
}

.contact-infor li img {
    margin-right: 8px;
    max-width: 16px
}

.footer-link-widget:not(:last-child) {
    margin-right: 10px
}

.footer-link-widget p {
    color: #253D4E;
    font-size: 15px
}

.download-app {
    /* display: flex;
    flex-wrap: wrap;
    margin: 25px 0 33px */
    margin-bottom: 15px;
}

.download-app a {
    display: block;
    margin-right: 12px
}

.download-app a img {
    max-width: 128px
}

.footer-list {
    list-style: none outside none;
    margin: 0;
    min-width: 170px;
    padding: 0
}

.footer-list li {
    display: block;
    margin: 0 0 13px;
    transition-duration: .3s
}

.footer-list li:last-child {
    margin: 0
}

.footer-list li:hover {
    padding-left: 5px;
    transition-duration: .3s
}

.footer-list li a {
    color: #253D4E;
    display: block;
    font-size: 15px
}

.footer-list li a:hover {
    color: var(--color-brand)
}

.footer-bottom {
    border-top: 1px solid rgba(59, 183, 126, .4)
}
.footer-link-cover {
    display: block
}

.footer-link-cover .footer-link-widget {
    float: left;
    margin-bottom: 30px;
    margin-right: 30px
}

.footer-link-cover .footer-link-widget:not(:last-child) {
    margin-right: 30px
}
.widget-about {
    margin-bottom: 30px
}
.mobile-social-icon a {
    align-items: center;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    margin-right: 10px;
    text-align: center;
    transition-duration: .5s;
    vertical-align: middle;
    width: 34px
}

.mobile-social-icon a img {
    height: 16px;
    width: 16px
}
.mobile-social-icon a {
    align-content: center;
    background: #3BB77E;
    border-radius: 30px;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    line-height: 1;
    margin-right: 5px;
    width: 30px;
}

.mobile-social-icon a.linkedin {
    background-color: #0e76a8;
    border: 1px solid #0e76a8
}

.mobile-social-icon a.facebook {
    background-color: #3b5999;
    border: 1px solid #3b5999
}

.mobile-social-icon a.twitter {
    background-color: #55acee;
    border: 1px solid #55acee
}

.mobile-social-icon a.tumblr {
    background-color: #35465c;
    border: 1px solid #35465c
}

.mobile-social-icon a.instagram {
    background-color: #e4405f;
    border: 1px solid #e4405f
}
.hotline img {
    margin-right: 12px;
    min-width: 35px
}

.hotline p {
    color: #3BB77E;
    display: block;
    font-family: sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1
}

.hotline p span {
    color: #7E7E7E;
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .9px
}
.text-end {
    text-align: right!important;
}
footer .mobile-social-icon h6 {
    display: inline-block;
    margin-right: 15px;
}