/* association */

.association__wrapper {
    display: flex;
    align-items: center;
    gap: 150px;
}
h2.association__title {
    margin-bottom: 16px;
}
.association__description{
    margin-bottom: 0;
}
.association__features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.association__content {
    width: 50%;
    justify-content: end;
    display: flex;
    flex-direction: column;
}
.association__feature {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 24px;
    height: 74px;
    background: linear-gradient(180deg, #212226 0%, #101012 100%);
    box-shadow: 0px 6.68px 3.86px 0px #00000040;
    border: 0.74px solid #292A2C;
    border-radius: 9px;
    backdrop-filter: blur(10px);
    transition: 0.3s;
}
.association__feature:hover{
    transform: translateY(-5px);
}
.association__image img {
    display: block;
}
.mobile-association-image {
    display: none;
}
.association__image img {
    position: relative;
    top: -27px;
    width: 470px;
}
.association__feature-iconwrapper {
    position: relative;
    display: inline-block;
}

.associtaion__cta-btn {
    position: relative;
    z-index: 2;
    display: inline-block;
}

.association__feature-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--color-text-secondary); 
}
@media (max-width:1399px) {
    .association__wrapper {     
        gap: 100px;
    }
    .benefits-section__details {
        width: 50%;
    }
    .association__wrapper{
        gap:100px;
    }
    .association__feature-text{
        width: 160px;
    }
}
@media (max-width:1199px) {
    .association__wrapper {
        gap: 40px;
    }
    .association__image, .association__content {
        width: 50%;
    }
    .association__image img {
        width: 480px;
        margin: 0 auto;
        display: table;     
    }
     .association__feature-text {
        width: 100%;
        font-size: 13px;
        line-height: 24px;
    }
}
@media (max-width:991px) {
     .association__wrapper {
        gap: 40px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .association__image, .association__content {
        width: 100%;
    }
     .association__image img {
        display: none;
    }
    .mobile-association-image{
        display: block;
        position: relative;
        top: -65px;
        margin: 0 auto;
    }
    .association__feature-text {
        width: 100%;
        font-size: 16px;
    }
}
@media (max-width: 576px) {
    .association__features{
        grid-template-columns: repeat(1, 1fr);
    }
    .association__image img {
        width: 100%;       
    }
    .association__feature-text {
        width: 100%;
        font-size: 14px;
    }
    .accordion-body .benefits-section__feature-desc {
        font-size: 14px;
        line-height: 21px;
    }
   
    .accordion-body .benefits-section__list li{
        font-size: 14px;
        line-height: 21px;
    }
}