.board-sections{
    display: flex !important;
    flex-wrap: wrap;
    align-content: stretch;
    /* width:70%; */
    padding-left: 120px;
}
.board-box {
    background: #BC4E21;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.board-box.board-of-directors{
    background: #6B7A83 ;
}
.board-box.senior-executive-group{
    background: #6B7A83 ;
    margin-top: 37px;
}
.board-title{
    font-size: 40px;
    font-family: 'Yantramanav';
    font-weight: bold;
    padding-right: 50px;
    line-height: 40px;
    padding-left: 20px;
    flex: 1;
}
.board-title h3 {
    margin-bottom: 5px;
    color: white;
}
.leadership-box a {
    text-decoration: none;
    color: #3b3734;
}
.leadership-box, .board-box {
    background: #fff;
    height: 379px;
    width: 250px;
    margin: 20px;
}

.leadership-img > img {
    width: 250px;
    object-fit: cover;
}
.leadership-box-title{
    display: flex;
    justify-content: space-between;
}
.leadership-title{
    margin: 0px 15px;
    font-size: 15.9px;
    font-weight: 400;
}
.leadership-title h3{
    margin-top: 15px;
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 20px;
    font-weight: 900;
}
.leadership-title h4{
    margin-top: 0px;
    font-size: 17px;
    font-weight: normal;
    line-height: 19px;
}
.leadership-title h5{
    font-size:16px;
}
.splide__pagination__page.is-active {
    transform: scale(1.6);
    background: #BC4E21;
}
.btn-board:hover {
    cursor: pointer;
    background: #bd4f21;
}
.board-box svg.tf_fa.tf-fas-plus, .board-box svg.tf_fa.tf-fas-minus-circle {
    font-size: 40px;
    fill: #fff;
    margin-left:20px;
    display: none;
}
.btn-board svg.tf_fa.tf-fas-plus{
    display: block;
}
.btn-board.color-directors svg.tf_fa.tf-fas-plus {
    display: none;
}
.senior-executive-group.color-senior svg.tf_fa.tf-fas-plus {
    display: none;
}
.tf-fas-plus {
    color: #fff !important;
}
.board-main{
    display:none;
}
.board-button {
    margin-top: 0px;
}
.leadership-btn {
    margin-top: 100px;
    margin-right: 0px;
}
.leadership-btn i,
.btn-icon-box i{
    padding: 5px 10px;
    cursor:pointer;
}
@media(min-width:1081px) {
    .board-main{
        display: flex;
    }
}

/* Popup Section  */
.popup, .popup-content {
    z-index: 900;
}

.popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0,0,0);
    background: rgba(0,0,0,.8);
    justify-content: center;
    align-items: center;
}
.popup-sandbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}
.popup-content {
    position: relative;
    width: 80%;
    max-width: 920px;
    margin: 50px auto;
    animation: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0,0,.3,1.6);
}

@-webkit-keyframes modalbox {
  0% {
    top: -250px; 
    opacity: 0;
  }
  100% {
    top: 0; 
    opacity: 1;
  }
}

@keyframes modalbox {
  0% {
    top: -250px; 
    opacity: 0;
  }
  100% {
    top: 0; 
    opacity: 1;
  }
}

.popup-box-cont h3:first-line {
    text-transform: capitalize;
}
.popup-box-cont p {
    padding-right: 20px;
    color: #3b3734;
    line-height: 28px;
}
.popup-content {
    display: flex;
    background-color: #eceff1;
    align-items: flex-end;
    flex-wrap: wrap;
}
.popup-title {
    padding-left: 30px;
}
.popup-img {
    background: #eceff1;
    display: flex;
    padding-top: 60px;
    padding-left: 60px;
    align-items: center;
}
.popup-title h3 {
    line-height: 50px;
    color: #bc4e21;
    font-size: 50px;
    font-weight: 900;
    text-transform: uppercase;
}
.popup-title h4 {
    font-size: 25px;
    line-height: 40px;
    color: #3B3734;
    margin-top: -21px;
}
.popup-img img {
    width: 250px !important;
    object-fit: contain;
    background: #fff;
    border-radius: 50%;
    box-shadow: 6px 5px 10px 3px rgb(0 0 0 / 5%);
}
.popup-box-cont {
    padding: 30px 60px 10px 60px;
    background-color: #ECEFF1;
}

