.logo-section .heading {
    margin: 0 auto 70px;
    max-width: 1196px
}

.logo-section .logo-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width:1300px) {
    .logo-section .logo-outer {
        gap: 30px 50px
    }
}

@media (min-width:1400px) {
    .logo-section .logo-outer {
        gap: 30px 66px
    }
}

.logo-section .btn-outer {
    margin: 40px 0 0;
    text-align: center
}

@media (min-width:768px) {
    .logo-section .btn-outer {
        margin: 94px 0 0
    }
}

.logo-section img {
    -webkit-filter: brightness(0) saturate(100%) invert(10%) sepia(30%) saturate(1157%) hue-rotate(138deg) brightness(90%) contrast(88%);
    filter: brightness(0) saturate(100%) invert(10%) sepia(30%) saturate(1157%) hue-rotate(138deg) brightness(90%) contrast(88%)
}