.desc {
    flex-basis: 33%;
    padding-top: 80px;
}

#what-we-do .shrinkable {
    flex-basis: 77%;
}

.rotated-text {
    text-align: center;
    border:none;
    
    background-color: transparent;
    width: 100%;
}

@media (max-width: 991px){
    .rotated-text {
        background-color: var(--basic-white);
        border-bottom: 1px solid var(--line-color);
        padding: 10px;
    }

    .shrinkable .fs-2 {
        font-size: 18px!important;
    }

    .shrinkable .col-holder  {
        padding: 30px 20px;
    }
}

@media (min-width:992px){
    .rotated-text {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        border-left: 1px solid var(--line-color);
        border-right: 1px solid var(--line-color);
        max-width: 140px;
        padding: 26px;
    }
    
    .rotated-text[aria-expanded="true"] {
        background-color: var(--basic-white);
    }
    
    .rotated-text > div {
        padding: 20px 36px;
    }
    
    
    .shrinkable > .d-flex {
        margin-right: -2px;
    }
    
    .shrinkable {
        height: 800px;
    }


    .shrinkable  .col-holder.collapsing {
        
        transition: none;
    }

    .shrinkable  .col-holder {
        width: auto;
        padding: 120px 60px 0;
    }


    
    .shrinkable  .col-holder.show {
        background-color: var(--basic-white);
        background-position: bottom right;
        background-size: inherit;
        background-repeat: no-repeat;
        
    }
    
    
    .shrinkable i {
        font-size: 40px;
        transform: rotate(-45deg);
        color: var(--grey-2);
    }
    
    
    
    
    .shrinkable button[aria-expanded="true"] i {
        color: var(--primary-blue);
    }
}



@media (min-width: 992px) and (max-width: 1400px){
    .rotated-text {
        padding:10px;
        max-width: 110px;
    }
    .rotated-text > div {
        padding: 20px 6px;
    }
}