.tab-panel-section{padding:60px 0;}
.tab-panel-section .tabs{margin:0;padding:0;list-style:none;width:100%;}
.tab-panel-section .tabs li.current{background:#F5F7FA;}
.tab-panel-section .tab-panel-wrap .wrappersss{display:flex;flex-wrap:wrap;align-items:center;}
.tab-panel-section .tab-panel-wrap .wrappersss .left-part{width:50%;padding-right:20px;display: flex;align-items: center;}
.tab-panel-section .tab-panel-wrap .wrappersss .right-part{width:50%;padding-left:20px;}
.tab-panel-section .tab-panel-wrap .wrappersss .right-part .tab-content{width: auto; height: auto; display: none; {#background: #F5F7FA;#} padding: 36px 50px 36px 60px; border-radius: 30px}
.tab-panel-section .tab-panel-wrap .wrappersss .right-part .tab-content.current{display:inherit}
.tab-panel-section .tabs li .tabs-wrapper{display:flex;flex-wrap:wrap;align-items:center}
.tab-panel-section .tabs li .tabs-wrapper .tabs-icon{width:80px;height:80px}
.tab-panel-section .tabs li .tabs-wrapper .tabs-text{width:calc(100% - 80px);padding-left:30px}
.tab-panel-section .tabs li .tabs-wrapper .tabs-text h4{margin:0;font-size: 20px; line-height: 1.5;}
.tab-panel-section .tabs li .tabs-wrapper .tabs-text p{margin:0;font-size: 16px;}
.tab-panel-section .tabs li .tabs-wrapper .tabs-icon img{width:100%;height:100%!important;object-fit:contain}
.tab-panel-section .tabs li{padding:30px 30px;border-radius:30px;cursor:pointer;}
.tab-panel-section .section-heading { max-width: 1027px; margin: 0 auto 80px; width: 100%; text-align:center;}
.tab-panel-section .tab-panel-wrapper{display:block;}
.tab-panel-section .accrodion-part{display:none;}
/* .dark-mode .tab-panel-section .tab-panel-wrap .wrappersss .right-part .tab-content { background: #1c2736; } */
.tab-panel-section .tab-panel-wrap .wrappersss .right-part .tab-content .images { width: 100%; /*height: 660px;*/ } 
.tab-panel-section .tab-panel-wrap .wrappersss .right-part .tab-content .images img { width: 100%; height: 100% !important; object-fit: contain; border-radius: 40px; }
.dark-mode .tab-panel-section .accrodion-part .tabs-wrapper.acc__title .tabs-text p { color: #fff;}

@media(max-width:1440px){
  .tab-panel-section .tab-panel-wrap .wrappersss .right-part .tab-content { padding: 25px 30px; }
  /* .tab-panel-section .tab-panel-wrap .wrappersss .right-part .tab-content .images { height: 550px; } */
  .tab-panel-section .tab-panel-wrap .wrappersss .right-part { padding-left: 0; }
}

@media(max-width:1200px){
  .tab-panel-section{padding:60px 0;}
  .tab-panel-section .tabs li{padding:35px 20px}
  .tab-panel-section .tabs li .tabs-wrapper .tabs-icon{width:50px;height:50px}
  .tab-panel-section .tabs li .tabs-wrapper .tabs-text{width:calc(100% - 50px);padding-left:20px}
  .tab-panel-section .tab-panel-wrap .wrappersss .right-part .tab-content { padding: 36px 0 36px 30px; }
  .tab-panel-section .tabs li .tabs-wrapper .tabs-text h4 { font-size: 20px; line-height: 1.5; }
}

@media(max-width:1024px){
  .tab-panel-section{padding:70px 0;}
  .tab-panel-section .section-heading{margin:0 auto 50px;}
  .tab-panel-section .tab-panel-wrapper{display:none;}
  .tab-panel-section .accrodion-part{display:block;}
  .tab-panel-section .accrodion-part .acc__panel { display: none; }

  .tab-panel-section .accrodion-part .tabs-wrapper.acc__title .tabs-icon{display:none}
  .tab-panel-section .accrodion-part .tabs-text{width:100%;padding:0 30px 0 0}
  /*   .tab-panel-section .accrodion-part .acc__card .tabs-wrapper.acc__title:after{right:0}
  .tab-panel-section .accrodion-part .acc__card .tabs-wrapper.acc__title:before{right:8px} */

  .tab-panel-section .accrodion-part .tabs-wrapper.acc__title{display:flex;flex-wrap:wrap;align-items:center;position:relative;}
  .tab-panel-section .accrodion-part .tabs-text h4,.tabs-text p{margin:0}
  .tab-panel-section .accrodion-part .acc__card{padding:25px 5px 25px 0;background:transparent;margin:0 0;border-bottom: 1px solid #E4E7E9;border-radius: 0;}

  /*   .tab-panel-section .accrodion-part .acc__card .tabs-wrapper.acc__title:after{content:'';position:absolute;top:50%;right:0;background:#121922;width:20px;height:3px;transform:translateY(-50%)} */
  /*   .tab-panel-section .accrodion-part .acc__card .tabs-wrapper.acc__title:before{content:'';position:absolute;top:50%;right:8px;background:#121922;width:3px;height:20px;transform:translateY(-50%)} */
  .tab-panel-section .accrodion-part .tabs-wrapper.acc__title.active::before { display: none; }
  .tab-panel-section .accrodion-part .tab-content { padding-top: 30px; max-width: 450px; height: auto; margin: 0 auto; width: 100%;}
  .tab-panel-section .accrodion-part .acc__card:last-child { border: 0;}
  .tab-panel-section .accrodion-part .tab-content img { border-radius: 20px;}
  .tabs-text:before { content: ''; top: 3px; left: auto; right: 0; width: 20px; height: 20px; background-image: url(https://7213852.fs1.hubspotusercontent-na1.net/hubfs/7213852/Assets%20-%20The%20National%20College/images/down-arrow.png); position: absolute; background-size: contain; transition:all }
  .tab-panel-section .accrodion-part .tabs-text p { padding-top: 10px; display: none;}
  .tab-panel-section .accrodion-part .tabs-wrapper.acc__title.active .tabs-text p { display: block;}
  .tab-panel-section .accrodion-part .tabs-wrapper.acc__title.active .tabs-text:before { transform: rotate(180deg);}



}

@media (max-width:991px){
  .tab-panel-section .tab-panel-wrap .wrappersss .left-part { padding-right: 0;}
  .tab-panel-section{padding:15px 0;}
}

@media(max-width:767px){
  .tab-panel-section{padding:15px 0;}
  .tab-panel-section .accrodion-part .tabs-text h4 { font-size:20px; line-height:1.5; }
  .tab-panel-section .accrodion-part .tabs-text p { font-size:14px; }
}