.table-wrap table, 
.table-wrap th, 
.table-wrap td {
  border-collapse: collapse;
  padding: 10px;
  text-align: center;
  border: 1px solid rgba(162, 173, 63, 0.23);
}

.table-th{
  background:#28317e;
}

.table-th th{
  color:#ffffff;
  text-align:center;
}

.no-order {
  text-align: center;
  margin-bottom: 20px;
}

.table-wrap-one table{
  width: 1340px !important;
}

@media(max-width:991px){
  .table-wrap table {
    width: 990px !important;
  }
}


.profile-section .profile-details {
  box-shadow: 0px 0px 1px 0px #00000066;
  background:white;
  border-radius: 12px;
  padding:24px 16px 38px 16px;
}
.border-bottom-certi{
  border-bottom: 1px solid #E0E0E0;
}
.top-header{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.profile-section .bottom-header{
  text-align:center;
}
.profile-section table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border:0px;
}

tr.top-header th {
  width: max-content;
  word-break: normal;
}
.dashboard-table ::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.dashboard-table ::-webkit-scrollbar-track {
  background:#F9F9F9;
  border-radius: 0px;
  box-shadow: inset 0 0 5px grey;
}

/* Handle */
.dashboard-table ::-webkit-scrollbar-thumb {
  background: #C0C0C0; 
  border-radius: 12px;
}

.table-wrap {
  overflow: auto;
}

.profile-section .top-header {
  padding: 15px 40px;
  background: #28317e;
  margin: 13px;
  display: block;
}
.profile-section  table{
  background:transparent;
}
.top-header th{
  padding: 0px 30px;
  color:white;
}
.dashboard-table table, 
.dashboard-table tr,
.dashboard-table th{

  border:0px;
}
.my-coruses{

  margin-top: 50px;
  box-shadow: 0px 7px 6px 0px #0000001c;
  background: white;
  padding: 20px;
  border-radius: 12px;

}
.progress-bar.green-color{
  background:#06AD15 !important;
}
.profile-section {
  background:#FAFAFB ;
  padding:70px 0px;
}

.dasborad-tabs ul{
  list-style:none;
  margin:0px;
  padding:0px;
}
.profile-section input.form-control {
  border: 1px solid #C4C5CD;
  padding: 12px 16px;
  border-radius: 12px;
  background: white;
  width:100%;
  color:#7E8192;
}
.profile-section .iti {

  display: block;
}
.profile-section .form-top {
  max-width: 355px;
}
.profile-section .profile-form-heading h6 {
  font-weight: normal !important;
  color: #C4C5CD;
  margin-bottom:12px;
  font-family: 'Poppins'
}
.profile-section  .button-group {
  text-align:end;
}
.profile-section  .button-group .button {
  max-width: 272px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
} 
}
.profile-section input.form-control:placeholder {
  color:#E0E1E5;
}
.profile-section label{
  margin-bottom:6px;
  display: block;
  font-size: 14px;
  color: #7E8192;
}
.margin-0{
  margin-top:0px !important;
}
.profile-section .profile-form-heading {
  margin-top: 24px;
}
.profile-section .form-group{
  margin-bottom:12px;
  position: relative;
}
.profile-section .phone_number .form-control{
  padding-left: 55px;

}
.profile-details  .image-email img{
  width: 19px;
  object-fit: contain;
}
.dasborad-tabs .image-group-dash img {
  width: 24px;
  object-fit: contain;
}
.profile-section span.flat-image {
  position: absolute;
  top: 52%;
  left: 16px;
}
.dasborad-tabs ul li a{
  display:flex;
  color: inherit;
  text-decoration: none;
  align-items:center;
  padding: 12px 16px;
  box-shadow: 0px 0px 1px 0px #00000066;
  border-radius: 12px;
  margin-bottom: 12px;
  gap:12px;
}
.button-group-cours {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.button-group-cours a {
  display: block;
  width: 100%;
}
.profile-section  .profile img {
  width: 164px;
  height: 164px;
  margin-bottom:20px;
  object-fit: cover;
  border: 4px solid #EAEAF2;
  border-radius: 100%;
  box-shadow: 0px 0px 1px 0px #00000066;
  box-shadow: 0px 24px 24px -12px #0000001A;
}

.button-group-cours a{
  display:block;
}
.sub-heading-cours{
  margin-bottom:4px;
  font-weight:bold;
}
.profile-section .progress-bar{
  background:#EBEBEB;
  border-radius:12px;
  color:#EBEBEB;
  margin-bottom:10px;
}
.profile-section .w3-green{
  height:8px;
}
.image-group-coruses img{
  width:100%;
  border-radius: 12px;
}
.dasborad-tabs ul  .active-tab a{
  background: #EAEAF2;
}
.tabs-content{
  list-style:none;
  padding:0px;
  margin:0px;
}
.dasborad-tabs ul  .active-tab-das .tab-heading{
  color:#9CA0C4;
}

.tab-heading{
  font-size:14px;
  color:#7E8192;
  font-weight:bold;
}
.toggle-password {
    position: absolute;
    top: 36px;
    bottom: 0;
    margin: auto;
    right: 20px;
}

.dasborad-tabs{
  background:white;
  box-shadow: 0px 0px 1px 0px #00000066;
  padding:24px 16px 24px 16px;
  border-radius: 12px;
  margin-top:12px;
}
.profile-section  .profile {
  text-align: center;
}
.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}
   
.profile-upload-button {
  text-align: center;
  margin-bottom: 20px;
}
.image-email a{
  display:flex;
  align-items:center;
  gap:12px;
  justify-content: center;
  color:#C4C5CD;
  margin-bottom:12px;
  gap:12px;
}

.tabs-content li {
  display: none;
}
.iti__country-list li{
  display:block !important;
}

.profile-section  .profile-user-name {
  text-align: center;
  margin-bottom:12px;
}
.profile-section .profile-user-age {
  color: #c4c5cd;
  font-size: 14px;
  padding-bottom: 25px;
  margin-bottom:12px;
  text-align: center;
  border-bottom: 1px solid #F5F6F7;
}

.arrows-button{
  cursor: pointer;
  width: 40px;
  height: 40px;
  border: 1px solid;
  padding:4px;
  box-shadow: 0px 0px 1px 0px #00000066;

}
.arrows-button svg{
  width:100%;
  height:100%;
  display:block;
}
.next-prev-arrow-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 41px;
}
.intl-tel-input {
  width: 100%;
}

.profile-section .progress-bar.fill-progress-bar{
  margin: 0;
  margin-bottom: -8px;
  position: relative;
  width: 0%;
}
@media (max-width:767px){
  .my-coruses{
    gap:20px;
  }
  .profile-section  .progress-number{
    margin-bottom:20px;
  }
  .profile-section .form-top {
    max-width: 100%;
  }
  .mobile-gap{
    gap:20px;
  }
}