.popup-box-cont .techscroll-list-wrapper {
    max-height: 250px;
}


@media(max-width:960px){
    .popup-content{
        width:90%;
        
    }
}
@media(max-width:680px){
    .popup-title h3 {
        line-height: 30px;
        color: #bc4e21;
        font-size: 30px;
    }
    .popup-title h4 {
        line-height: 20px !important;
        font-size:20px !important;
    }
    
}
@media(max-width:568px){
    .popup-img{
        flex-wrap: wrap;
        padding-top:20px;
        padding-left: 30px;
    }
    .popup-title{
        padding-left:0px;
    }
    .popup-img img{
        margin:0 auto;
    }
    .popup-box-cont {
        padding: 0px 30px 10px;
    }
    .accordion_content {
        margin: 0px !important;
    }
    .leadership-box, .board-box {
        margin: 20px 0px !important;
    }
}

/* The Close Button */
.popup-content .close {
    position: absolute;
    top: 10px;
    right: 10px;
    transition: all 200ms;
    font-size: 20px;
    text-decoration: none;
    color: #434343;
    cursor: pointer;
}


/* Slider  */
.slick-list.draggable {
    padding-left: 30px;
}
.slick-dots {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%);
    padding: 1rem 0;
    list-style-type: none;
}
.slick-dots li {
    margin: .25rem;
}
.slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: 2px solid #bc4e21;
    border-radius: 100%;
    background-color: transparent;
    text-indent: -9999px;
}
.slick-dots li.slick-active button {
    background-color: #bc4e21;
}

.no-active{
    display:none !important;
}


/* Accordion  */
.accordion_main {
    display: none;
}
.st0:hover {
    filter: brightness(1.3);
}
@media(max-width:1080px){
    .accordion_main {
        display: block;
    }
    .btn-icon-box i {
        padding-left: 20px;
        padding-right: 40px;
    }
}
.accordion_tab {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: 0 40px;
}

.accordion_tab.board-of-directors{
    background: #6B7A83 ;
}
.accordion_tab.senior-executive-group{
    background: #6B7A83 ;
}

.accordion_tab > .board-title {
    font-size: 20px;
}
.btn-icon-box {
    padding: 15px 0px;
    flex: 4;
    width: 100%;
}
.accordion_tab > .btn-icon-box {
    color: #fff;
}
.accordion_content {
    margin: 0 40px;
}
.accordion_tab:hover{
    cursor:pointer;
}
.accordion_content{
    flex-wrap: wrap;
    justify-content: center;
    max-height: 0;
    overflow: hidden;
    display: flex;
    transition: 1s;

}
.accordion_tab.active + .accordion_content {
    max-height: 5000px;
}

.color-directors{
    background: #BC4E21 !important;
}
.color-senior{
    background:#BC4E21 !important;
}
/*stepping tools*/
.stepping-form {
    transform: scale(1.4);
    margin-top: 50px;
}
div#stepping-section-2 {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

/* adjustments for mobile */
@media(max-width: 1080px) {
    .accordion_tab {
        margin: 0;
    }
    .accordion:not(:last-child) .accordion_tab:not(.active) {
        border-bottom: solid 1px rgba(0,0,0,.05);
    }
    .accordion_tab.active {
        background-color: #BC4E21;
    }
    .btn-icon-box {
        flex: unset;
        width: auto;
    }
    .board-title h3 {
        margin-bottom: 1em;
    }
}