/* body {
    margin: 0px;
    font-family: Poppins;

    padding: 0px;

} */
.profile-card {
    /* background: linear-gradient(90deg, rgba(164, 91, 243, 0) 0%, #B879FD 100%); */
    background: linear-gradient(90deg, rgba(164, 91, 243, 0) 0%, #B879FD 100%);
    background-image: url(/assets/images/Rectangle\ 6691.png);
    width: 100%;
    height: 70px;
    border: none !important;
    /* border-radius: 7px; */
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;

}
.custom-card {
    border: none !important;
    border-radius: 8px !important;
}
.Ai-profile {
    margin-top: 60px;
}
.profile-avatar-main {
   display: flex;
   padding-top: 30px;
   padding-bottom: 30px;
   align-items: center;

}
.profile-avatar {
   margin-right: 30px;
   margin-left: 30px;
}
.profile-avatar img {
   /* width: 100%; */
}
.avatr-text {

}
.avatr-text h6 {
    margin-bottom: 15px;
    color: hsla(0, 0%, 0%, 1);
    font-family: Poppins;
    font-size: 19.2px;
    font-weight: 500;
    line-height: 28.81px;
    text-align: left;

}
.avatr-text a{
    margin-bottom: 15px;
    color: hsla(0, 0%, 52%, 1);
    text-decoration: none;
    font-family: Poppins;
    font-size: 15.36px;
    font-weight: 400;
    display: inline-block;

    line-height: 23.05px;
    text-align: left;

}
.primium-profile {

}
.primium-profile a {
    color: #fff;
    padding: 10px 30px;
    background-color: hsla(270, 87%, 76%, 1);
    border-radius: 7px;
    font-family: Poppins;
    font-size: 15px;
    line-height: 19.5px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;

}

.custom-form-style {
    width: 95%;
     margin: 0 auto;
}
.custom-form-style .form-control {
    background-color: hsla(0, 0%, 98%, 1);
    color: #333;
     height: 50px !important;
     border-radius: 7px !important;
     border: none !important;


  }

  .custom-form-style .form-control::placeholder {
    color: hsla(0, 0%, 52%, 1);
    font-size: 15px !important;
  }

  .custom-form-style .form-label {
    color: hsla(0, 0%, 20%, 1);
    font-family: 'Poppins', sans-serif;
    font-size: 14.36px;
    font-weight: 400;
    line-height: 23.05px;
    text-align: left;
  }


  .custom-button {
    background-color: hsla(270, 87%, 76%, 1);
    color: white;
    padding: 8px 44px;
    border: none;
    cursor: pointer;
    border-radius: 10px;
  }

  .custom-button:hover {
    opacity: 0.9;
  }
  .custom-progress {
    background-color: hsla(269, 94%, 74%, 1);
    color: white;
    font-weight: bold;
  }
  .complete-progres  {
    color: hsla(0, 0%, 52%, 1);
    font-family: Poppins;
    font-size: 23.73px;
    font-weight: 500;
    line-height: 35.6px;
    text-align: center;


  }
  .pyment-text {
    font-family: Poppins;
    font-size: 15.36px;
    font-weight: 400;
    line-height: 23.05px;
    text-align: left;
    color:  hsla(0, 0%, 0%, 1);
    margin-left: 12px;
  margin-right: 12px;

  }
  div.dt-container div.dt-layout-row {

    margin: 1.75em 0 !important;
  }
  .dataTables_length label span {
    display: none !important;
}
.dt-length {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* This will align everything to the left */
}

/* Styling the "Show" text */
.dt-length span {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    color: hsla(270, 87%, 76%, 1);
    margin-left: 10px;
    /* Align text to the left */
    text-align: left;
}

#example {
    width: 100%;
    border-collapse: collapse;
  }


  #example thead th {
    font-family: Poppins;
    font-size: 15.36px;
    font-weight: 600;
    line-height: 23.05px;
    color: hsla(270, 87%, 76%, 1);
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid hsla(270, 87%, 76%, 1) !important ;
  }
  .dt-search label {
    color: hsla(270, 87%, 76%, 1) !important;


  }
  .dt-paging-button {
    background-color: hsla(270, 87%, 76%, 1) !important;
    color: #fff !important;

  }
  #dt-length-0label {
    display: none !important;
  }
  div.dt-container select.dt-input {
    padding: 6px 30px !important;
    background-color: hsla(0, 0%, 98%, 1) !important;
    border: none !important;
    border-radius: 9px !important;
  }
  .dt-paging-button {
  }
  #example tbody tr:last-child {
    border-bottom: 1px solid hsla(270, 87%, 76%, 1) !important ;

  }

  .dt-input {
    border: 1px solid hsla(270, 87%, 76%, 1) !important;
  }

  #example tbody tr {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;

  }
  .table-responsive table {
    border: none !important;
}
.table-responsive table th,
    .table-responsive table td {
        border: none !important;
    }
  .my-tab {
    margin-left: 30px;
  }

  #example tbody tr {
    border-bottom: 1px solid hsla(270, 88%, 81%, 1);
    padding: 10px 0;
    background: none !important;
  }
  .nav-tabs .nav-link:hover {
    border: none !important;
  }
  #example tbody tr td {
    padding: 10px;
  }


  #example tbody tr td {
    padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;

  }
  #example_info {
    color:hsla(270, 88%, 81%, 1) !important ;
  }

  section .section-title {
    text-align: center;

    margin-bottom: 50px;
    text-transform: uppercase;
}
#tabs{

    color: #1b1b1b;
}
#tabs h6.section-title{
    color: #111111;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: hsla(270, 87%, 76%, 1);
    border-color: transparent transparent #f3f3f3 ;
    border-bottom: 4px solid !important;
    font-size: 20px;
    font-weight: bold;
}
#tabs .nav-tabs .nav-link {
    /* border: 1px solid transparent; */
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #eee;
    font-size: 20px;
}
#nav-profile-tab {
    color: hsla(0, 0%, 52%, 1) !important;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;

}
#nav-home-tab {
    color: hsla(270, 87%, 76%, 1) !important;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;


}

.plan_upgrate {
   display: flex;
   justify-content: center;
}
.plan-vactor {
    margin-right: 32px;
}

.plan-vactor img {
    background-color: #BD83F9;
    border-radius: 50%;
    padding: 20px 27px;
}
.upgrate-title {
     margin-top: 10px;
}
.upgrate-title h2 {
   color: #A36FDC;
   font-family: Poppins;
   font-size: 36px;


}
.upgrate-title p{
   font-size: 16px;
   color: #848484;
   font-family: Poppins;
   margin-bottom: 30px;

}
.upgrate-title a {
    color: #fff;
    padding: 10px 30px;
    background-color: hsla(270, 87%, 76%, 1);
    border-radius: 7px;
    font-family: Poppins;
    font-size: 15px;
    line-height: 19.5px;
    font-weight: 700;
    /* text-align: left; */
    text-decoration: none;
}

.profile-dropdown .dropdown-menu {
  width: 278px;
}
  .profile-dropdown .header-avatar1 img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.profile-dropdown .dropdown-menu {
    /* min-width: 200px; */
}
.profile-dropdown .dropdown-item svg {
    width: 18px;
    height: 18px;
}
.profile-dropdown .dropdown-item {
    padding-bottom: 15px !important;
}
.dropdown-menu {
    position: absolute;
    left: -100%;
}
.user-semi-title
 {
    font-size: 12px !important;
 }