/* .partner-block{
    padding-right: 5vw;
} */


.tabs-button-container{
    flex:  0  0 350px;
}

.tabs-button-container ul{
    padding: 0;
    margin:0;
}
.tabs-button-container ul li{
    list-style: none;
}
.tab-button{
    font-size: 18px;
    padding: .75rem .5rem .25rem;
    width: 100%;
    color:#989898;
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
   padding: 1rem 2.5rem 1rem 3.5rem;
}
li:has(+ li  .tab-button.active) .tab-button {
    border-bottom: none
}
.tab-button.active{
    color: white;
    background: #C29537;
    border-radius: 0 2rem 2rem 0;
    padding: 1rem 2.5rem 1rem 3.5rem;
}

::-webkit-scrollbar-button {
  display: none;
}

.tab-content{
    display: none;
    z-index: 0;
    opacity: 0;
    position: relative;
}
.tab-content.active{
    display: block;
    z-index: 1;
    opacity: 1;
}

#partner-tabs{
    display: flex;
    flex-direction: row;
    gap:5vw;
    flex-wrap: nowrap;
    align-items: center;
}
#partner-tabs .tabs-button-container{
    flex:  0  0 370px;
}

#partner-tabs .tabs-button-container .tab-menu-container{max-height: 75vh;
    overflow: hidden scroll;
    padding-right: 20px;  
    /*scrollbar-color: #005b66 #f0f0f0;*/
    
}


.tab-menu-container::-webkit-scrollbar-track {
  background: #E8E8E8;
  border-radius: 10px;
}

.tab-menu-container::-webkit-scrollbar-thumb {
  background-color: #025B6A;
  border-radius: 10px;
}

.tab-menu-container::-webkit-scrollbar-thumb:hover {
  background-color: #007a88;
}

.tab-menu-container::-webkit-scrollbar-thumb:active {
  background-color: #004850;
}


.tab-menu-container::-webkit-scrollbar-button:single-button {
  display: none;
  background: transparent;
  height: 0;
  width: 0;
}

.tab-menu-container::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.tab-menu-container::-webkit-scrollbar{
 width: 10px;
}



.tab-menu-container::-webkit-scrollbar-button:single-button:vertical:decrement {
  display: none;
  height: 0;
}

/* Hide the downward (bottom) arrow */
.tab-menu-container::-webkit-scrollbar-button:single-button:vertical:increment {
  display: none;
  height: 0;
}


.tab-menu-container::-webkit-scrollbar-button {
  display: block;
  height: 0;
  background: transparent;
}

/*.tab-menu-container {*/
/*  scrollbar-gutter: stable;*/
/*}*/





/* Chrome, Safari, Edge */
.scrollable::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.scrollable::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.scrollable::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}




#partner-tabs .tabs-content-container{
    flex: 1 1 calc(100% - ( 5vw + 350px) );
}

.partner-card{
    display: flex;
    flex-direction: row;
    gap:5vw;
    align-items: center;
    margin:1rem 0;
}
.partner-card .image-block{
    width:100%;
    background: var(--green);
    padding: 1rem;
    color: white;
} 

.partner-card .content-block{
    flex:  1 1  65%;
} 

.row-flex{
    display: flex;
    flex-direction: row;
    gap:1rem;
    width: 100%;
}

.row-flex>svg{
    flex : 0 0 24px;
}
.social-icons svg{
    flex:0 0 28px;
    max-width: 28px;
}

.jc-s{
    justify-content: start;
}
.jc-sb{
    justify-content: space-between;
}
.js-e{
    justify-self: end;
}
.ai-c{
    align-items: center;
}
.ai-e{
    align-items: end;
}
.ai-s{
    align-items: start;
}
.col-flex{
    display: flex;
    flex-direction: column;
    gap:0.5rem;
}
.mobileno {
    text-wrap: nowrap;
}
.partner-card .image-block .bottom {
    padding-top: 1rem;
}

.name {
    color: rgb(2, 91, 106);
    font-weight: 800;
    font-size: 3rem;
    line-height: 1;
}
.designation{
    color: rgb(194, 149, 55);
    font-weight: 800;
    font-size: 1.625rem;
    line-height: 1;
    margin: 10px 0px 20px;
}
.highlight_text{
    color: rgb(17, 36, 36);
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1;
}
.quote{
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1;
    color: rgb(17, 36, 36);
    margin: 20px 0px;
}
                        
