.org-section{

    background:#f8f9fb;

}

.org-wrapper{

    display:flex;

    flex-direction:column;

    align-items:center;

}



.org-head{

    display:flex;

    justify-content:center;

}

.org-card{

    width: 210px;
    min-height: 90px;
    padding: 18px;
    background: #fff;
    border-top: 4px solid var(--primary);
    border-radius: 14px;
    box-shadow: var(--shadow-md);
    font-weight: 600;
    color: var(--heading);
    transition: .35s;
    padding:18px 15px;


}

.org-card:hover{

    transform: translateY(-5px);

    box-shadow:0 10px 20px rgba(0,0,0,.18);

}

.org-card.main{

    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: #fff;
    width: 250px;

}

.org-card.active{

    background:#FFF3C4;

    border-color:#F2C94C;

}


.line-vertical{

    width:2px;

    height:32px;

    background:var(--primary);

    margin:auto;

}

.org-line{

    width:74%;

    position:relative;

    height:2px;

    background:var(--primary);

    /* margin-bottom:25px; */

}

.org-level{

    width:74%;

    display:flex;

    justify-content:space-between;

    align-items:flex-start;
    gap:20px

}

.org-item{

    display:flex;

    flex-direction:column;

    align-items:center;

}

.line-small{

    width:2px;

    height:24px;

    background:var(--primary);

}



.section-title h2{

    font-weight:700;

    color:var(--heading);

}

.section-title p{

    color:var(--text-light);

}


/*=====================================
        TABLET
======================================*/

@media (max-width: 991px){

    .org-line{
        display:none;
    }

    .org-level{

        width:100%;

        flex-wrap:wrap;

        justify-content:center;

        gap:30px;

    }

    .org-item{

        width:calc(50% - 15px);

    }

    .org-card{

        width:100%;

        max-width:220px;

    }

}


/*=====================================
        MOBILE
======================================*/

@media (max-width:767px){

    .org-wrapper{

        width:100%;

    }

    .org-line{

        display:none;

    }

    .org-level{

        width:100%;

        flex-direction:column;

        align-items:center;

        gap:25px;

    }

    .org-item{

        width:100%;

        align-items:center;

    }

    .org-card{

        width:90%;

        max-width:300px;

        min-height:80px;

        font-size:15px;

        margin:0 auto;

    }

    .line-small{

        height:18px;

    }

    .line-vertical{

        height:22px;

    }

    .org-card.main{

        width:90%;

        max-width:320px;

    }

}