.section-partnership-tiers {
    padding-top: 70px;
    padding-bottom: 140px;
    /*background-image: url("https://20080100.fs1.hubspotusercontent-na1.net/hubfs/20080100/PartnerProgram/bg-logos.png");*/
    background-repeat: no-repeat;
    background-position: bottom -30px center;
    background-size: auto;
}

.section-partnership-tiers .title {
    font-weight: 600!important;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -1px;
    color: #121212;
    text-transform: capitalize;
    max-width: 480px;
    margin-bottom: 24px;
}

.section-partnership-tiers .subtitle {
    font-size: 22px;
    line-height: 32px;
    color: #121212;
    margin-bottom: 56px;
    max-width: 877px;
}
.partnership-row{
    background: #121212;
    padding: 56px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #2A2A2B;
    transition: background .5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    align-items: center;
}
.partnership-row:last-of-type{
    border: none;
}
.partnership-row .card-title{
    font-weight: 900;
    font-size: 72px;
    line-height: 64px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.partnership-row .card-text{
    font-size: 16px;
    line-height: 26px;
    color: #888888;
    max-width: 558px;
}
.partnership-row .logo{
    max-width: 427px;
}
.partnership-row .column:last-of-type{
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.partnership-row a.btn-outline{
    border-color: #fff;
    margin-bottom: 17px;
    margin-top: 17px;
    transition: background 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s, border-color 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
.partnership-row a.btn-outline .icon{
    opacity: 0;
    width: 0;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s;

    margin-top: -2px;
}
.partnership-row:hover{
    background: #1F1F1F;
}
.partnership-row:hover a.btn-outline{
    border-color: #fff;
    background: #fff;
    color: #121212;
}
.partnership-row:hover a.btn-outline .icon svg path{

    fill: #121212;
}
.partnership-row:hover a.btn-outline .icon{
    opacity: 1;
    width: 16px;
    margin-left: 8px;
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .section-partnership-tiers {
        padding-top: 40px;
        padding-bottom: 140px;
    }
    .section-partnership-tiers .subtitle{
        margin-bottom: 48px;
    }
    .partnership-row .card-title{
        font-size: 56px;
        line-height: 64px;
        margin-bottom: 4px;
    }
    .partnership-row .card-text{
        max-width: 325px;
    }
    .partnership-row{
        padding: 48px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .section-partnership-tiers {
        padding-top: 40px;
        padding-bottom: 140px;
        background-position: bottom -10px center;
    }
    .section-partnership-tiers .title{
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -2px;
        margin-bottom: 16px;
    }
    .section-partnership-tiers .subtitle{
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 26px;
    }
    .partnership-row .card-title{
        font-size: 56px;
        line-height: 64px;
        margin-bottom: 4px;
    }
    .partnership-row .card-text{
        max-width: 624px;
    }
    .partnership-row{
        padding: 40px;
        flex-direction: column;
        align-items: flex-start;
    }
    .partnership-row a.btn-outline{
        float: left;
        margin-left: 0;
        margin-top: 32px;
        margin-bottom: 17px;
    }
}
@media screen and (max-width: 767px) {
    .section-partnership-tiers {
        padding-top: 40px;
        padding-bottom: 80px;
        background-position: bottom -10px center;
    }
    .section-partnership-tiers .title{
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -2px;
        margin-bottom: 16px;
    }
    .section-partnership-tiers .subtitle{
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 26px;
    }
    .partnership-row .card-title{
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 12px;
    }
    .partnership-row .card-text{
        max-width: 624px;
    }
    .partnership-row{
        padding: 56px 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .partnership-row a.btn-outline{
        float: left;
        margin-left: 0;
        margin-top: 24px;
        margin-bottom: 16px;
        max-width: 197px;
    }
    .partnership-row .column:last-of-type{
        text-align: left;
    }
    .partnership-row .logo,.partnership-row .logo img {
        width: 100%;
    }
}