.summary{
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1;
    color: rgb(17, 36, 36);
    margin: 20px 0px;
    }
.tabs-mobilemenu{
    display: none;
}




.par-list .tabs-content-container{display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1rem 3rem;}

.par-list .p-name{font-size:var(--button-text);font-weight:600;}

.par-list .p-des{    color: var(--golden);
    font-weight: 700;
    line-height: 1.3;}
.par-list .row-flex>svg {
    flex: 0 0 16px;
}

.par-list .partner-card .mobileno{
    gap: 0.5rem;
    text-transform: capitalize;    font-size: 1rem;
    font-weight: 700;}

.al-right{    justify-content: end;}

.par-list .read-more-btn{    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #fff !important;
    font-size: 1rem !important;font-weight:700;    margin-top: 15px;}
.par-list .read-more-btn img{max-width:25px;height:auto;}



@media only screen and (max-width: 781px) {
    #partner-tabs,.partner-card {
        flex-direction: column;
    }
    .tabs-mobilemenu{
        
        display: block;
        background: #C29537;
        padding: 1rem;
        width: 100%;padding: 7px 1rem;
        
    }
    .tabs-mobilemenu span.name{
        color: #FFF;
        font-size: 1.25rem;
        font-weight: 600;
    }
    .name{
        font-size: 1.75rem;
    }
    .mobileno,.partner-card .image-block .bottom p{
        font-size: 1rem;
    }
    .designation{
        font-size: 1.125rem;
        margin:0;
    }
    .quote{
        margin: 0;
    }
    .partner-card .content-block p{
        font-size: 1rem;
    }
    .m-gap-0-5{
        gap:0.5rem;
    }

    #partner-tabs .tabs-button-container{
        flex: 1 1 100%;
        width: 100%;
    }
    .tabs-mobilemenu a svg{
        max-width: 48px;
    }
    .m-row-flex{
        display: flex !important;
        flex-direction: row;
        gap:1rem;
        align-items: center;
    }
    .tab-menu-container{
        display: flex;
        width: 100%;
        flex-direction: column-reverse;
        position: fixed;
        top: 0;
        left: 0;
        background: #FFF;
        max-height: 100vh;
        z-index: 9999;
        justify-content: start;
        align-items: start;
        height: 100%;
    }
    .tab-menu-container{
        transform: translateX(-100%) !important;
        transition: all 0.3s ease-in-out;
    }
    .tab-menu-container.open{
        transform: translateX(0) !important;
    }
    .tab-menu-container ul{
        max-width: calc(100%  - (48px + 1rem));
        background: #C29537;
        color:#FFF;
        max-height: 100%;
        overflow: scroll;
        width: 100%;
        
      
    }

    .tab-menu-container ul li a{
        color: #FFF;
        /* text-align: center; */
    }
    section:has(.tab-menu-container){
        isolation: unset !important;
    }
    #partner-tabs .tab-button.active{
        border-radius: 0;
        border:none !important;
    }
    #partner-tabs .tab-button{
        border-radius: 0;
        border:none !important;
    }
    #partner-tabs .tab-menu-container ul li{
        isolation: isolate;
        position: relative;
    }
    #partner-tabs .tab-menu-container ul li a:after{
        content: "";
        width: 80%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 10%;
        display: block;
        background: #FFF9;
    }
    
    
    #partner-tabs .tabs-button-container .tab-menu-container{    max-height: unset;
    overflow: unset}
    
.par-list .tabs-content-container{grid-template-columns: 1fr;}
.par-list .p-name{font-size:22px;}

.p-col{   flex-direction:column; align-items: flex-start !important;}
.checkbox-team{        width: calc(100% + 10vw);
        margin-left: -5vw !important;
    
}
.checkbox-team select{    border-radius: 0px;        border-radius: 0px !important;
        width: 100%;
        /*width:300px;*/
        background-position: 95% 50% !important;}
}



.par-list .read-more-btn img{transition:0.3s all ease-in-out;}